1 | {if ($Slim.style_slim)!=1} |
---|
2 | {$MENUBAR} |
---|
3 | {/if} |
---|
4 | |
---|
5 | <div id="content" class="content{if isset($MENUBAR)} contentWithMenu{/if}"> |
---|
6 | |
---|
7 | {if ($Slim.style_slim)==1} |
---|
8 | {if !empty($THUMBNAILS)} |
---|
9 | <div id="home"> |
---|
10 | <a href="{$U_HOME}"><img src="themes/Slim/images/home.png" height="32px" width="32px"></a> |
---|
11 | </div> |
---|
12 | <div class="titrePage"> |
---|
13 | <div id="infoBlock"> |
---|
14 | {if !empty($PLUGIN_INDEX_ACTIONS)}{$PLUGIN_INDEX_ACTIONS}{/if} |
---|
15 | <h2> |
---|
16 | {$cat_name} |
---|
17 | </h2> |
---|
18 | {/if} |
---|
19 | |
---|
20 | {else} |
---|
21 | |
---|
22 | <div id="infoBlock"> |
---|
23 | <div class="titrePage{if isset($chronology.TITLE)} calendarTitleBar{/if}"> |
---|
24 | |
---|
25 | <ul class="categoryActions"> |
---|
26 | {if !empty($image_orders)} |
---|
27 | <li>{strip}<a id="sortOrderLink" title="{'Sort order'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> |
---|
28 | <span class="pwg-icon pwg-icon-sort"> </span><span class="pwg-button-text">{'Sort order'|@translate}</span> |
---|
29 | </a> |
---|
30 | <div id="sortOrderBox" class="switchBox"> |
---|
31 | <div class="switchBoxTitle">{'Sort order'|@translate}</div> |
---|
32 | {foreach from=$image_orders item=image_order name=loop}{if !$smarty.foreach.loop.first}<br>{/if} |
---|
33 | {if $image_order.SELECTED} |
---|
34 | <span>✔ </span>{$image_order.DISPLAY} |
---|
35 | {else} |
---|
36 | <span style="visibility:hidden">✔ </span><a href="{$image_order.URL}" rel="nofollow">{$image_order.DISPLAY}</a> |
---|
37 | {/if} |
---|
38 | {/foreach} |
---|
39 | </div> |
---|
40 | {footer_script require='jquery'}{literal} |
---|
41 | jQuery("#sortOrderLink").click(function() { |
---|
42 | var elt = jQuery("#sortOrderBox"); |
---|
43 | elt.css("left", Math.min( jQuery(this).offset().left, jQuery(window).width() - elt.outerWidth(true) - 5)) |
---|
44 | .css("top", jQuery(this).offset().top + jQuery(this).outerHeight(true)) |
---|
45 | .toggle(); |
---|
46 | }); |
---|
47 | jQuery("#sortOrderBox").on("mouseleave", function() { |
---|
48 | jQuery(this).hide(); |
---|
49 | }); |
---|
50 | {/literal}{/footer_script} |
---|
51 | {/strip}</li> |
---|
52 | {/if} |
---|
53 | |
---|
54 | {if isset($favorite)} |
---|
55 | <li><a href="{$favorite.U_FAVORITE}" title="{'delete all photos from your favorites'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> |
---|
56 | <span class="pwg-icon pwg-icon-favorite-del"> </span><span class="pwg-button-text">{'delete all photos from your favorites'|@translate}</span> |
---|
57 | </a></li> |
---|
58 | {/if} |
---|
59 | {if isset($U_CADDIE)} |
---|
60 | <li><a href="{$U_CADDIE}" title="{'Add to caddie'|@translate}" class="pwg-state-default pwg-button"> |
---|
61 | <span class="pwg-icon pwg-icon-caddie-add"> </span><span class="pwg-button-text">{'Caddie'|@translate}</span> |
---|
62 | </a></li> |
---|
63 | {/if} |
---|
64 | {if isset($U_EDIT)} |
---|
65 | <li><a href="{$U_EDIT}" title="{'Edit album'|@translate}" class="pwg-state-default pwg-button"> |
---|
66 | <span class="pwg-icon pwg-icon-category-edit"> </span><span class="pwg-button-text">{'Edit'|@translate}</span> |
---|
67 | </a></li> |
---|
68 | {/if} |
---|
69 | {if isset($U_SEARCH_RULES)} |
---|
70 | {combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'} |
---|
71 | <li><a href="{$U_SEARCH_RULES}" onclick="popuphelp(this.href); return false;" title="{'Search rules'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> |
---|
72 | <span class="pwg-icon pwg-icon-help"> </span><span class="pwg-button-text">(?)</span> |
---|
73 | </a></li> |
---|
74 | {/if} |
---|
75 | {if isset($U_SLIDESHOW)} |
---|
76 | <li>{strip}<a href="{$U_SLIDESHOW}" title="{'slideshow'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> |
---|
77 | <span class="pwg-icon pwg-icon-slideshow"> </span><span class="pwg-button-text">{'slideshow'|@translate}</span> |
---|
78 | </a>{/strip}</li> |
---|
79 | {/if} |
---|
80 | {if isset($U_MODE_FLAT)} |
---|
81 | <li>{strip}<a href="{$U_MODE_FLAT}" title="{'display all photos in all sub-albums'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> |
---|
82 | <span class="pwg-icon pwg-icon-category-view-flat"> </span><span class="pwg-button-text">{'display all photos in all sub-albums'|@translate}</span> |
---|
83 | </a>{/strip}</li> |
---|
84 | {/if} |
---|
85 | {if isset($U_MODE_NORMAL)} |
---|
86 | <li>{strip}<a href="{$U_MODE_NORMAL}" title="{'return to normal view mode'|@translate}" class="pwg-state-default pwg-button"> |
---|
87 | <span class="pwg-icon pwg-icon-category-view-normal"> </span><span class="pwg-button-text">{'return to normal view mode'|@translate}</span> |
---|
88 | </a>{/strip}</li> |
---|
89 | {/if} |
---|
90 | {if isset($U_MODE_POSTED)} |
---|
91 | <li>{strip}<a href="{$U_MODE_POSTED}" title="{'display a calendar by posted date'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> |
---|
92 | <span class="pwg-icon pwg-icon-calendar"> </span><span class="pwg-button-text">{'Calendar'|@translate}</span> |
---|
93 | </a>{/strip}</li> |
---|
94 | {/if} |
---|
95 | {if isset($U_MODE_CREATED)} |
---|
96 | <li>{strip}<a href="{$U_MODE_CREATED}" title="{'display a calendar by creation date'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> |
---|
97 | <span class="pwg-icon pwg-icon-camera-calendar"> </span><span class="pwg-button-text">{'Calendar'|@translate}</span> |
---|
98 | </a>{/strip}</li> |
---|
99 | {/if} |
---|
100 | {if !empty($PLUGIN_INDEX_ACTIONS)}{$PLUGIN_INDEX_ACTIONS}{/if} |
---|
101 | </ul> |
---|
102 | <h2>{$TITLE}</h2> |
---|
103 | {if isset($chronology_views)} |
---|
104 | <div class="calendarViews">{'View'|@translate}: |
---|
105 | <select onchange="document.location = this.options[this.selectedIndex].value;"> |
---|
106 | {foreach from=$chronology_views item=view} |
---|
107 | <option value="{$view.VALUE}"{if $view.SELECTED} selected="selected"{/if}>{$view.CONTENT}</option> |
---|
108 | {/foreach} |
---|
109 | </select> |
---|
110 | </div> |
---|
111 | {/if} |
---|
112 | |
---|
113 | {if isset($chronology.TITLE)} |
---|
114 | <h2 class="calendarTitle">{$chronology.TITLE}</h2> |
---|
115 | {/if} |
---|
116 | {/if} |
---|
117 | </div>{* <!-- titrePage --> *} |
---|
118 | |
---|
119 | |
---|
120 | </div>{* <!-- infoBlock --> *} |
---|
121 | |
---|
122 | |
---|
123 | {if isset($errors) or not empty($infos)} |
---|
124 | {include file='infos_errors.tpl'} |
---|
125 | {/if} |
---|
126 | {if !empty($PLUGIN_INDEX_CONTENT_BEGIN)}{$PLUGIN_INDEX_CONTENT_BEGIN}{/if} |
---|
127 | |
---|
128 | {if !empty($category_search_results)} |
---|
129 | <div style="font-size:16px;margin:10px 16px">{'Album results for'|@translate} <strong>{$QUERY_SEARCH}</strong> : |
---|
130 | <em><strong> |
---|
131 | {foreach from=$category_search_results item=res name=res_loop} |
---|
132 | {if !$smarty.foreach.res_loop.first} — {/if} |
---|
133 | {$res} |
---|
134 | {/foreach} |
---|
135 | </strong></em> |
---|
136 | </div> |
---|
137 | {/if} |
---|
138 | |
---|
139 | {if !empty($tag_search_results)} |
---|
140 | <div style="font-size:16px;margin:10px 16px">{'Tag results for'|@translate} <strong>{$QUERY_SEARCH}</strong> : |
---|
141 | <em><strong> |
---|
142 | {foreach from=$tag_search_results item=res name=res_loop} |
---|
143 | {if !$smarty.foreach.res_loop.first} — {/if} |
---|
144 | {$res} |
---|
145 | {/foreach} |
---|
146 | </strong></em> |
---|
147 | </div> |
---|
148 | {/if} |
---|
149 | |
---|
150 | {if isset($FILE_CHRONOLOGY_VIEW)} |
---|
151 | {include file=$FILE_CHRONOLOGY_VIEW} |
---|
152 | {/if} |
---|
153 | |
---|
154 | {if !empty($CONTENT_DESCRIPTION)} |
---|
155 | <div class="additional_info"> |
---|
156 | {$CONTENT_DESCRIPTION} |
---|
157 | </div> |
---|
158 | {/if} |
---|
159 | |
---|
160 | |
---|
161 | |
---|
162 | {if !empty($THUMBNAILS)} |
---|
163 | {$THUMBNAILS} |
---|
164 | {footer_script}{literal} |
---|
165 | $('.jcarousel') |
---|
166 | .jcarousel({ |
---|
167 | wrap: 'circular' |
---|
168 | }) |
---|
169 | .jcarouselAutoscroll({ |
---|
170 | autostart: false |
---|
171 | }); |
---|
172 | |
---|
173 | $('.jcarousel-control-prev') |
---|
174 | .on('jcarouselcontrol:active', function() { |
---|
175 | $(this).removeClass('inactive'); |
---|
176 | }) |
---|
177 | .on('jcarouselcontrol:inactive', function() { |
---|
178 | $(this).addClass('inactive'); |
---|
179 | }) |
---|
180 | .jcarouselControl({ |
---|
181 | target: '-=1' |
---|
182 | }); |
---|
183 | |
---|
184 | $('.jcarousel-control-next') |
---|
185 | .on('jcarouselcontrol:active', function() { |
---|
186 | $(this).removeClass('inactive'); |
---|
187 | }) |
---|
188 | .on('jcarouselcontrol:inactive', function() { |
---|
189 | $(this).addClass('inactive'); |
---|
190 | }) |
---|
191 | .jcarouselControl({ |
---|
192 | target: '+=1' |
---|
193 | }); |
---|
194 | {/literal}{/footer_script} |
---|
195 | |
---|
196 | {/if} |
---|
197 | |
---|
198 | {if empty($THUMBNAILS)} |
---|
199 | {if !empty($CATEGORIES)} |
---|
200 | {$CATEGORIES} |
---|
201 | {footer_script}{literal} |
---|
202 | $('.jcarousel') |
---|
203 | .jcarousel({ |
---|
204 | wrap: 'circular' |
---|
205 | }) |
---|
206 | .jcarouselAutoscroll({ |
---|
207 | interval: 3000, |
---|
208 | target: '+=1', |
---|
209 | autostart: true |
---|
210 | }); |
---|
211 | |
---|
212 | $('.jcarousel-control-prev') |
---|
213 | .on('jcarouselcontrol:active', function() { |
---|
214 | $(this).removeClass('inactive'); |
---|
215 | }) |
---|
216 | .on('jcarouselcontrol:inactive', function() { |
---|
217 | $(this).addClass('inactive'); |
---|
218 | }) |
---|
219 | .jcarouselControl({ |
---|
220 | target: '-=1' |
---|
221 | }); |
---|
222 | |
---|
223 | $('.jcarousel-control-next') |
---|
224 | .on('jcarouselcontrol:active', function() { |
---|
225 | $(this).removeClass('inactive'); |
---|
226 | }) |
---|
227 | .on('jcarouselcontrol:inactive', function() { |
---|
228 | $(this).addClass('inactive'); |
---|
229 | }) |
---|
230 | .jcarouselControl({ |
---|
231 | target: '+=1' |
---|
232 | }); |
---|
233 | |
---|
234 | $('.jcarousel') |
---|
235 | .on('mouseenter', function(){ |
---|
236 | $(this).jcarouselAutoscroll('stop') |
---|
237 | }) |
---|
238 | .on('mouseleave', function(){ |
---|
239 | $(this).jcarouselAutoscroll('start') |
---|
240 | }); |
---|
241 | {/literal}{/footer_script} |
---|
242 | |
---|
243 | {/if} |
---|
244 | {/if} |
---|
245 | |
---|
246 | {if !empty($PLUGIN_INDEX_CONTENT_END)}{$PLUGIN_INDEX_CONTENT_END}{/if} |
---|
247 | </div>{* <!-- content --> *} |
---|
248 | {if !empty($PLUGIN_INDEX_CONTENT_AFTER)}{$PLUGIN_INDEX_CONTENT_AFTER}{/if} |
---|
249 | |
---|
250 | |
---|
251 | |
---|