1 | {if !empty($album_thumb_size)}{* ================= modus mode ===*} |
---|
2 | <ul class="albThumbs" id="rv-at"> |
---|
3 | {foreach from=$category_thumbnails item=item} |
---|
4 | <li>{strip} |
---|
5 | <a href="{$item.URL}"> |
---|
6 | <img class=albImg{$item.MODUS_STYLE} src="{$item.modus_deriv->get_url()}" alt="{$item.TN_ALT}"> |
---|
7 | <div class=albLegend> |
---|
8 | <h4>{$item.NAME}</h4> |
---|
9 | {if !empty($item.icon_ts)}<div class=albLegendRight><span class=albSymbol title="{if $item.icon_ts.IS_CHILD_DATE}{'Recent albums'|@translate} {$item.icon_ts.TITLE}">✻{else}{'Recent photos'|@translate} {$item.icon_ts.TITLE}">✽{/if}</span></div>{/if} |
---|
10 | <div> |
---|
11 | {if $item.nb_images}{$item.nb_images|@translate_dec:'%d photo':'%d photos'}{if $item.nb_categories}, {/if}{/if} |
---|
12 | {if $item.nb_categories} |
---|
13 | <span title="{$item.count_images|@translate_dec:'%d photo':'%d photos'} {$item.count_categories|@translate_dec:'in %d sub-album':'in %d sub-albums'}">{$item.nb_categories|@translate_dec:'%d album':'%d albums'}</span> |
---|
14 | {/if} |
---|
15 | </div> |
---|
16 | </div> |
---|
17 | </a> |
---|
18 | {/strip}</li> |
---|
19 | {/foreach} |
---|
20 | </ul> |
---|
21 | {else}{* ================= standard mode ===*} |
---|
22 | {strip}{html_style} |
---|
23 | .thumbnailCategory .illustration{ |
---|
24 | width:{$derivative_params->max_width()+5}px; |
---|
25 | } |
---|
26 | |
---|
27 | .content .thumbnailCategory .description{ |
---|
28 | height:{$derivative_params->max_height()+5}px; |
---|
29 | } |
---|
30 | |
---|
31 | |
---|
32 | @media {cssResolution min=1.3}{ |
---|
33 | .thumbnailCategory .illustration{ |
---|
34 | width:{($derivative_params->max_width()/2+5)|intval}px; |
---|
35 | } |
---|
36 | |
---|
37 | .content .thumbnailCategory .description{ |
---|
38 | height:{($derivative_params->max_height()/2+5)|intval}px; |
---|
39 | } |
---|
40 | |
---|
41 | .illustration IMG{ |
---|
42 | max-width:{($derivative_params->max_width()/2)|intval}px; |
---|
43 | max-height:{($derivative_params->max_height()/2)|intval}px; |
---|
44 | } |
---|
45 | } |
---|
46 | |
---|
47 | @media (max-width: {(2+2*($derivative_params->max_width()+1+120))|intval}px), |
---|
48 | {$maxw={(2+2*($derivative_params->max_width()/2+1+120))|intval}} |
---|
49 | {cssResolution base='(max-width:'|cat:$maxw|cat:'px)' min=1.3} { |
---|
50 | .thumbnailCategories LI{ |
---|
51 | width:99% |
---|
52 | } |
---|
53 | } |
---|
54 | |
---|
55 | {/html_style}{/strip} |
---|
56 | <ul class="thumbnailCategories"> |
---|
57 | {foreach from=$category_thumbnails item=cat name=cat_loop} |
---|
58 | {assign var=derivative value=$pwg->derivative($derivative_params, $cat.representative.src_image)} |
---|
59 | <li class="{if $smarty.foreach.cat_loop.index is odd}odd{else}even{/if}"> |
---|
60 | <div class="thumbnailCategory"> |
---|
61 | <div class="illustration"> |
---|
62 | <a href="{$cat.URL}"> |
---|
63 | <img src="{$derivative->get_url()}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}"> |
---|
64 | </a> |
---|
65 | </div> |
---|
66 | <div class="description"> |
---|
67 | <h3> |
---|
68 | <a href="{$cat.URL}">{$cat.NAME}</a> |
---|
69 | {if !empty($cat.icon_ts)} |
---|
70 | <img title="{$cat.icon_ts.TITLE}" src="{$ROOT_URL}{$themeconf.icon_dir}/recent{if $cat.icon_ts.IS_CHILD_DATE}_by_child{/if}.png" alt="(!)"> |
---|
71 | {/if} |
---|
72 | </h3> |
---|
73 | <div class="text"> |
---|
74 | {if isset($cat.INFO_DATES) } |
---|
75 | <div class="dates">{$cat.INFO_DATES}</div> |
---|
76 | {/if} |
---|
77 | <div class="Nb_images">{$cat.CAPTION_NB_IMAGES}</div> |
---|
78 | {if not empty($cat.DESCRIPTION)} |
---|
79 | <div>{$cat.DESCRIPTION}</div> |
---|
80 | {/if} |
---|
81 | </div> |
---|
82 | </div> |
---|
83 | </div> |
---|
84 | </li> |
---|
85 | {/foreach} |
---|
86 | </ul> |
---|
87 | {/if} |
---|