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

Last change on this file since 13729 was 13729, checked in by Zaphod, 12 years ago

feature 2588: template modification for v2.4

-> new class .switchBox for all boxes (sortOrder, derivative, etc...)
-> new classes to help layout in switchBoxes:

  • .switchCheck for the check character
  • .switchSelected for the selected option
  • .switchUnselected for all other options

-> new menubar.tpl with empty div #menuSwitcher

  • Property svn:eol-style set to LF
File size: 7.8 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" class="switchBox" 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 class="switchCheck">&#x2714; </span><span class="switchSelected">{$image_order.DISPLAY}</span>
15                        {else}
16                        <a href="{$image_order.URL}" class="switchUnselected" 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" class="switchBox" 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 class="switchCheck">&#x2714; </span><span class="switchSelected">{$image_derivative.DISPLAY}</span>
46                        {else}
47                        <a href="{$image_derivative.URL}" class="switchUnselected" 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.