root/extensions/gally/gally-default/template/picture.tpl @ 10972

Revision 10972, 17.4 KB (checked in by grum, 2 years ago)

bug:2308 - HD Picture are not displayed
  • Property svn:executable set to *
Line 
1<!-- **GBL** >PICTURE> -->
2
3{include file='dialogs.tpl'}
4
5<div id="content">
6
7  <div id="theImageHigh" style="display:none;">
8    <div id="theImgHighBg"></div>
9    <div id="theImgHighContainer">
10      <div id="theImgHighCloseButton" onclick="gallyPP.closeDisplayHigh();"></div>
11      <div id="theImgHighZoomButton" class="fit" onclick="gallyPP.switchZoomHigh();"></div>
12      <div id="theImgHighContainer2">
13        <img id="theImgHigh" src="" style="display:none;" alt="{$ALT_IMG}"
14          {if isset($COMMENT_IMG)}
15            title="{$COMMENT_IMG|@strip_tags:false|@replace:'"':' '}" {else} title="{$current.TITLE|@replace:'"':' '} - {$ALT_IMG}"
16          {/if}>
17      </div>
18    </div>
19  </div>
20
21  <div id="imageHeaderBar">
22    <div class="browsePath">
23      <h2>
24      [ {$SECTION_TITLE}{$LEVEL_SEPARATOR}{$current.TITLE} ]
25      </h2>
26    </div>
27    <div class="imageNumber">{$PHOTO}</div>
28    <h2>&nbsp;</h2>
29  </div> <!-- imageHeaderBar -->
30
31  {if !empty($PLUGIN_PICTURE_BEFORE)}{$PLUGIN_PICTURE_BEFORE}{/if}
32  <div id="imageToolBar">
33    <div id="imageToolBarContainer" class="uiImg">
34        <div class="imageToolBarBg">&nbsp;</div>
35
36        <div class="randomButtons">
37          {if isset($U_SLIDESHOW_START) }
38            <a id="icon_start_slideshow" class="button" href="{$U_SLIDESHOW_START}" title="{'Play of slideshow'|@translate}" rel="nofollow"></a>
39          {/if}
40          {if isset($U_SLIDESHOW_STOP) }
41            <a id="icon_stop_slideshow" class="button" href="{$U_SLIDESHOW_STOP}" title="{'Pause of slideshow'|@translate}" rel="nofollow"></a>
42          {/if}
43          {if isset($U_METADATA)}
44            <a id="icon_metadata" class="button" href="{$U_METADATA}" title="{'Show file metadata'|@translate}" rel="nofollow"></a>
45          {/if}
46
47          {if #displayHighResIcon#=="yes" and isset($high) }
48            <a id="icon_high_res" class="button pointer" onclick="gallyPP.openDisplayHigh('{$high.U_HIGH}');" title="" rel="nofollow" ></a>
49          {/if}
50
51          {if isset($current.U_DOWNLOAD) }
52            <a id="icon_save" class="button" href="{$current.U_DOWNLOAD}" title="{'download this file'|@translate}"></a>
53          {/if}
54          {if isset($PLUGIN_PICTURE_ACTIONS)}{$PLUGIN_PICTURE_ACTIONS}{/if}
55          {if isset($favorite) }
56            <a id="icon_{$favorite.FAVORITE_IMG|@regex_replace:'/(.*\/)*(del_)*(favorite)+(\.png)*/i':'$2$3'}" class="button" href="{$favorite.U_FAVORITE}" title="{if $favorite.IS_FAVORITE}{'delete this photo from your favorites'|@translate}{else}{'add this photo to your favorites'|@translate}{/if}"></a>
57          {/if}
58          {if !empty($U_SET_AS_REPRESENTATIVE) }
59            <a id="icon_representative" class="button" href="{$U_SET_AS_REPRESENTATIVE}" title="{'set as album representative'|@translate}"></a>
60          {/if}
61          {if isset($U_ADMIN) }
62            <a id="icon_preferences" class="button" href="{$U_ADMIN}" title="{'Modify information'|@translate}"></a>
63          {/if}
64          {if isset($U_CADDIE) }{*caddie management BEGIN*}
65          <script type="text/javascript">
66          {literal}
67          function addToCadie(aElement, rootUrl, id)
68          {
69            if (aElement.disabled) return;
70            aElement.disabled=true;
71            var y = new PwgWS(rootUrl);
72
73            y.callService(
74              "pwg.caddie.add", {image_id: id} ,
75              {
76                onFailure: function(num, text) { alert(num + " " + text); document.location=aElement.href; },
77                onSuccess: function(result) { aElement.disabled = false; }
78              }
79            );
80          }{/literal}
81          </script>
82          <a id="icon_caddie" class="button" href="{$U_CADDIE}" onclick="addToCadie(this, '{$ROOT_URL|@escape:'javascript'}', {$current.id}); return false;" title="{'add to caddie'|@translate}"></a>
83          {/if} {*caddie management END*}
84        </div>
85        {include file='picture_nav_buttons.tpl'|@get_extent:'picture_nav_buttons'}
86
87        {if $SHOW_PICTURE_NAME_ON_TITLE }
88        <div><h2>{$current.TITLE}</h2></div>
89        {/if}
90
91    </div>
92  </div> <!-- imageToolBar -->
93
94  {if $DISPLAY_NAV_THUMB}
95    {if isset($previous) }
96    <div id="navThumbPrev">
97      <table id="navThumbPrevContainer" class="uiImg"><tr><td>
98        <div class="navThumbPrevBg">&nbsp;</div>
99        <div class="navThumbPrevContent">
100          <a class="navThumb" id="thumbPrev" href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE}" rel="prev">
101            <img src="{$previous.THUMB_SRC}" class="thumbLink" id="linkPrev" alt="{$previous.TITLE}">
102          </a>
103        </div>
104      </td></tr></table>
105    </div> <!-- navThumbPrev -->
106    {/if}
107
108    {if isset($next) }
109    <div id="navThumbNext">
110      <table id="navThumbNextContainer" class="uiImg"><tr><td>
111        <div class="navThumbNextBg">&nbsp;</div>
112        <div class="navThumbNextContent">
113          <a class="navThumb" id="thumbNext" href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE}" rel="next">
114            <img src="{$next.THUMB_SRC}" class="thumbLink" id="linkNext" alt="{$next.TITLE}">
115          </a>
116        </div>
117      </td></tr></table>
118    </div> <!-- navThumbNext -->
119    {/if}
120  {/if}
121
122  <div id="theImage">
123    {$ELEMENT_CONTENT}
124
125    {if isset($COMMENT_IMG)}
126    <p>{$COMMENT_IMG}</p>
127    {else}
128    <p>&nbsp;</p>
129    {/if}
130
131    {if isset($U_SLIDESHOW_STOP) }
132    <p>
133      [ <a href="{$U_SLIDESHOW_STOP}">{'stop the slideshow'|@translate}</a> ]
134    </p>
135    {/if}
136  </div> <!-- theImage -->
137
138  <div id="theTabsContainer">
139  <div id="theTabs" class="uiImg">
140    {assign var='display_info_panel' value=false}
141    {foreach from=$display_info item=displayitem}
142      {if $displayitem}
143        {assign var='display_info_panel' value=true}
144      {/if}
145    {/foreach}
146
147    <ul id="theTabsheets">
148      {if $display_info_panel}
149        <li class="tab" id="tabImageInfos"><a href="#imageInfos">{'Informations'|@translate}</a></li>
150      {/if}
151
152      {if isset($metadata)}
153        {foreach from=$metadata item=meta key=id}
154          <li class="tab" id="tabImageMeta{$id}"><a href="#imageMeta{$id}">{$meta.TITLE|@translate}</a></li>
155        {/foreach}
156      {/if}
157
158      {if (isset($COMMENT_COUNT) and ($COMMENT_COUNT>0)) or isset($comment_add) }
159        <li class="tab" id="tabTheComment">
160          <a href="#theComments">{$pwg->l10n_dec('%d comment', '%d comments',$COMMENT_COUNT)}</a>
161        </li>
162      {/if}
163
164    </ul>
165    <div id="theTabsBg"></div>
166
167
168
169    {if $display_info_panel}
170      <div id="imageInfos" class="tabPanel">
171        <div id="imageInfosContainer">
172        <div class="imageInfosBg">&nbsp;</div>
173
174          <table class="infoTable">
175            <tr  class="emptyrow" style="line-height:0px;">
176              <td colspan="2">&nbsp;</td>
177              <td width="10px">&nbsp;</td>
178              <td width="12%">&nbsp;</td>
179              <td width="18%">&nbsp;</td>
180              <td width="10px">&nbsp;</td>
181              <td width="12%">&nbsp;</td>
182              <td width="18%">&nbsp;</td>
183            </tr>
184
185            {if $display_info.author or $display_info.created_on or $display_info.posted_on}
186            <tr>
187              {assign var='colspan' value=8}
188              {if $display_info.author}
189                {assign var='colspan' value=`$colspan-3`}
190                <td class="label">{'Author'|@translate}</td>
191                <td class="value" style="min-width:214px;">{if isset($INFO_AUTHOR)}{$INFO_AUTHOR}{else}{'N/A'|@translate}{/if}</td>
192                <td>&nbsp;</td>
193              {/if}
194
195              {if $display_info.created_on}
196                {assign var='colspan' value=`$colspan-3`}
197                <td class="label">{'Created on'|@translate}</td>
198                <td class="value">{if isset($INFO_CREATION_DATE)}{$INFO_CREATION_DATE}{else}{'N/A'|@translate}{/if}</td>
199                <td>&nbsp;</td>
200              {/if}
201
202              {if $display_info.posted_on}
203                {assign var='colspan' value=`$colspan-2`}
204                <td class="label">{'Posted on'|@translate}</td>
205                <td class="value">{$INFO_POSTED_DATE}</td>
206              {/if}
207
208              {if $colspan!=0}
209                <td colspan="{$colspan}">&nbsp;</td>
210              {/if}
211
212            </tr>
213            {/if}
214
215            {if $display_info.dimensions or $display_info.file or $display_info.filesize}
216            <tr>
217              {assign var='colspan' value=8}
218
219              {if $display_info.dimensions}
220                {assign var='colspan' value=`$colspan-3`}
221                <td class="label">{'Dimensions'|@translate}</td>
222                <td class="value">{if isset($INFO_DIMENSIONS)}{$INFO_DIMENSIONS|@replace:"*":"x"}{else}{'N/A'|@translate}{/if}</td>
223                <td>&nbsp;</td>
224              {/if}
225
226              {if $display_info.file}
227                {assign var='colspan' value=`$colspan-3`}
228                <td class="label">{'File'|@translate}</td>
229                <td class="value">{$INFO_FILE}</td>
230                <td>&nbsp;</td>
231              {/if}
232
233              {if $display_info.filesize}
234                {assign var='colspan' value=`$colspan-2`}
235                <td class="label">{'Filesize'|@translate}</td>
236                <td class="value">{if isset($INFO_FILESIZE)}{$INFO_FILESIZE}{else}{'N/A'|@translate}{/if}</td>
237              {/if}
238
239              {if $colspan!=0}
240                <td colspan="{$colspan}">&nbsp;</td>
241              {/if}
242            </tr>
243            {/if}
244
245            {if isset($related_tags) and $display_info.tags}
246              <tr class="emptyrow"><td colspan="8">&nbsp;</td></tr>
247              <tr id="infoTags">
248                <td class="label">{'Tags'|@translate}</td>
249                <td colspan="7" class="value">
250                    {foreach from=$related_tags item=tag name=tag_loop}{if !$smarty.foreach.tag_loop.first}, {/if}
251                    <a href="{$tag.URL}">{$tag.name}</a>{/foreach}
252                </td>
253              </tr>
254            {/if}
255
256            {if isset($related_categories) and $display_info.categories}
257              <tr class="emptyrow"><td colspan="8">&nbsp;</td></tr>
258              <tr id="infoCats">
259                <td class="label">{'Albums'|@translate}</td>
260                <td colspan="7" class="value">
261                  {foreach from=$related_categories item=cat name=tag_loop}{if !$smarty.foreach.tag_loop.first},&nbsp;{/if}
262                  {$cat}
263                  {/foreach}
264                </td>
265              </tr>
266            {/if}
267
268            {if $display_info.visits}
269              <tr class="emptyrow"><td colspan="8">&nbsp;</td><tr>
270              <tr>
271                <td class="label">{'Visits'|@translate}</td>
272                <td colspan="7" class="value">{$INFO_VISITS}</td>
273              </tr>
274            {/if}
275
276            {if (isset($rate_summary) or isset($rating)) and  $display_info.average_rate}
277              <tr>
278                {if isset($rate_summary)}
279                  <td class="label">{'Average rate'|@translate}</td>
280                  <td class="value" id="ratingSummary">
281                  {if $rate_summary.count}
282                    {assign var='rate_text' value='%.2f (rated %d times)'|@translate }
283                    {$pwg->sprintf($rate_text, $rate_summary.average, $rate_summary.count) }
284                  {else}
285                    {'no rate'|@translate}
286                  {/if}
287                  </td>
288                {else}
289                  <td colspan="2">&nbsp;</td>
290                {/if}
291                <td>&nbsp;</td>
292
293                {if isset($rating)}
294                  <td class="label" colspan="5">
295                    <span id="updateRate">{if isset($rating.USER_RATE)}{'Update your rating'|@translate}{else}{'Rate this photo'|@translate}{/if}</span>
296
297                    <form action="{$rating.F_ACTION}" method="post" id="rateForm" style="margin:0;">
298                    <div>&nbsp;
299                    {foreach from=$rating.marks item=mark name=rate_loop}
300                    {if !$smarty.foreach.rate_loop.first} | {/if}
301                    {if isset($rating.USER_RATE) && $mark==$rating.USER_RATE}
302                      <input type="button" name="rate" value="{$mark}" class="rateButtonSelected" title="{$mark}" />
303                    {else}
304                      <input type="submit" name="rate" value="{$mark}" class="rateButton" title="{$mark}" />
305                    {/if}
306                    {/foreach}
307                    <script type="text/javascript" src="{$ROOT_URL}themes/default/js/rating.js"></script>
308                    <script type="text/javascript">
309                    makeNiceRatingForm( {ldelim}rootUrl: '{$ROOT_URL|@escape:"javascript"}', image_id: {$current.id},
310                    updateRateText: "{'Update your rating'|@translate|@escape:'javascript'}", updateRateElement: document.getElementById("updateRate"),
311                    ratingSummaryText: "{'%.2f (rated %d times)'|@translate|@escape:'javascript'}", ratingSummaryElement: document.getElementById("ratingSummary") {rdelim} );
312                    </script>
313                    </div>
314                    </form>
315                  </td>
316                {else}
317                  <td colspan="5">&nbsp;</td>
318                {/if}
319              </tr>
320            {/if}
321
322          {if isset($available_permission_levels) and $display_info.privacy_level}
323            <tr>
324              <td class="label">{'Who can see this photo?'|@translate}:</td>
325              <td colspan="4" class="value">
326                <script type="text/javascript">
327                {literal}function setPrivacyLevel(selectElement, rootUrl, id, level)
328                {
329                selectElement.disabled = true;
330                var y = new PwgWS(rootUrl);
331                y.callService(
332                  "pwg.images.setPrivacyLevel", {image_id: id, level:level} ,
333                  {
334                    method: "POST",
335                    onFailure: function(num, text) { selectElement.disabled = false; alert(num + " " + text); },
336                    onSuccess: function(result) { selectElement.disabled = false; }
337                  }
338                  );
339                }{/literal}
340                </script>
341                <select onchange="setPrivacyLevel(this, '{$ROOT_URL|@escape:'javascript'}', {$current.id}, this.options[selectedIndex].value)">
342                  {foreach from=$available_permission_levels item=label key=level}
343                  <option label="{$label}" value="{$level}"{if $level == $current.level} selected="selected"{/if}>{$label}</option>
344                  {/foreach}
345                </select>
346              </td>
347            </tr>
348          {/if}
349
350          </table>
351
352        </div>
353      </div> <!-- imageInfos -->
354    {/if}
355
356    {if isset($metadata)}
357    {foreach from=$metadata item=meta key=id}
358    <div id="imageMeta{$id}" class="imageMeta tabPanel">
359      <div id="imageMetaContainer{$id}">
360        <div class="imageMetaBg">&nbsp;</div>
361
362        {if count($meta.lines)>0 and !array_key_exists('<!--rawContent-->', $meta.lines)}
363          <table id="displaymeta{$id}" class="displaymeta infoTable">
364            {foreach from=$meta.lines item=value key=label name=metaloop}
365              {if ($smarty.foreach.metaloop.iteration-1) % #metaNumCols# == 0}
366                {if !$smarty.foreach.metaloop.first}</tr>{/if}
367                {if !$smarty.foreach.metaloop.last}<tr>{/if}
368              {/if}
369              <td class="label">{$label|@translate}</td>
370              <td class="value">{$value}</td>
371            {/foreach}
372          </table>
373        {else}
374          {assign var='empty' value='<!--rawContent-->'}
375          {$meta.lines.$empty}
376        {/if}
377      </div>
378    </div> <!-- imageMeta -->
379    {/foreach}
380    {/if}
381
382
383    {if (isset($COMMENT_COUNT) and ($COMMENT_COUNT>0)) or isset($comment_add) }
384    <div id="theComments" class="tabPanel">
385      <div id='theCommentBG'>&nbsp;</div>
386
387      {if !empty($navbar) }{include file='navigation_bar.tpl'|@get_extent:'navbar'}{/if}
388
389      {if isset($comment_add) or isset($comments)}
390      <table id="theCommentContainer">
391        <tr style="vertical-align:top;">
392          {if isset($comment_add)}
393          {if isset($comments)}
394          <td width="50%">
395          {else}
396          <td>
397          {/if}
398            <h4>{'Add a comment'|@translate}</h4>
399            <form  method="post" action="{$comment_add.F_ACTION}" class="filter" id="addComment">
400              <table>
401                {if $comment_add.SHOW_AUTHOR}
402                <tr>
403                  <td>{'Author'|@translate}</td>
404                  <td><input type="text" name="author"></td>
405                </tr>
406                {/if}
407                <tr>
408                  <td {if $comment_add.SHOW_AUTHOR}colspan="2"{/if}><textarea name="content" id="contentid" rows="7" cols="80">{$comment_add.CONTENT}</textarea></td>
409                </tr>
410                <tr>
411                  <td {if $comment_add.SHOW_AUTHOR}colspan="2"{/if}>
412                    <input type="hidden" name="key" value="{$comment_add.KEY}" />
413                    <input class="submit" type="submit" value="{'Submit'|@translate}"/>
414                  </td>
415                </tr>
416              </table>
417            </form>
418          </td>
419          {/if}
420
421          {if isset($comments)}
422          {if isset($comment_add)}
423          <td width="50%">
424          {else}
425          <td>
426          {/if}
427            <div id="theCommentList">
428              {include file='comment_list.tpl' comment_separator=true}
429            </div>
430          </td>
431          {/if}
432
433        </tr>
434      </table>
435      {/if}
436    </div>
437    {/if} {*comments*}
438
439  </div><!-- theTabs -->
440  </div>
441
442  {if !empty($PLUGIN_PICTURE_AFTER)}{$PLUGIN_PICTURE_AFTER}{/if}
443
444</div>
445
446<!-- **GBL** <PICTURE< -->
447
Note: See TracBrowser for help on using the browser.