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

Last change on this file since 13683 was 13683, checked in by plg, 9 years ago

feature 2598: add sizes XXS and XS

new label for sizes

On picture.php, the current size is "checked" and javascript refreshed when switched (with jQuery)

jQuery loaded by default on header.tpl (already loaded by thumbnails.tpl)

  • Property svn:eol-style set to LF
File size: 7.6 KB
Line 
1{$MENUBAR}
2{if !empty($PLUGIN_INDEX_CONTENT_BEFORE)}{$PLUGIN_INDEX_CONTENT_BEFORE}{/if}
3<div id="content" class="content{if isset($MENUBAR)} contentWithMenu{/if}">
4<div class="titrePage">
5        <ul class="categoryActions">
6{if !empty($image_orders)}
7                <li>{strip}<a href="javascript:toggleSortOrderBox()" id="sortOrderLink" title="{'Sort order'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
8                        <span class="pwg-icon pwg-icon-sort">&nbsp;</span><span class="pwg-button-text">{'Sort order'|@translate}</span>
9                </a>
10                <div id="sortOrderBox" style="display:none; text-align:left" onclick="toggleSortOrderBox()" onmouseout="e=event.toElement||event.relatedTarget;e.parentNode==this||e==this||toggleSortOrderBox()">
11                        <div class="switchBoxTitle">{'Sort order'|@translate}</div>
12                        {foreach from=$image_orders item=image_order name=loop}{if !$smarty.foreach.loop.first}<br>{/if}
13                        {if $image_order.SELECTED}
14                        <span>&#x2714; {$image_order.DISPLAY}</span>
15                        {else}
16                        <a href="{$image_order.URL}" rel="nofollow">{$image_order.DISPLAY}</a>
17                        {/if}
18                        {/foreach}
19                </div>
20                {footer_script}{literal}
21function toggleSortOrderBox() {
22        var elt = document.getElementById("sortOrderBox"),
23                ePos = document.getElementById("sortOrderLink");
24        if (elt.style.display==="none") {
25                elt.style.position = "absolute";
26                elt.style.left = ePos.offsetLeft+"px";
27                elt.style.top = (ePos.offsetTop+ePos.offsetHeight)+"px";
28                elt.style.display="";
29        }
30        else
31                elt.style.display="none";
32}
33                {/literal}{/footer_script}
34                {/strip}</li>
35{/if}
36
37{if !empty($image_derivatives)}
38                <li>{strip}<a href="javascript:toggleImageDerivativesBox()" id="derivativeChooseLink" title="{'Photo sizes'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
39                        <span class="pwg-icon pwg-icon-sizes">&nbsp;</span><span class="pwg-button-text">{'Photo sizes'|@translate}</span>
40                </a>
41                <div id="derivativeSwitchBox" style="display:none; text-align:left" onclick="toggleImageDerivativesBox()" onmouseout="e=event.toElement||event.relatedTarget;e.parentNode==this||e==this||toggleImageDerivativesBox()">
42                        <div class="switchBoxTitle">{'Photo sizes'|@translate}</div>
43                        {foreach from=$image_derivatives item=image_derivative name=loop}{if !$smarty.foreach.loop.first}<br>{/if}
44                        {if $image_derivative.SELECTED}
45                        <span>&#x2714; {$image_derivative.DISPLAY}</span>
46                        {else}
47                        <a href="{$image_derivative.URL}" rel="nofollow">{$image_derivative.DISPLAY}</a>
48                        {/if}
49                        {/foreach}
50                </div>
51                {footer_script}{literal}
52function toggleImageDerivativesBox() {
53        var elt = document.getElementById("derivativeSwitchBox"),
54                ePos = document.getElementById("derivativeChooseLink");
55        if (elt.style.display==="none") {
56                elt.style.position = "absolute";
57                elt.style.left = ePos.offsetLeft+"px";
58                elt.style.top = (ePos.offsetTop+ePos.offsetHeight)+"px";
59                elt.style.display="";
60        }
61        else
62                elt.style.display="none";
63}
64                {/literal}{/footer_script}
65                {/strip}</li>
66{/if}
67
68{if isset($favorite)}
69                <li><a href="{$favorite.U_FAVORITE}" title="{'delete all photos from your favorites'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
70                        <span class="pwg-icon pwg-icon-favorite-del">&nbsp;</span><span class="pwg-button-text">{'delete all photos from your favorites'|@translate}</span>
71                </a></li>
72{/if}
73{if isset($U_CADDIE)}
74                <li><a href="{$U_CADDIE}" title="{'Add to caddie'|@translate}" class="pwg-state-default pwg-button">
75                        <span class="pwg-icon pwg-icon-caddie-add">&nbsp;</span><span class="pwg-button-text">{'Caddie'|@translate}</span>
76                </a></li>
77{/if}
78{if isset($U_EDIT)}
79                <li><a href="{$U_EDIT}" title="{'Edit album'|@translate}" class="pwg-state-default pwg-button">
80                        <span class="pwg-icon pwg-icon-category-edit">&nbsp;</span><span class="pwg-button-text">{'Edit'|@translate}</span>
81                </a></li>
82{/if}
83{if isset($U_SEARCH_RULES)}
84                {combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
85                <li><a href="{$U_SEARCH_RULES}" onclick="popuphelp(this.href); return false;" title="{'Search rules'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
86                        <span class="pwg-icon pwg-icon-help">&nbsp;</span><span class="pwg-button-text">(?)</span>
87                </a></li>
88{/if}
89{if isset($U_SLIDESHOW)}
90                <li>{strip}<a href="{$U_SLIDESHOW}" title="{'slideshow'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
91                        <span class="pwg-icon pwg-icon-slideshow">&nbsp;</span><span class="pwg-button-text">{'slideshow'|@translate}</span>
92                </a>{/strip}</li>
93{/if}
94{if isset($U_MODE_FLAT)}
95                <li>{strip}<a href="{$U_MODE_FLAT}" title="{'display all photos in all sub-albums'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
96                        <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>
97                </a>{/strip}</li>
98{/if}
99{if isset($U_MODE_NORMAL)}
100                <li>{strip}<a href="{$U_MODE_NORMAL}" title="{'return to normal view mode'|@translate}" class="pwg-state-default pwg-button">
101                        <span class="pwg-icon pwg-icon-category-view-normal">&nbsp;</span><span class="pwg-button-text">{'return to normal view mode'|@translate}</span>
102                </a>{/strip}</li>
103{/if}
104{if isset($U_MODE_POSTED)}
105                <li>{strip}<a href="{$U_MODE_POSTED}" title="{'display a calendar by posted date'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
106                        <span class="pwg-icon pwg-icon-calendar">&nbsp;</span><span class="pwg-button-text">{'Calendar'|@translate}</span>
107                </a>{/strip}</li>
108{/if}
109{if isset($U_MODE_CREATED)}
110                <li>{strip}<a href="{$U_MODE_CREATED}" title="{'display a calendar by creation date'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
111                        <span class="pwg-icon pwg-icon-camera-calendar">&nbsp;</span><span class="pwg-button-text">{'Calendar'|@translate}</span>
112                </a>{/strip}</li>
113{/if}
114{if !empty($PLUGIN_INDEX_ACTIONS)}{$PLUGIN_INDEX_ACTIONS}{/if}
115        </ul>
116
117<h2>{$TITLE}</h2>
118
119{if isset($chronology_views)}
120<div class="calendarViews">{'View'|@translate}:
121        <select onchange="document.location = this.options[this.selectedIndex].value;">
122                {foreach from=$chronology_views item=view}
123                <option value="{$view.VALUE}"{if $view.SELECTED} selected="selected"{/if}>{$view.CONTENT}</option>
124                {/foreach}
125        </select>
126</div>
127{/if}
128
129{if isset($chronology.TITLE)}
130<h2>{$chronology.TITLE}</h2>
131{/if}
132
133</div>{* <!-- titrePage --> *}
134
135{if isset($errors) or not empty($infos)}
136{include file='infos_errors.tpl'}
137{/if}
138{if !empty($PLUGIN_INDEX_CONTENT_BEGIN)}{$PLUGIN_INDEX_CONTENT_BEGIN}{/if}
139
140{if !empty($category_search_results)}
141<div style="font-size:16px;margin:10px 16px">{'Album results for'|@translate} <strong>{$QUERY_SEARCH}</strong> :
142        <em><strong>
143        {foreach from=$category_search_results item=res name=res_loop}
144        {if !$smarty.foreach.res_loop.first} &mdash; {/if}
145        {$res}
146        {/foreach}
147        </strong></em>
148</div>
149{/if}
150
151{if !empty($tag_search_results)}
152<div style="font-size:16px;margin:10px 16px">{'Tag results for'|@translate} <strong>{$QUERY_SEARCH}</strong> :
153        <em><strong>
154        {foreach from=$tag_search_results item=res name=res_loop}
155        {if !$smarty.foreach.res_loop.first} &mdash; {/if}
156        {$res}
157        {/foreach}
158        </strong></em>
159</div>
160{/if}
161
162{if isset($FILE_CHRONOLOGY_VIEW)}
163{include file=$FILE_CHRONOLOGY_VIEW}
164{/if}
165
166{if !empty($CONTENT_DESCRIPTION)}
167<div class="additional_info">
168        {$CONTENT_DESCRIPTION}
169</div>
170{/if}
171
172{if !empty($CATEGORIES)}{$CATEGORIES}{/if}
173{if !empty($THUMBNAILS)}
174<ul class="thumbnails" id="thumbnails">
175{$THUMBNAILS}
176</ul>
177{/if}
178
179{if !empty($navbar)}{include file='navigation_bar.tpl'|@get_extent:'navbar'}{/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.