source: extensions/stripped_responsive/template/picture.tpl @ 31576

Revision 31576, 17.4 KB checked in by plg, 4 years ago (diff)

equivalent to stripped r31390 (move admin links into a dedicated switchbox)

+ fontello icons for admin/favorites

  • Property svn:executable set to *
Line 
1{combine_script id='core.switchbox' load='async' require='jquery' path='themes/default/js/switchbox.js'}
2
3{assign var=derivative value=$pwg->derivative($stripped_responsive.imageSize, $current.src_image)}
4{assign var='size' value=$derivative->get_size()}
5{literal}
6<script type="text/javascript">
7var image_w = {/literal}{$size[0]}{literal}
8var image_h = {/literal}{$size[1]}{literal}
9</script>
10{/literal}
11
12{include file='infos_errors.tpl'}
13
14<div class="titrePage" id="imageHeaderBar">
15    <ul class="randomButtons">
16                <li id="imageToolBar">
17                        {include file='picture_nav_buttons.tpl'|@get_extent:'picture_nav_buttons'}
18                </li>
19
20
21{if isset($U_PHOTO_ADMIN) or isset($U_CADDIE) or !empty($U_SET_AS_REPRESENTATIVE)}
22    <li>
23      <a id="adminSwitchLink" href="#">
24        <span class="pwg-icon pwg-icon-cog"></span>
25        <span class="pwg-button-text">{'Administration'|@translate}</span>
26      </a>
27    </li>
28
29{footer_script require='jquery'}{literal}
30jQuery().ready(function() {
31  (window.SwitchBox=window.SwitchBox||[]).push("#adminSwitchLink", "#adminSwitchBox");
32});
33{/literal}{/footer_script}
34 
35<div id="adminSwitchBox" class="switchBox">
36  <ul>
37  {if isset($U_PHOTO_ADMIN)}
38    <li><a href="{$U_PHOTO_ADMIN}" title="{'Modify information'|@translate}">{'edit'|@translate}</a></li>
39  {/if}
40  {if isset($U_CADDIE)}
41    <li><a href="{$U_CADDIE}" onclick="addToCadie(this, '{$ROOT_URL}', {$current.id}); return false;" title="{'add to caddie'|@translate}" rel="nofollow">{'caddie'|@translate}</a></li>
42  {/if}
43  {if !empty($U_SET_AS_REPRESENTATIVE) }
44    <li><a href="{$U_SET_AS_REPRESENTATIVE}" title="{'set as album representative'|@translate}">{'representative'|@translate}</a></li>
45  {/if}
46  </ul>
47</div>
48{/if}
49
50                {strip}{if isset($U_SLIDESHOW_START) }
51                        <li>
52              <a href="{$U_SLIDESHOW_START}" title="{'slideshow'|@translate}" rel="nofollow">
53                <span class="pwg-icon pwg-icon-slideshow"></span>
54                <span class="pwg-button-text">{'slideshow'|@translate}</span>
55              </a>
56            </li>
57                {/if}{/strip}
58                {strip}{if isset($favorite) }
59                        <li>
60        <a href="{$favorite.U_FAVORITE}" title="{$favorite.FAVORITE_HINT}">
61          <span class="pwg-icon pwg-icon-heart"></span>
62          <span class="pwg-button-text">{'Favorites'|@translate}</span>
63        </a>
64      </li>
65        {/if}{/strip}
66                {strip}{if isset($current.U_DOWNLOAD)}
67          <li>
68            <a id="downloadSwitchLink" href="{$current.U_DOWNLOAD}" title="{'Download this file'|@translate}">
69              <span class="pwg-icon pwg-icon-download"></span>
70              <span class="pwg-button-text">{'Download'|@translate}</span>
71            </a>
72          </li>
73                {/if}{/strip}
74
75{if !empty($current.formats)}
76{footer_script require='jquery'}{literal}
77jQuery().ready(function() {
78  jQuery("#downloadSwitchLink").removeAttr("href");
79 
80  (window.SwitchBox=window.SwitchBox||[]).push("#downloadSwitchLink", "#downloadSwitchBox");
81});
82{/literal}{/footer_script}
83 
84<div id="downloadSwitchBox" class="switchBox">
85  <div class="switchBoxTitle">{'Download'|translate} - {'Formats'|translate}</div>
86  <ul>
87  {foreach from=$current.formats item=format}
88    <li><a href="{$format.download_url}" rel="nofollow">{$format.label}<span class="downloadformatDetails"> ({$format.filesize})</span></a></li>
89  {/foreach}
90  </ul>
91</div>
92{/if} {* has formats *}
93
94                {strip}{if isset($PLUGIN_PICTURE_ACTIONS)}
95                        <li class="plugin_buttons plugin_buttons_group1">{$PLUGIN_PICTURE_ACTIONS}</li>
96                {/if}
97    {/strip}
98    {if isset($PLUGIN_PICTURE_BUTTONS)}{foreach from=$PLUGIN_PICTURE_BUTTONS item=button}<li class="plugin_buttons plugin_buttons_group1">{$button}</li>{/foreach}{/if}
99                {strip}{if isset($U_CADDIE)}{*caddie management BEGIN*}
100                        {footer_script}
101                                {literal}
102                                        function addToCadie(aElement, rootUrl, id)
103                                        {
104                                                if (aElement.disabled) return;
105                                                aElement.disabled=true;
106                                                var y = new PwgWS(rootUrl);
107                                                y.callService(
108                                                        "pwg.caddie.add", {image_id: id} ,
109                                                        {
110                                                                onFailure: function(num, text) { alert(num + " " + text); document.location=aElement.href; },
111                                                                onSuccess: function(result) { aElement.disabled = false; }
112                                                        }
113                                                );
114                                        }
115                                {/literal}
116                        {/footer_script}
117                {/if}{/strip}
118                <li class="plugin_buttons plugin_buttons_group2">{*caddie management END*}</li>
119    </ul>
120        {if ($GMaps_loaded)}<div id="text_gmaps" style="display:none">{'GMap'|@translate}</div>{/if}
121        <div class="browsePath">
122                {$SECTION_TITLE}
123                {if ($stripped_responsive.showTitleOnBrowsePath)}{$LEVEL_SEPARATOR}{$current.TITLE}{/if}
124        </div>
125        <div style="clear:both;"></div>
126</div> <!-- imageHeaderBar -->
127
128{if !empty($PLUGIN_PICTURE_BEFORE)}{$PLUGIN_PICTURE_BEFORE}{/if}
129<div id="content">
130        <div class="hideTabsZone hideTabs">&nbsp;</div>
131
132 <!-- Image HD -->
133  <div id="theImageHigh" style="display:none;">
134    <div id="theImgHighBg"></div>
135    <div id="theImgHighContainer">
136      <div id="theImgHighCloseButton" onclick="closeDisplayHigh();"></div>
137      <div id="theImgHighZoomButton" class="fit" onclick="switchZoomHigh();"></div>
138      <div id="theImgHighContainer2">
139        <img id="theImgHigh" src="" style="display:none;" alt="{$ALT_IMG}">
140      </div>
141    </div>
142  </div>
143
144        {assign var='display_description_tab' value=false}
145        {if (($stripped_responsive.imageCaption != 'description') && isset($COMMENT_IMG))}
146                {assign var='display_description_tab' value=true}
147        {/if}
148
149        {assign var='showTitle' value=false}
150        {if isset($COMMENT_IMG) and $stripped_responsive.imageCaption == 'description'}
151                {assign var='showTitle' value=true}
152        {/if}
153        {if isset($current.TITLE) and $stripped_responsive.imageCaption == 'title'}
154                {assign var='showTitle' value=true}
155        {/if}
156
157<div id="theImageAndTitle">
158        <div id="theImageBox" >
159                <div class="hideTabsZone hideTabs">&nbsp;</div>
160                <div id="theImage">
161                        {$ELEMENT_CONTENT}
162                </div>
163        </div>
164        {if $showTitle }
165                <div id="imageTitleContainer"><div id="imageTitle">
166                        {if ($stripped_responsive.imageCaption == 'description' )}
167                                {$COMMENT_IMG}
168                        {/if}
169                        {if ($stripped_responsive.imageCaption == 'title' )}
170                                {$current.TITLE}
171                        {/if}
172                </div></div>
173        {/if}
174 </div> <!-- theImage -->
175 <div style="clear: both;"></div>
176
177        <div id="tabZone">
178
179                {assign var='display_info_panel' value=false}
180                {assign var='display_count' value='0'}
181                {if $display_info.author}{assign var='display_count' value=$display_count+1}{/if}
182                {if $display_info.created_on}{assign var='display_count' value=$display_count+1}{/if}
183                {if $display_info.posted_on}{assign var='display_count' value=$display_count+1}{/if}
184                {if $display_info.dimensions}{assign var='display_count' value=$display_count+1}{/if}
185                {if $display_info.file}{assign var='display_count' value=$display_count+1}{/if}
186                {if $display_info.filesize}{assign var='display_count' value=$display_count+1}{/if}
187                {if $display_info.categories}{assign var='display_count' value=$display_count+1}{/if}
188                {if $display_info.visits}{assign var='display_count' value=$display_count+1}{/if}
189                {if $display_info.rating_score and isset($rate_summary) }{assign var='display_count' value=$display_count+1}{/if}
190                {if isset($rating)}{assign var='display_count' value=$display_count+1}{/if}
191                {if $display_info.privacy_level and isset($available_permission_levels) }{assign var='display_count' value=$display_count+1}{/if}
192                {if (($display_count > 0) && ((isset($U_ADMIN)) || ($stripped_responsive.infoTabAdminOnly == false)))}
193                        {assign var='display_info_panel' value=true}
194                {/if}
195                <div id="tabTitleBar">
196                        <ul id="tabTitles">
197                                {if $display_description_tab}
198                                        <li id="tabTcaption" class="tabTitle" name="caption">{'Description'|@translate}</li>
199                                {/if}
200                                {if ($display_info.tags && (isset($related_tags) || ($usertags)))}
201                                        <li id="tabTtags" class="tabTitle" name="tags">{'Tags'|@translate}</li>
202                                {/if}
203                                {if isset($metadata)}
204                                        {foreach from=$metadata item=meta key=id}
205                                                <li id="tabTmeta{$id}" class="tabTitle" name="meta{$id}">{$meta.TITLE}</li>
206                                        {/foreach}
207                                {/if}
208                                {if $display_info_panel}
209                                        <li id="tabTinfo" class="tabTitle" name="info">{'Information'|@translate}</li>
210                                {/if}
211                                {if (isset($COMMENT_COUNT) and ($COMMENT_COUNT>0)) or isset($comment_add) }
212                                        <li id="tabTcomments" class="tabTitle" title="{'Add a comment'|@translate}" name="comments">{$COMMENT_COUNT|translate_dec:'%d comment':'%d comments'}</li>
213                                {/if}
214                        </ul>
215                </div>
216                <div id="tabs">
217                        {if $display_description_tab}
218                                <div id="Tcaption" class="tabBlock"><div class="tabBlockContent">
219                                        {$COMMENT_IMG}
220                                </div></div>
221                        {/if}
222                        {if ($display_info.tags && (isset($related_tags) || ($usertags)))}
223                                <div id="Ttags" class="tabBlock"><div class="tabBlockContent">
224                                {if ($usertags)}<table id="TagsTable"><tr id="Tags" ><td class="label"></td><td class="value">{/if}
225                                {foreach from=$related_tags item=tag name=tag_loop}{if !$smarty.foreach.tag_loop.first}, {/if}
226                                        <a href="{$tag.URL}">{$tag.name}</a>
227                                {/foreach}
228                                {if ($usertags)}</td></tr></table>{/if}
229                                </div></div>
230                        {/if}
231                        {if isset($metadata)}
232                                {foreach from=$metadata item=meta key=id}
233                                        <div id="Tmeta{$id}" class="tabBlock"><div class="tabBlockContent">
234                                                {if count($meta.lines)>0 and !array_key_exists('<!--rawContent-->', $meta.lines)}
235                                                        <table id="table_meta{$id}" class="infoTable2">
236                                                                {foreach from=$meta.lines item=value key=label}
237                                                                          <tr>
238                                                                                <td class="label">{$label|@translate}</td>
239                                                                                <td class="value">{$value}</td>
240                                                                          </tr>
241                                                                {/foreach}
242                                                        </table>
243                                                {else}
244                                                          {assign var='empty' value='<!--rawContent-->'}
245                                                          {$meta.lines.$empty}
246                                                {/if}
247                                        </div></div>
248                                {/foreach}
249                        {/if}
250                        {if $display_info_panel}
251                                <div id="Tinfo" class="tabBlock"><div class="tabBlockContent">
252                               
253<dl id="standard" class="imageInfoTable">
254{strip}
255        {if $display_info.author and isset($INFO_AUTHOR)}
256        <div id="Author" class="imageInfo">
257                <dt>{'Author'|@translate}</dt>
258                <dd>{$INFO_AUTHOR}</dd>
259        </div>
260        {/if}
261        {if $display_info.created_on and isset($INFO_CREATION_DATE)}
262        <div id="datecreate" class="imageInfo">
263                <dt>{'Created on'|@translate}</dt>
264                <dd>{$INFO_CREATION_DATE}</dd>
265        </div>
266        {/if}
267        {if $display_info.posted_on}
268        <div id="datepost" class="imageInfo">
269                <dt>{'Posted on'|@translate}</dt>
270                <dd>{$INFO_POSTED_DATE}</dd>
271        </div>
272        {/if}
273        {if $display_info.dimensions and isset($INFO_DIMENSIONS)}
274        <div id="Dimensions" class="imageInfo">
275                <dt>{'Dimensions'|@translate}</dt>
276                <dd>{$INFO_DIMENSIONS}</dd>
277        </div>
278        {/if}
279        {if $display_info.file}
280        <div id="File" class="imageInfo">
281                <dt>{'File'|@translate}</dt>
282                <dd>{$INFO_FILE}</dd>
283        </div>
284        {/if}
285        {if $display_info.filesize and isset($INFO_FILESIZE)}
286        <div id="Filesize" class="imageInfo">
287                <dt>{'Filesize'|@translate}</dt>
288                <dd>{$INFO_FILESIZE}</dd>
289        </div>
290        {/if}
291        {if $display_info.tags and isset($related_tags)}
292        <div id="Tags" class="imageInfo">
293                <dt>{'Tags'|@translate}</dt>
294                <dd>
295                {foreach from=$related_tags item=tag name=tag_loop}{if !$smarty.foreach.tag_loop.first}, {/if}<a href="{$tag.URL}">{$tag.name}</a>{/foreach}
296                </dd>
297        </div>
298        {/if}
299        {if $display_info.categories and isset($related_categories)}
300        <div id="Categories" class="imageInfo">
301                <dt>{'Albums'|@translate}</dt>
302                <dd>
303                        <ul>
304                                {foreach from=$related_categories item=cat}
305                                <li>{$cat}</li>
306                                {/foreach}
307                        </ul>
308                </dd>
309        </div>
310        {/if}
311        {if $display_info.visits}
312        <div id="Visits" class="imageInfo">
313                <dt>{'Visits'|@translate}</dt>
314                <dd>{$INFO_VISITS}</dd>
315        </div>
316        {/if}
317{if $display_info.rating_score and isset($rate_summary)}
318        <div id="Average" class="imageInfo">
319                <dt>{'Rating score'|@translate}</dt>
320                <dd>
321                {if $rate_summary.count}
322                        <span id="ratingScore">{$rate_summary.score}</span> <span id="ratingCount">({$rate_summary.count|@translate_dec:'%d rate':'%d rates'})</span>
323                {else}
324                        <span id="ratingScore">{'no rate'|@translate}</span> <span id="ratingCount"></span>
325                {/if}
326                </dd>
327        </div>
328{/if}
329{if isset($rating)}
330        <div id="rating" class="imageInfo">
331                <dt>
332                        <span id="updateRate">{if isset($rating.USER_RATE)}{'Update your rating'|@translate}{else}{'Rate this photo'|@translate}{/if}</span>
333                </dt>
334                <dd>
335                                                                        <form action="{$rating.F_ACTION}" method="post" id="rateForm" style="margin:0;">
336                                                                                <div>
337                                                                                        {foreach from=$rating.marks item=mark name=rate_loop}
338                                                                                                {if isset($rating.USER_RATE) && $mark==$rating.USER_RATE}
339                                                                                                        <input type="button" name="rate" value="{$mark}" class="rateButtonSelected" title="{$mark}">
340                                                                                                {else}
341                                                                                                        <input type="submit" name="rate" value="{$mark}" class="rateButton" title="{$mark}">
342                                                                                                {/if}
343                                                                                        {/foreach}
344                                                                                        {strip}{combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
345                                                                                        {combine_script id='rating' load='async' require='core.scripts' path='themes/default/js/rating.js'}
346                                                                                        {footer_script}
347                                                                                                var _pwgRatingAutoQueue = _pwgRatingAutoQueue||[];
348                                                                                                _pwgRatingAutoQueue.push( {ldelim}rootUrl: '{$ROOT_URL}', image_id: {$current.id},
349                                                                                                        updateRateText: "{'Update your rating'|@translate|@escape:'javascript'}", updateRateElement: document.getElementById("updateRate"),
350                                                                                                        ratingSummaryText: "{'%.2f (rated %d times)'|@translate|@escape:'javascript'}", ratingSummaryElement: document.getElementById("ratingSummary"){rdelim} );
351                                                                                        {/footer_script}
352                                                                                        {/strip}
353                                                                                </div>
354                                                                        </form>
355                </dd>
356        </div>
357{/if}
358{/strip}
359</dl>
360                               
361                                        <table id="standard" class="infoTable">
362                                                {if $display_info.privacy_level and isset($available_permission_levels)}
363                                                        <tr id="Privacy">
364                                                                <td class="label">{'Who can see this photo?'|@translate}</td>
365                                                                <td class="value">
366                                                                        {combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
367                                                                        {footer_script}
368                                                                                {literal}function setPrivacyLevel(selectElement, rootUrl, id, level)
369                                                                                {
370                                                                                        selectElement.disabled = true;
371                                                                                        var y = new PwgWS(rootUrl);
372                                                                                        y.callService(
373                                                                                        "pwg.images.setPrivacyLevel", {image_id: id, level:level} ,
374                                                                                        {
375                                                                                                method: "POST",
376                                                                                                onFailure: function(num, text) { selectElement.disabled = false; alert(num + " " + text); },
377                                                                                                onSuccess: function(result) { selectElement.disabled = false; }
378                                                                                        }
379                                                                                );
380                                                                                }{/literal}
381                                                                        {/footer_script}
382                                                                        <select onchange="setPrivacyLevel(this, '{$ROOT_URL}', {$current.id}, this.options[selectedIndex].value)">
383                                                                                {foreach from=$available_permission_levels item=label key=level}
384                                                                                        <option label="{$label}" value="{$level}"{if $level == $current.level} selected="selected"{/if}>{$label}</option>
385                                                                                {/foreach}
386                                                                        </select>
387                                                                </td>
388                                                        </tr>
389                                                {/if}
390                                        </table>
391                                </div></div>
392                        {/if}
393                        {if (isset($COMMENT_COUNT) and ($COMMENT_COUNT>0)) or isset($comment_add) }
394                                <div id="Tcomments" class="tabBlock"><div id="theComments" class="tabBlockContent">
395                                        <div id="theCommentsBlock">
396                                                {if !empty($COMMENT_NAV_BAR)}
397                                                        <div class="navigationBar">{$COMMENT_NAV_BAR}</div>
398                                                {/if}
399                                                {if isset($comment_add)}
400                                                        <div id="commentAdd">
401                                                                <h4>{'Add a comment'|@translate}</h4>
402                                                                <form  method="post" action="{$comment_add.F_ACTION}" class="filter" id="addComment" >
403                  {if $comment_add.SHOW_AUTHOR}
404                    <p><label for="author">{'Author'|@translate}{if $comment_add.AUTHOR_MANDATORY} ({'mandatory'|@translate}){/if} :</label></p>
405                    <p><input type="text" name="author" id="author" value="{$comment_add.AUTHOR}"></p>
406                  {/if}
407                  {if $comment_add.SHOW_EMAIL}
408                    <p><label for="email">{'Email'|@translate}{if $comment_add.EMAIL_MANDATORY} ({'mandatory'|@translate}){/if} :</label></p>
409                    <p><input type="text" name="email" id="email" value="{$comment_add.EMAIL}"></p>
410                  {/if}
411                  {if $comment_add.SHOW_WEBSITE}
412                    <p><label for="website_url">{'Website'|@translate} :</label></p>
413                    <p><input type="text" name="website_url" id="website_url" value="{$comment_add.WEBSITE_URL}"></p>
414                  {/if}
415                  <p><label for="contentid">{'Comment'|@translate} ({'mandatory'|@translate}) :</label></p>
416                  <p><textarea name="content" id="contentid" rows="5" cols="50">{$comment_add.CONTENT}</textarea></p>
417                  <p><input type="hidden" name="key" value="{$comment_add.KEY}">
418                    <input class="submit" type="submit" value="{'Submit'|@translate}"></p>
419                </form>
420                                                        </div>
421                                                {/if}
422                                                {if !empty($navbar) }{include file='navigation_bar.tpl'|@get_extent:'navbar'}{/if}
423                                                {if isset($comments)}
424                                                        <div id="commentList">
425                                                                {include file='comment_list.tpl'}
426                                                        </div>
427                                                {/if}
428                                                <div style="clear: both;"></div>
429                                        </div>
430                                </div></div>
431                        {/if}
432                </div>
433        </div>
434    <div style="clear: both;"></div>
435</div>
436{if isset($stripped_responsive.imagePreload)}
437<div id="image_urls" style="display:none;">
438        {foreach from=$U_IMGNEXT item=u_img key=id}
439                {if isset($u_img)}<div class="next{$id} preload">{$u_img}</div>{/if}
440        {/foreach}
441</div>
442{/if}
443{if !empty($PLUGIN_PICTURE_AFTER)}{$PLUGIN_PICTURE_AFTER}{/if}
Note: See TracBrowser for help on using the repository browser.