source: extensions/simple_themes/simple/template/picture.tpl @ 13555

Last change on this file since 13555 was 13555, checked in by plg, 12 years ago

import theme Simple version 2.5

  • use media queries to adapt layout for small screens
  • remove arbitrary limit on width: the picture will simply be partially hidden if too wide
  • update password.tpl
  • add MENUBAR on all pages
  • Spelling correction in README
  • update url
  • bugfix for the feature 'open external links in new window' for menubar links
File size: 7.6 KB
Line 
1<div class="titrePage">
2  <div class="imageNumber">{$PHOTO}</div>
3    {$SECTION_TITLE}
4    {$LEVEL_SEPARATOR} <h2>{$current.TITLE}</h2>
5</div> <!-- imageHeaderBar -->
6{if !empty($PLUGIN_PICTURE_BEFORE)}{$PLUGIN_PICTURE_BEFORE}{/if}
7<div id="content">
8  {if isset($MENUBAR)}{$MENUBAR}{/if}
9
10  {if isset($errors)}
11  <div class="errors">
12    <ul>
13      {foreach from=$errors item=error}
14      <li>{$error}</li>
15      {/foreach}
16    </ul>
17  </div>
18  {/if}
19
20  {if isset($infos)}
21  <div class="infos">
22    <ul>
23      {foreach from=$infos item=info}
24      <li>{$info}</li>
25      {/foreach}
26    </ul>
27  </div>
28  {/if}
29
30  <div id="theImage">
31    {$ELEMENT_CONTENT}
32    {if isset($COMMENT_IMG)}
33    <p>{$COMMENT_IMG}</p>
34    {/if}
35  </div> <!-- theImage -->
36
37  <div id="imageInfoBar">
38    <div id="imageToolBar">
39      {include file='picture_nav_buttons.tpl'|@get_extent:'picture_nav_buttons'}
40    </div>
41        {if $DISPLAY_NAV_THUMB}
42    {if isset($previous) }
43    <div id="navThumbPrev">
44      <a class="navThumb" href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE}" rel="prev">
45        <img src="{$previous.THUMB_SRC}" alt="{$previous.TITLE}"></a>
46    </div>
47    {/if}
48    {if isset($next) }
49    <div id="navThumbNext">
50      <a class="navThumb" href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE}" rel="next">
51        <img src="{$next.THUMB_SRC}" alt="{$next.TITLE}"></a>
52    </div>
53    {/if}
54        {/if}
55    <div id="randomButtons">
56      <ul>
57        {if isset($U_SLIDESHOW_START) }
58        <li><a href="{$U_SLIDESHOW_START}" title="{'slideshow'|@translate}" rel="nofollow">{'slideshow'|@translate}</a></li>
59        {/if}
60        {if isset($U_METADATA) }
61        <li><a href="{$U_METADATA}" title="{'Show file metadata'|@translate}" rel="nofollow">{'Show file metadata'|@translate}</a></li>
62        {/if}
63        {if isset($current.U_DOWNLOAD) }
64        <li><a href="{$current.U_DOWNLOAD}" title="{'download this file'|@translate}">{'download'|@translate}</a></li>
65        {/if}
66        {if isset($PLUGIN_PICTURE_ACTIONS)}{$PLUGIN_PICTURE_ACTIONS}{/if}
67        {if isset($favorite) }
68        <li><a href="{$favorite.U_FAVORITE}" title="{$favorite.FAVORITE_HINT}">{$favorite.FAVORITE_HINT}</a></li>
69        {/if}
70        {if !empty($U_SET_AS_REPRESENTATIVE) }
71        <li><a href="{$U_SET_AS_REPRESENTATIVE}" title="{'set as album representative'|@translate}">{'representative'|@translate}</a></li>
72        {/if}
73        {if isset($U_ADMIN) }
74        <li><a href="{$U_ADMIN}" title="{'Modify information'|@translate}">{'Modify information'|@translate}</a></li>
75        {/if}
76      </ul>
77    </div>
78    {if isset($metadata)}
79    <div id="imageMeta">
80      {foreach from=$metadata item=meta}
81      <h3>{$meta.TITLE}</h3>
82      <dl>
83        {foreach from=$meta.lines item=value key=label}
84        <dt>{$label}</dt>
85        <dd>{$value}</dd>
86        {/foreach}
87      </dl>
88      {/foreach}
89    </div> <!-- imageMeta -->
90    {/if}
91    <div id="imageInfos">
92      <dl>
93        {if $display_info.author and isset($INFO_AUTHOR)}
94        <dt>{'Author'|@translate}</dt>
95        <dd>{$INFO_AUTHOR}</dd>
96        {/if}
97        {if $display_info.created_on and isset($INFO_CREATION_DATE)}
98        <dt>{'Created on'|@translate}</dt>
99        <dd>{$INFO_CREATION_DATE}</dd>
100        {/if}
101        {if $display_info.posted_on}
102        <dt>{'Posted on'|@translate}</dt>
103        <dd>{$INFO_POSTED_DATE}</dd>
104        {/if}
105        {if $display_info.tags and isset($related_tags)}
106        <dt>{'Tags'|@translate}</dt>
107        <dd id="Tags">
108          {foreach from=$related_tags item=tag name=tag_loop}
109          {if !$smarty.foreach.tag_loop.first}, {/if}
110          <a href="{$tag.URL}">{$tag.name}</a>
111          {/foreach}
112        </dd>
113        {/if}
114        {if $display_info.categories and isset($related_categories)}
115        <dt>{'Albums'|@translate}</dt>
116        <dd>
117          {foreach from=$related_categories item=cat name=tag_loop}
118          {if !$smarty.foreach.tag_loop.first}, {/if}
119          {'&nbsp;'|@str_ireplace:'&#32;':$cat}{/foreach}
120        </dd>
121        {/if}
122        {if $display_info.visits}
123        <dt>{'Visits'|@translate}</dt>
124        <dd>{$INFO_VISITS}</dd>
125        {/if}
126
127                {if $display_info.rating_score and isset($rate_summary)}
128                <dt id="Average">{'Rating score'|@translate}</dt>
129                <dd id="ratingSummary">
130                {if $rate_summary.count}
131                        <span id="ratingScore">{$rate_summary.score}</span> <span id="ratingCount">({assign var='rate_text' value='%d rates'|@translate}{$pwg->sprintf($rate_text, $rate_summary.count)})</span>
132                {else}
133                        <span id="ratingScore">{'no rate'|@translate}</span> <span id="ratingCount"></span>
134                {/if}
135                </dd>
136                {/if}
137
138        {if isset($rating)}
139        <dt><span id="updateRate">{if isset($rating.USER_RATE)}{'Update your rating'|@translate}{else}{'Rate this photo'|@translate}{/if}</span></dt>
140        <dd>
141          <form action="{$rating.F_ACTION}" method="post" id="rateForm">
142            <div>&nbsp;
143              {foreach from=$rating.marks item=mark name=rate_loop}
144              {if isset($rating.USER_RATE) && $mark==$rating.USER_RATE}
145              <input type="button" name="rate" value="{$mark}" class="rateButtonSelected" title="{$mark}" />
146              {else}
147              <input type="submit" name="rate" value="{$mark}" class="rateButton" title="{$mark}" />
148              {/if}
149              {/foreach}
150              {strip}{combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
151              {combine_script id='rating' load='async' require='core.scripts' path='themes/default/js/rating.js'}
152              {footer_script}
153              var _pwgRatingAutoQueue = _pwgRatingAutoQueue||[];
154              _pwgRatingAutoQueue.push( {ldelim}rootUrl: '{$ROOT_URL}', image_id: {$current.id},
155              onSuccess : function(rating) {ldelim}
156              var e = document.getElementById("updateRate");
157              if (e) e.innerHTML = "{'Update your rating'|@translate|@escape:'javascript'}";
158              e = document.getElementById("ratingScore");
159              if (e) e.innerHTML = rating.score;
160              e = document.getElementById("ratingCount");
161              if (e) e.innerHTML = "({'%d rates'|@translate|@escape:'javascript'})".replace( "%d", rating.count);
162              {rdelim}{rdelim} );
163              {/footer_script}
164              {/strip}
165            </div>
166          </form>
167        </dd>
168        {/if}
169      </dl>
170    </div> <!-- imageInfos -->
171  </div>
172  <div style="clear: both;"></div>
173
174  {if (isset($COMMENT_COUNT) and ($COMMENT_COUNT>0)) or isset($comment_add) }
175  <div id="theComments">
176    <h3 title="{'Add a comment'|@translate}">{$pwg->l10n_dec('%d comment', '%d comments',$COMMENT_COUNT)}</h3>
177      {if !empty($COMMENT_NAV_BAR)}
178      <div class="navigationBar">{$COMMENT_NAV_BAR}</div>
179      {/if}
180      {if isset($comment_add)}
181      <div id="commentAdd">
182        <h4>{'Add a comment'|@translate}</h4>
183        <form  method="post" action="{$comment_add.F_ACTION}" class="filter">
184          {if $comment_add.SHOW_AUTHOR}
185          <p><label>{'Author'|@translate}&nbsp;:</label></p>
186          <p><input type="text" name="author" /></p>
187          {/if}
188          <p><label>{'Comment'|@translate}&nbsp;:</label></p>
189          <p><textarea name="content" id="contentid" rows="5" cols="50">{$comment_add.CONTENT}</textarea></p>
190          <p><input type="hidden" name="key" value="{$comment_add.KEY}" />
191            <input class="submit" type="submit" value="{'Submit'|@translate}"></p>
192        </form>
193      </div>
194      {/if}
195      {if !empty($navbar) }{include file='navigation_bar.tpl'|@get_extent:'navbar'}{/if}
196      {if isset($comments)}
197      <div id="commentList">
198        {include file='comment_list.tpl'}
199      </div>
200      {/if}
201  </div>
202  {/if} {*comments*}
203  <div style="clear: both;"></div>
204</div>
205{if !empty($PLUGIN_PICTURE_AFTER)}{$PLUGIN_PICTURE_AFTER}{/if}
Note: See TracBrowser for help on using the repository browser.