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

Last change on this file since 13052 was 13052, checked in by rvelices, 12 years ago

upgrade jquery to 1.7.1
mouseout on index drop down bozes
improved multisize center of interest
  • Property svn:eol-style set to LF
File size: 7.4 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;if(e.parentNode!=this&amp;&amp;e!=this)toggleSortOrderBox()">
11                        {'Sort order'|@translate}:
12                        {foreach from=$image_orders item=image_order}<br>
13                        {if $image_order.SELECTED}
14                        <span>{$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;if(e.parentNode!=this&amp;&amp;e!=this)toggleImageDerivativesBox()">
42                        {foreach from=$image_derivatives item=image_derivative name=deriv_loop}{if !$smarty.foreach.deriv_loop.first}<br>{/if}
43                        {if $image_derivative.SELECTED}
44                        <span>{$image_derivative.DISPLAY}</span>
45                        {else}
46                        <a href="{$image_derivative.URL}" rel="nofollow">{$image_derivative.DISPLAY}</a>
47                        {/if}
48                        {/foreach}
49                </div>
50                {footer_script}{literal}
51function toggleImageDerivativesBox() {
52        var elt = document.getElementById("derivativeSwitchBox"),
53                ePos = document.getElementById("derivativeChooseLink");
54        if (elt.style.display==="none") {
55                elt.style.position = "absolute";
56                elt.style.left = ePos.offsetLeft+"px";
57                elt.style.top = (ePos.offsetTop+ePos.offsetHeight)+"px";
58                elt.style.display="";
59        }
60        else
61                elt.style.display="none";
62}
63                {/literal}{/footer_script}
64                {/strip}</li>
65{/if}
66
67{if isset($favorite)}
68                <li><a href="{$favorite.U_FAVORITE}" title="{'delete all photos from your favorites'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
69                        <span class="pwg-icon pwg-icon-favorite-del">&nbsp;</span><span class="pwg-button-text">{'delete all photos from your favorites'|@translate}</span>
70                </a></li>
71{/if}
72{if isset($U_CADDIE)}
73                <li><a href="{$U_CADDIE}" title="{'Add to caddie'|@translate}" class="pwg-state-default pwg-button">
74                        <span class="pwg-icon pwg-icon-caddie-add">&nbsp;</span><span class="pwg-button-text">{'Caddie'|@translate}</span>
75                </a></li>
76{/if}
77{if isset($U_EDIT)}
78                <li><a href="{$U_EDIT}" title="{'Edit album'|@translate}" class="pwg-state-default pwg-button">
79                        <span class="pwg-icon pwg-icon-category-edit">&nbsp;</span><span class="pwg-button-text">{'Edit'|@translate}</span>
80                </a></li>
81{/if}
82{if isset($U_SEARCH_RULES)}
83                {combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
84                <li><a href="{$U_SEARCH_RULES}" onclick="popuphelp(this.href); return false;" title="{'Search rules'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
85                        <span class="pwg-icon pwg-icon-help">&nbsp;</span><span class="pwg-button-text">(?)</span>
86                </a></li>
87{/if}
88{if isset($U_SLIDESHOW)}
89                <li>{strip}<a href="{$U_SLIDESHOW}" title="{'slideshow'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
90                        <span class="pwg-icon pwg-icon-slideshow">&nbsp;</span><span class="pwg-button-text">{'slideshow'|@translate}</span>
91                </a>{/strip}</li>
92{/if}
93{if isset($U_MODE_FLAT)}
94                <li>{strip}<a href="{$U_MODE_FLAT}" title="{'display all photos in all sub-albums'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
95                        <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>
96                </a>{/strip}</li>
97{/if}
98{if isset($U_MODE_NORMAL)}
99                <li>{strip}<a href="{$U_MODE_NORMAL}" title="{'return to normal view mode'|@translate}" class="pwg-state-default pwg-button">
100                        <span class="pwg-icon pwg-icon-category-view-normal">&nbsp;</span><span class="pwg-button-text">{'return to normal view mode'|@translate}</span>
101                </a>{/strip}</li>
102{/if}
103{if isset($U_MODE_POSTED)}
104                <li>{strip}<a href="{$U_MODE_POSTED}" title="{'display a calendar by posted date'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
105                        <span class="pwg-icon pwg-icon-calendar">&nbsp;</span><span class="pwg-button-text">{'Calendar'|@translate}</span>
106                </a>{/strip}</li>
107{/if}
108{if isset($U_MODE_CREATED)}
109                <li>{strip}<a href="{$U_MODE_CREATED}" title="{'display a calendar by creation date'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
110                        <span class="pwg-icon pwg-icon-camera-calendar">&nbsp;</span><span class="pwg-button-text">{'Calendar'|@translate}</span>
111                </a>{/strip}</li>
112{/if}
113{if !empty($PLUGIN_INDEX_ACTIONS)}{$PLUGIN_INDEX_ACTIONS}{/if}
114        </ul>
115
116<h2>{$TITLE}</h2>
117
118{if isset($chronology_views)}
119<div class="calendarViews">{'View'|@translate}:
120        <select onchange="document.location = this.options[this.selectedIndex].value;">
121                {foreach from=$chronology_views item=view}
122                <option value="{$view.VALUE}"{if $view.SELECTED} selected="selected"{/if}>{$view.CONTENT}</option>
123                {/foreach}
124        </select>
125</div>
126{/if}
127
128{if isset($chronology.TITLE)}
129<h2>{$chronology.TITLE}</h2>
130{/if}
131
132</div>{* <!-- titrePage --> *}
133
134{include file='infos_errors.tpl'}
135
136{if !empty($PLUGIN_INDEX_CONTENT_BEGIN)}{$PLUGIN_INDEX_CONTENT_BEGIN}{/if}
137
138{if !empty($category_search_results)}
139<div style="font-size:16px;margin:10px 16px">{'Album results for'|@translate} <strong>{$QUERY_SEARCH}</strong> :
140        <em><strong>
141        {foreach from=$category_search_results item=res name=res_loop}
142        {if !$smarty.foreach.res_loop.first} &mdash; {/if}
143        {$res}
144        {/foreach}
145        </strong></em>
146</div>
147{/if}
148
149{if !empty($tag_search_results)}
150<div style="font-size:16px;margin:10px 16px">{'Tag results for'|@translate} <strong>{$QUERY_SEARCH}</strong> :
151        <em><strong>
152        {foreach from=$tag_search_results item=res name=res_loop}
153        {if !$smarty.foreach.res_loop.first} &mdash; {/if}
154        {$res}
155        {/foreach}
156        </strong></em>
157</div>
158{/if}
159
160{if isset($FILE_CHRONOLOGY_VIEW)}
161{include file=$FILE_CHRONOLOGY_VIEW}
162{/if}
163
164{if !empty($CONTENT_DESCRIPTION)}
165<div class="additional_info">
166        {$CONTENT_DESCRIPTION}
167</div>
168{/if}
169
170{if !empty($CATEGORIES)}{$CATEGORIES}{/if}
171{if !empty($THUMBNAILS)}
172<ul class="thumbnails" id="thumbnails">
173{$THUMBNAILS}
174</ul>
175{/if}
176
177{if !empty($navbar)}{include file='navigation_bar.tpl'|@get_extent:'navbar'}{/if}
178
179{if !empty($PLUGIN_INDEX_CONTENT_END)}{$PLUGIN_INDEX_CONTENT_END}{/if}
180</div>{* <!-- content --> *}
181{if !empty($PLUGIN_INDEX_CONTENT_AFTER)}{$PLUGIN_INDEX_CONTENT_AFTER}{/if}
Note: See TracBrowser for help on using the repository browser.