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

Last change on this file since 30101 was 30101, checked in by JanisV, 9 years ago

Improve page header

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