source: extensions/UserCollections/template/thumbnails.tpl @ 16688

{combine_script id='jquery.colorbox' load='footer' require='jquery' path='themes/default/js/plugins/jquery.colorbox.min.js'}
{combine_css path="themes/default/js/plugins/colorbox/style2/colorbox.css"}
{footer_script}
jQuery("a.preview-box").colorbox({ldelim}
  rel: ".preview-box",
  title: function() {ldelim}
    var title = $(this).attr("title");
    {if $F_ACTION} title+= ' · <a href="{$collection_toggle_url}&amp;collection_toggle='+ $(this).data('id') +'" class="addCollection" data-id="'+ $(this).data('id') +'">{'Remove from collection'|@translate}</a>';{/if}
    title+= ' · <a href="'+ $(this).data('url') +'" target="_blank">{'jump to photo'|@translate} →</a>';
    return  title;
  }
});
jQuery(document).on("click", "#cboxTitle .addCollection", function() {ldelim}
  jQuery.colorbox.close();
  jQuery("#thumbnails a.addCollection[data-id='"+ $(this).data('id')+"']").trigger("click");
  return false;
});
{/footer_script}

{if !empty($thumbnails)}{strip}
{*define_derivative name='derivative_params' width=160 height=90 crop=true*}
{html_style}
{*Set some sizes according to maximum thumbnail width and height*}
.thumbnails SPAN,
.thumbnails .wrap2 A,
.thumbnails LABEL{ldelim}
        width: {$derivative_params->max_width()+2}px;
}

.thumbnails .wrap2{ldelim}
        height: {$derivative_params->max_height()+3}px;
}
{if $derivative_params->max_width() > 600}
.thumbLegend {ldelim}font-size: 130%}
{else}
{if $derivative_params->max_width() > 400}
.thumbLegend {ldelim}font-size: 110%}
{else}
.thumbLegend {ldelim}font-size: 90%}
{/if}
{/if}
{/html_style}
{foreach from=$thumbnails item=thumbnail}
{assign var=derivative value=$pwg->derivative($derivative_params, $thumbnail.src_image)}
{if !$derivative->is_cached()}
{combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'}
{combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'}
{/if}
<li>
        <span class="wrap1">
                <span class="wrap2">
                <a href="{$thumbnail.FILE_SRC}" class="preview-box" title="{$thumbnail.NAME}" data-url="{$thumbnail.URL}" data-id="{$thumbnail.id}">
                        <img class="thumbnail" {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.img_dir}/ajax-loader-small.gif" data-src="{$derivative->get_url()}"{/if} alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}">
                </a>
                </span>
                {if $SHOW_THUMBNAIL_CAPTION }
                <span class="thumbLegend">
                <span class="thumbName">{$thumbnail.NAME}</span>
                {if !empty($thumbnail.icon_ts)}
                <img title="{$thumbnail.icon_ts.TITLE}" src="{$ROOT_URL}{$themeconf.icon_dir}/recent.png" alt="(!)">
                {/if}
                {if isset($thumbnail.NB_COMMENTS)}
                <span class="{if 0==$thumbnail.NB_COMMENTS}zero {/if}nb-comments">
                <br>
                {$pwg->l10n_dec('%d comment', '%d comments',$thumbnail.NB_COMMENTS)}
                </span>
                {/if}

                {if isset($thumbnail.NB_HITS)}
                <span class="{if 0==$thumbnail.NB_HITS}zero {/if}nb-hits">
                <br>
                {$pwg->l10n_dec('%d hit', '%d hits',$thumbnail.NB_HITS)}
                </span>
                {/if}
                </span>
                {/if}
        </span>
        </li>
{/foreach}{/strip}
{/if}