Context Navigation

picture.tpl @ 12592

Last change on this file since 12592 was 12592, checked in by grum, 12 years ago
feature:2499 - compatibility with Piwigo 2.3
Property svn:executable set to ``*
File size: 18.0 KB

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

Note: See TracBrowser for help on using the repository browser.

Download in other formats:

Original Format