Context Navigation

picture.tpl @ 32191

Last change on this file since 32191 was 31943, checked in by lexming, 6 years ago
Fix script path conflicts
Property svn:executable set to ``*
File size: 14.7 KB

Line
1	<div id="mainBox">
2	{combine_script id='core.switchbox' load='async' require='jquery' path='themes/Versa/js/switchbox.js'}
3
4	<div id="content">
5
6	{if isset($errors) or not empty($infos)}
7	{include file='infos_errors.tpl'}
8	{/if}
9
10	{if !empty($PLUGIN_PICTURE_BEFORE)}{$PLUGIN_PICTURE_BEFORE}{/if}
11
12
13	<div id="theImage">
14	{combine_script id='pict.touch' load='footer' require='jquery' path='themes/Versa/js/jquery.mobile-events.js'}
15	{combine_script id='pict.swipe' load='footer' require='jquery' path='themes/Versa/js/imagegestures.js'}
16	{$ELEMENT_CONTENT}
17
18	{if $DISPLAY_NAV_THUMB}
19	<div id="prevBackThumb" class="navBackThumb">
20	{if isset($previous)}
21	<i class="fa fa-chevron-left" aria-hidden="true"></i>
22	{elseif isset($U_UP)}
23	<i class="fa fa-th"></i>
24	{/if}
25	</div>
26	<div id="nextBackThumb" class="navBackThumb">
27	{if isset($next)}
28	<i class="fa fa-chevron-right" aria-hidden="true"></i>
29	{elseif isset($U_UP)}
30	<i class="fa fa-th"></i>
31	{/if}
32	</div>
33
34	<div id="prevThumb" class="navThumb">
35	{if isset($previous)}
36	<a class="linkThumb" id="linkPrev" href="{$previous.U_IMG}#theImage" title="{'Previous'\|@translate} : {$previous.TITLE_ESC}" rel="prev">
37	<i class="fa fa-chevron-left" aria-hidden="true"></i>
38	</a>
39	{elseif isset($U_UP)}
40	<a class="linkThumb" id="linkPrev" href="{$U_UP}" title="{'Thumbnails'\|@translate}">
41	<i class="fa fa-th"></i>
42	</a>
43	{/if}
44	</div>
45	<div id="nextThumb" class="navThumb">
46	{if isset($next)}
47	<a class="linkThumb" id="linkNext" href="{$next.U_IMG}#theImage" title="{'Next'\|@translate} : {$next.TITLE_ESC}" rel="next">
48	<i class="fa fa-chevron-right" aria-hidden="true"></i>
49	</a>
50	{elseif isset($U_UP)}
51	<a class="linkThumb" id="linkNext" href="{$U_UP}" title="{'Thumbnails'\|@translate}">
52	<i class="fa fa-th"></i>
53	</a>
54	{/if}
55	</div>
56	{/if}
57
58	</div>
59
60
61	<div id="imageCard">
62
63	<div id="imageHeaderBar" style="{str_replace("width","max-width",substr($current.selected_derivative->get_size_css(),0,strpos($current.selected_derivative->get_size_css(),";")))}">
64
65	<ul id="imageToolBar">
66	{include file='picture_nav_buttons.tpl'\|@get_extent:'picture_nav_buttons'}
67	<li class="imageNumber">{$PHOTO}</li>
68
69	{if isset($current.unique_derivatives) && count($current.unique_derivatives)>1}
70	{combine_script id='pict.imgsize' load='footer' require='jquery' path='themes/Versa/js/imagesize.js'}
71	{strip}<li><a id="derivativeSwitchLink" title="{'Photo sizes'\|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
72	<span class="pwg-icon pwg-icon-sizes"></span><span class="pwg-button-text">{'Photo sizes'\|@translate}</span>
73	</a>
74	<div id="derivativeSwitchBox" class="switchBox">
75	{foreach from=$current.unique_derivatives item=derivative key=derivative_type}
76	<p><span class="switchCheck" id="derivativeChecked{$derivative->get_type()}"{if $derivative->get_type() ne $current.selected_derivative->get_type()} style="visibility:hidden"{/if}>✔ </span>
77	<a href="javascript:changeImgSrc('{$derivative->get_url()\|@escape:javascript}','{$derivative_type}','{$derivative->get_type()}','{$derivative->get_size_hr()}')">
78	{$derivative->get_type()\|@translate}<span class="derivativeSizeDetails"> ({$derivative->get_size_hr()})</span>
79	</a></p>
80	{/foreach}
81	{if isset($U_ORIGINAL)}
82	{combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
83	<p><span class="switchCheck" style="visibility:hidden">✔ </span>
84	<a href="javascript:phpWGOpenWindow('{$U_ORIGINAL}','xxx','scrollbars=yes,toolbar=no,status=no,resizable=yes')" rel="nofollow">{'Original'\|@translate}</a></p>
85	{/if}
86	</div>
87	</li>
88	{/strip}
89	{/if}
90
91	{strip}{if isset($U_METADATA)}
92	<li><a href="{$U_METADATA}" title="{'Show file metadata'\|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
93	<span class="pwg-icon pwg-icon-camera-info"></span><span class="pwg-button-text">{'Show file metadata'\|@translate}</span>
94	</a></li>
95	{/if}{/strip}
96
97	{strip}{if isset($U_SLIDESHOW_START)}
98	<li><a href="{$U_SLIDESHOW_START}#theImage" title="{'slideshow'\|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
99	<span class="pwg-icon pwg-icon-slideshow"></span><span class="pwg-button-text">{'slideshow'\|@translate}</span>
100	</a></li>
101	{/if}{/strip}
102
103	{strip}{if isset($current.U_DOWNLOAD)}
104	<li><a href="{$current.U_DOWNLOAD}" title="{'Download this file'\|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
105	<span class="pwg-icon pwg-icon-save"></span><span class="pwg-button-text">{'Download'\|@translate}</span>
106	</a></li>
107	{/if}{/strip}
108
109	{if isset($PLUGIN_PICTURE_BUTTONS)}{foreach from=$PLUGIN_PICTURE_BUTTONS item=button}{$button}{/foreach}{/if}
110
111	{if isset($PLUGIN_PICTURE_ACTIONS)}{$PLUGIN_PICTURE_ACTIONS}{/if}
112
113	{strip}{if isset($favorite)}
114	<li><a 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}" class="pwg-state-default pwg-button" rel="nofollow">
115	<span class="pwg-icon pwg-icon-favorite-{if $favorite.IS_FAVORITE}del{else}add{/if}"></span><span class="pwg-button-text">{'Favorites'\|@translate}</span>
116	</a></li>
117	{/if}{/strip}
118
119	{strip}{if isset($U_SET_AS_REPRESENTATIVE)}
120	<li><a id="cmdSetRepresentative" href="{$U_SET_AS_REPRESENTATIVE}" title="{'set as album representative'\|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
121	<span class="pwg-icon pwg-icon-representative"></span><span class="pwg-button-text">{'representative'\|@translate}</span>
122	</a></li>
123	{/if}{/strip}
124
125	{strip}{if isset($U_PHOTO_ADMIN)}
126	<li><a id="cmdEditPhoto" href="{$U_PHOTO_ADMIN}" title="{'Modify information'\|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
127	<span class="pwg-icon pwg-icon-edit"></span><span class="pwg-button-text">{'Edit'\|@translate}</span>
128	</a></li>
129	{/if}{/strip}
130
131	{strip}{if isset($U_CADDIE)}{caddie management BEGIN}
132	{footer_script}
133	{literal}function addToCadie(aElement, rootUrl, id)
134	{
135	if (aElement.disabled) return;
136	aElement.disabled=true;
137	var y = new PwgWS(rootUrl);
138	y.callService(
139	"pwg.caddie.add", {image_id: id} ,
140	{
141	onFailure: function(num, text) { alert(num + " " + text); document.location=aElement.href; },
142	onSuccess: function(result) { aElement.disabled = false; }
143	}
144	);
145	}{/literal}
146	{/footer_script}
147	<li><a href="{$U_CADDIE}" onclick="addToCadie(this, '{$ROOT_URL}', {$current.id}); return false;" title="{'Add to caddie'\|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
148	<span class="pwg-icon pwg-icon-caddie-add"> </span><span class="pwg-button-text">{'Caddie'\|@translate}</span>
149	</a></li>
150	{/if}{/strip}{caddie management END}
151	</ul>{<!-- imageToolBar -->}
152
153	<div class="browsePath">
154	{$SECTION_TITLE}<span class="browsePathSeparator">{$LEVEL_SEPARATOR}</span><h2>{$current.TITLE}</h2>
155	</div>
156
157	</div>{<!-- imageHeaderBar -->}
158
159
160	<div id="InfosAndComments" style="{str_replace("width","max-width",substr($current.selected_derivative->get_size_css(),0,strpos($current.selected_derivative->get_size_css(),";")))}">
161
162	{if isset($U_SLIDESHOW_STOP)}
163	<p>
164	<a href="{$U_SLIDESHOW_STOP}"><i class="fa fa-stop-circle" aria-hidden="true"></i></a>
165	</p>
166	{/if}
167
168	{if isset($COMMENT_IMG)}
169	<p class="imageComment">{$COMMENT_IMG}</p>
170	{/if}
171
172	<div id="imageInfos">
173	<dl id="standard" class="imageInfoTable">
174	{strip}
175	{if $display_info.author and isset($INFO_AUTHOR)}
176	<div id="Author" class="imageInfo">
177	<dt>{'Author'\|@translate}</dt>
178	<dd>{$INFO_AUTHOR}</dd>
179	</div>
180	{/if}
181	{if $display_info.created_on and isset($INFO_CREATION_DATE)}
182	<div id="datecreate" class="imageInfo">
183	<dt>{'Created on'\|@translate}</dt>
184	<dd>{$INFO_CREATION_DATE}</dd>
185	</div>
186	{/if}
187	{if $display_info.posted_on}
188	<div id="datepost" class="imageInfo">
189	<dt>{'Posted on'\|@translate}</dt>
190	<dd>{$INFO_POSTED_DATE}</dd>
191	</div>
192	{/if}
193	{if $display_info.dimensions and isset($INFO_DIMENSIONS)}
194	<div id="Dimensions" class="imageInfo">
195	<dt>{'Dimensions'\|@translate}</dt>
196	<dd>{$INFO_DIMENSIONS}</dd>
197	</div>
198	{/if}
199	{if $display_info.file}
200	<div id="File" class="imageInfo">
201	<dt>{'File'\|@translate}</dt>
202	<dd>{$INFO_FILE}</dd>
203	</div>
204	{/if}
205	{if $display_info.filesize and isset($INFO_FILESIZE)}
206	<div id="Filesize" class="imageInfo">
207	<dt>{'Filesize'\|@translate}</dt>
208	<dd>{$INFO_FILESIZE}</dd>
209	</div>
210	{/if}
211	{if $display_info.tags and isset($related_tags)}
212	<div id="Tags" class="imageInfo">
213	<dt>{'Tags'\|@translate}</dt>
214	<dd>
215	{foreach from=$related_tags item=tag name=tag_loop}{if !$smarty.foreach.tag_loop.first}, {/if}<a href="{$tag.URL}">{$tag.name}</a>{/foreach}
216	</dd>
217	</div>
218	{/if}
219	{if $display_info.categories and isset($related_categories)}
220	<div id="Categories" class="imageInfo">
221	<dt>{'Albums'\|@translate}</dt>
222	<dd>
223	<ul>
224	{foreach from=$related_categories item=cat}
225	<li>{$cat}</li>
226	{/foreach}
227	</ul>
228	</dd>
229	</div>
230	{/if}
231	{if $display_info.visits}
232	<div id="Visits" class="imageInfo">
233	<dt>{'Visits'\|@translate}</dt>
234	<dd>{$INFO_VISITS}</dd>
235	</div>
236	{/if}
237
238	{if $display_info.rating_score and isset($rate_summary)}
239	<div id="Average" class="imageInfo">
240	<dt>{'Rating score'\|@translate}</dt>
241	<dd>
242	{if $rate_summary.count}
243	<span id="ratingScore">{$rate_summary.score}</span> <span id="ratingCount">({$rate_summary.count\|@translate_dec:'%d rate':'%d rates'})</span>
244	{else}
245	<span id="ratingScore">{'no rate'\|@translate}</span> <span id="ratingCount"></span>
246	{/if}
247	</dd>
248	</div>
249	{/if}
250
251	{if isset($rating)}
252	<div id="rating" class="imageInfo">
253	<dt>
254	<span id="updateRate">{if isset($rating.USER_RATE)}{'Update your rating'\|@translate}{else}{'Rate this photo'\|@translate}{/if}</span>
255	</dt>
256	<dd>
257	<form action="{$rating.F_ACTION}" method="post" id="rateForm" style="margin:0;">
258	<div>
259	{foreach from=$rating.marks item=mark name=rate_loop}
260	{if isset($rating.USER_RATE) && $mark==$rating.USER_RATE}
261	<input type="button" name="rate" value="{$mark}" class="rateButtonSelected" title="{$mark}">
262	{else}
263	<input type="submit" name="rate" value="{$mark}" class="rateButton" title="{$mark}">
264	{/if}
265	{/foreach}
266	{strip}{combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
267	{combine_script id='rating' load='async' require='core.scripts' path='themes/default/js/rating.js'}
268	{footer_script}
269	var _pwgRatingAutoQueue = _pwgRatingAutoQueue\|\|[];
270	_pwgRatingAutoQueue.push( {ldelim}rootUrl: '{$ROOT_URL}', image_id: {$current.id},
271	onSuccess : function(rating) {ldelim}
272	var e = document.getElementById("updateRate");
273	if (e) e.innerHTML = "{'Update your rating'\|@translate\|@escape:'javascript'}";
274	e = document.getElementById("ratingScore");
275	if (e) e.innerHTML = rating.score;
276	e = document.getElementById("ratingCount");
277	if (e) {ldelim}
278	if (rating.count == 1) {ldelim}
279	e.innerHTML = "({'%d rate'\|@translate\|@escape:'javascript'})".replace( "%d", rating.count);
280	} else {ldelim}
281	e.innerHTML = "({'%d rates'\|@translate\|@escape:'javascript'})".replace( "%d", rating.count);
282	}
283	{rdelim}
284	{rdelim}{rdelim} );
285	{/footer_script}
286	{/strip}
287	</div>
288	</form>
289	</dd>
290	</div>
291	{/if}
292
293	{if $display_info.privacy_level and isset($available_permission_levels)}
294	<div id="Privacy" class="imageInfo">
295	<dt>{'Who can see this photo?'\|@translate}</dt>
296	<dd>
297	<div>
298	<a id="privacyLevelLink" href>{$available_permission_levels[$current.level]}</a>
299	{combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
300	{footer_script require='jquery'}{strip}
301	function setPrivacyLevel(id, level){
302	(new PwgWS('{$ROOT_URL}')).callService(
303	"pwg.images.setPrivacyLevel", { image_id:id, level:level},
304	{
305	method: "POST",
306	onFailure: function(num, text) { alert(num + " " + text); },
307	onSuccess: function(result) {
308	jQuery('#privacyLevelBox .switchCheck').css('visibility','hidden');
309	jQuery('#switchLevel'+level).prev('.switchCheck').css('visibility','visible');
310	jQuery('#privacyLevelLink').text(jQuery('#switchLevel'+level).text());
311	}
312	}
313	);
314	}
315	(SwitchBox=window.SwitchBox\|\|[]).push("#privacyLevelLink", "#privacyLevelBox");
316	{/strip}{/footer_script}
317	<div id="privacyLevelBox" class="switchBox" style="display:none">
318	{foreach from=$available_permission_levels item=label key=level}
319	<span class="switchCheck"{if $level != $current.level} style="visibility:hidden"{/if}>✔ </span>
320	<a id="switchLevel{$level}" href="javascript:setPrivacyLevel({$current.id},{$level})">{$label}</a><br>
321	{/foreach}
322	</div>
323	</div>
324	</dd>
325	</div>
326	{/if}
327	{/strip}
328	</dl>
329
330	</div>{<!-- imageInfos -->}
331
332
333	{strip}{if isset($U_METADATA)}
334	<div id="MetadataBox">
335	{if isset($metadata)}
336	<dl id="Metadata" class="imageInfoTable">
337	{foreach from=$metadata item=meta}
338	{foreach from=$meta.lines item=value key=label}
339	<div class="imageInfo">
340	<dt>{$label}</dt>
341	<dd>{$value}</dd>
342	</div>
343	{/foreach}
344	{/foreach}
345	</dl>
346	{/if}
347	</div>
348	{/if}{/strip}{<!-- Metadata -->}
349
350
351	{if isset($COMMENT_COUNT)}
352	<div id="comments" {if (!isset($comment_add) && ($COMMENT_COUNT == 0))}class="noCommentContent"{else}class="commentContent"{/if}>
353	<h3>{$COMMENT_COUNT\|@translate_dec:'%d comment':'%d comments'}</h3>
354
355	<div id="pictureComments">
356	{if isset($comments)}
357	<div id="pictureCommentList">
358	{if (($COMMENT_COUNT > 2) \|\| !empty($navbar))}
359	<div id="pictureCommentNavBar">
360	{if $COMMENT_COUNT > 2}
361	<a href="{$COMMENTS_ORDER_URL}#comments" rel="nofollow" class="commentsOrder"><i class="fa fa-sort"></i> {$COMMENTS_ORDER_TITLE}</a>
362	{/if}
363	{if !empty($navbar) }{include file='navigation_bar.tpl'\|@get_extent:'navbar'}{/if}
364	</div>
365	{/if}
366	{include file='comment_list.tpl'}
367	</div>
368	{/if}
369	{if isset($comment_add)}
370	<div id="commentAdd">
371	<h4>{'Add a comment'\|@translate}</h4>
372	<form method="post" action="{$comment_add.F_ACTION}" id="addComment">
373	{if $comment_add.SHOW_AUTHOR}
374	<p><label for="author">{'Author'\|@translate}{if $comment_add.AUTHOR_MANDATORY} ({'mandatory'\|@translate}){/if} :</label></p>
375	<p><input type="text" name="author" id="author" value="{$comment_add.AUTHOR}"></p>
376	{/if}
377	{if $comment_add.SHOW_EMAIL}
378	<p><label for="email">{'Email address'\|@translate}{if $comment_add.EMAIL_MANDATORY} ({'mandatory'\|@translate}){/if} :</label></p>
379	<p><input type="text" name="email" id="email" value="{$comment_add.EMAIL}"></p>
380	{/if}
381	<p><label for="website_url">{'Website'\|@translate} :</label></p>
382	<p><input type="text" name="website_url" id="website_url" value="{$comment_add.WEBSITE_URL}"></p>
383	<p><label for="contentid">{'Comment'\|@translate} ({'mandatory'\|@translate}) :</label></p>
384	<p><textarea name="content" id="contentid" rows="5">{$comment_add.CONTENT}</textarea></p>
385	<p><input type="hidden" name="key" value="{$comment_add.KEY}">
386	<input type="submit" value="{'Submit'\|@translate}"></p>
387	</form>
388	</div>
389	{/if}
390	<div style="clear:both"></div>
391	</div>
392
393	</div>
394	{/if}{<!-- coments -->}
395
396	</div>
397
398	</div>
399
400	{if !empty($PLUGIN_PICTURE_AFTER)}{$PLUGIN_PICTURE_AFTER}{/if}
401
402	</div> <!-- content -->
403	</div> <!-- mainBox -->

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

Download in other formats:

Original Format