source: extensions/Slim/template/index.tpl @ 25997

Last change on this file since 25997 was 25997, checked in by Miklfe, 7 years ago
File size: 8.5 KB
Line 
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">&nbsp;</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>&#x2714; </span>{$image_order.DISPLAY}
35                                {else}
36                                <span style="visibility:hidden">&#x2714; </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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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} &mdash; {/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} &mdash; {/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
Note: See TracBrowser for help on using the repository browser.