source: trunk/themes/default/template/index.tpl @ 23320

Last change on this file since 23320 was 23320, checked in by mistic100, 11 years ago

feature:2928 Factorize JS code for switchBox
switchBox("selector for link", "selector for box");
  • Property svn:eol-style set to LF
File size: 7.8 KB
Line 
1{combine_script id='core.switchbox' load='footer' require='jquery' path='themes/default/js/switchbox.js'}
2{$MENUBAR}
3
4
5{if isset($errors) or isset($infos)}
6<div class="content messages{if isset($MENUBAR)} contentWithMenu{/if}">
7{include file='infos_errors.tpl'}
8</div>
9{/if}
10
11{if !empty($PLUGIN_INDEX_CONTENT_BEFORE)}{$PLUGIN_INDEX_CONTENT_BEFORE}{/if}
12<div id="content" class="content{if isset($MENUBAR)} contentWithMenu{/if}">
13<div class="titrePage{if isset($chronology.TITLE)} calendarTitleBar{/if}">
14        <ul class="categoryActions">
15{if !empty($image_orders)}
16                <li>{strip}<a id="sortOrderLink" title="{'Sort order'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
17                        <span class="pwg-icon pwg-icon-sort">&nbsp;</span><span class="pwg-button-text">{'Sort order'|@translate}</span>
18                </a>
19                <div id="sortOrderBox" class="switchBox">
20                        <div class="switchBoxTitle">{'Sort order'|@translate}</div>
21                        {foreach from=$image_orders item=image_order name=loop}{if !$smarty.foreach.loop.first}<br>{/if}
22                        {if $image_order.SELECTED}
23                        <span>&#x2714; </span>{$image_order.DISPLAY}
24                        {else}
25                        <span style="visibility:hidden">&#x2714; </span><a href="{$image_order.URL}" rel="nofollow">{$image_order.DISPLAY}</a>
26                        {/if}
27                        {/foreach}
28                </div>
29                {footer_script require='core.switchbox'}switchBox("#sortOrderLink", "#sortOrderBox");{/footer_script}
30                {/strip}</li>
31{/if}
32{if !empty($image_derivatives)}
33                <li>{strip}<a id="derivativeSwitchLink" title="{'Photo sizes'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
34                        <span class="pwg-icon pwg-icon-sizes">&nbsp;</span><span class="pwg-button-text">{'Photo sizes'|@translate}</span>
35                </a>
36                <div id="derivativeSwitchBox" class="switchBox">
37                        <div class="switchBoxTitle">{'Photo sizes'|@translate}</div>
38                        {foreach from=$image_derivatives item=image_derivative name=loop}{if !$smarty.foreach.loop.first}<br>{/if}
39                        {if $image_derivative.SELECTED}
40                        <span>&#x2714; </span>{$image_derivative.DISPLAY}
41                        {else}
42                        <span style="visibility:hidden">&#x2714; </span><a href="{$image_derivative.URL}" rel="nofollow">{$image_derivative.DISPLAY}</a>
43                        {/if}
44                        {/foreach}
45                </div>
46                {footer_script require='core.switchbox'}switchBox("#derivativeSwitchLink", "#derivativeSwitchBox");{/footer_script}
47                {/strip}</li>
48{/if}
49
50{if isset($favorite)}
51                <li><a href="{$favorite.U_FAVORITE}" title="{'delete all photos from your favorites'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
52                        <span class="pwg-icon pwg-icon-favorite-del">&nbsp;</span><span class="pwg-button-text">{'delete all photos from your favorites'|@translate}</span>
53                </a></li>
54{/if}
55{if isset($U_CADDIE)}
56                <li><a href="{$U_CADDIE}" title="{'Add to caddie'|@translate}" class="pwg-state-default pwg-button">
57                        <span class="pwg-icon pwg-icon-caddie-add">&nbsp;</span><span class="pwg-button-text">{'Caddie'|@translate}</span>
58                </a></li>
59{/if}
60{if isset($U_EDIT)}
61                <li><a href="{$U_EDIT}" title="{'Edit album'|@translate}" class="pwg-state-default pwg-button">
62                        <span class="pwg-icon pwg-icon-category-edit">&nbsp;</span><span class="pwg-button-text">{'Edit'|@translate}</span>
63                </a></li>
64{/if}
65{if isset($U_SEARCH_RULES)}
66                {combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
67                <li><a href="{$U_SEARCH_RULES}" onclick="popuphelp(this.href); return false;" title="{'Search rules'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
68                        <span class="pwg-icon pwg-icon-help">&nbsp;</span><span class="pwg-button-text">(?)</span>
69                </a></li>
70{/if}
71{if isset($U_SLIDESHOW)}
72                <li>{strip}<a href="{$U_SLIDESHOW}" title="{'slideshow'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
73                        <span class="pwg-icon pwg-icon-slideshow">&nbsp;</span><span class="pwg-button-text">{'slideshow'|@translate}</span>
74                </a>{/strip}</li>
75{/if}
76{if isset($U_MODE_FLAT)}
77                <li>{strip}<a href="{$U_MODE_FLAT}" title="{'display all photos in all sub-albums'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
78                        <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>
79                </a>{/strip}</li>
80{/if}
81{if isset($U_MODE_NORMAL)}
82                <li>{strip}<a href="{$U_MODE_NORMAL}" title="{'return to normal view mode'|@translate}" class="pwg-state-default pwg-button">
83                        <span class="pwg-icon pwg-icon-category-view-normal">&nbsp;</span><span class="pwg-button-text">{'return to normal view mode'|@translate}</span>
84                </a>{/strip}</li>
85{/if}
86{if isset($U_MODE_POSTED)}
87                <li>{strip}<a href="{$U_MODE_POSTED}" title="{'display a calendar by posted date'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
88                        <span class="pwg-icon pwg-icon-calendar">&nbsp;</span><span class="pwg-button-text">{'Calendar'|@translate}</span>
89                </a>{/strip}</li>
90{/if}
91{if isset($U_MODE_CREATED)}
92                <li>{strip}<a href="{$U_MODE_CREATED}" title="{'display a calendar by creation date'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
93                        <span class="pwg-icon pwg-icon-camera-calendar">&nbsp;</span><span class="pwg-button-text">{'Calendar'|@translate}</span>
94                </a>{/strip}</li>
95{/if}
96{foreach from=$PLUGIN_INDEX_BUTTONS item=button}<li>{$button}</li>{/foreach}
97{if !empty($PLUGIN_INDEX_ACTIONS)}{$PLUGIN_INDEX_ACTIONS}{/if}
98        </ul>
99
100<h2>{$TITLE}</h2>
101
102{if isset($chronology_views)}
103<div class="calendarViews">{'View'|@translate}:
104        <a id="calendarViewSwitchLink" href="javascript:toggleCalendarViewsBox()">
105        {foreach from=$chronology_views item=view}{if $view.SELECTED}{$view.CONTENT}{/if}{/foreach}
106        </a>
107        <div id="calendarViewSwitchBox" class="switchBox">
108                {foreach from=$chronology_views item=view name=loop}{if !$smarty.foreach.loop.first}<br>{/if}
109                <span{if !$view.SELECTED} style="visibility:hidden"{/if}>&#x2714; </span><a href="{$view.VALUE}">{$view.CONTENT}</a>
110                {/foreach}
111        </div>
112        {footer_script require='jquery'}{literal}
113function toggleCalendarViewsBox() {
114        var elt = jQuery("#calendarViewSwitchBox")
115                , ePos = jQuery("#calendarViewSwitchLink");
116        elt.css("left", Math.min( ePos.offset().left, jQuery(window).width() - elt.outerWidth(true) - 5))
117                .css("top", ePos.offset().top + ePos.outerHeight(true))
118                .toggle();
119};
120jQuery("#calendarViewSwitchBox").on("mouseleave", function() {
121        jQuery(this).hide();
122});
123        {/literal}{/footer_script}
124</div>
125{/if}
126
127{if isset($chronology.TITLE)}
128<h2 class="calendarTitle">{$chronology.TITLE}</h2>
129{/if}
130
131</div>{* <!-- titrePage --> *}
132
133{if !empty($PLUGIN_INDEX_CONTENT_BEGIN)}{$PLUGIN_INDEX_CONTENT_BEGIN}{/if}
134
135{if !empty($category_search_results)}
136<div class="category_search_results">{'Album results for'|@translate} <strong>{$QUERY_SEARCH}</strong> :
137        <em><strong>
138        {foreach from=$category_search_results item=res name=res_loop}
139        {if !$smarty.foreach.res_loop.first} &mdash; {/if}
140        {$res}
141        {/foreach}
142        </strong></em>
143</div>
144{/if}
145
146{if !empty($tag_search_results)}
147<div class="tag_search_results">{'Tag results for'|@translate} <strong>{$QUERY_SEARCH}</strong> :
148        <em><strong>
149        {foreach from=$tag_search_results item=tag name=res_loop}
150        {if !$smarty.foreach.res_loop.first} &mdash; {/if} <a href="{$tag.URL}">{$tag.name}</a>
151        {/foreach}
152        </strong></em>
153</div>
154{/if}
155
156{if isset($FILE_CHRONOLOGY_VIEW)}
157{include file=$FILE_CHRONOLOGY_VIEW}
158{/if}
159
160{if !empty($CONTENT_DESCRIPTION)}
161<div class="additional_info">
162        {$CONTENT_DESCRIPTION}
163</div>
164{/if}
165
166{if !empty($CATEGORIES)}{$CATEGORIES}{/if}
167{if !empty($cats_navbar)}
168        {include file='navigation_bar.tpl'|@get_extent:'navbar' navbar=$cats_navbar}
169{/if}
170
171{if !empty($THUMBNAILS)}
172<div class="loader"><img src="{$ROOT_URL}{$themeconf.img_dir}/ajax_loader.gif"></div>
173<ul class="thumbnails" id="thumbnails">
174  {$THUMBNAILS}
175</ul>
176{/if}
177{if !empty($thumb_navbar)}
178        {include file='navigation_bar.tpl'|@get_extent:'navbar' navbar=$thumb_navbar}
179{/if}
180
181{if !empty($PLUGIN_INDEX_CONTENT_END)}{$PLUGIN_INDEX_CONTENT_END}{/if}
182</div>{* <!-- content --> *}
183{if !empty($PLUGIN_INDEX_CONTENT_AFTER)}{$PLUGIN_INDEX_CONTENT_AFTER}{/if}
Note: See TracBrowser for help on using the repository browser.