07c290a453
- zoesch.de - blitzkiste.net - gruene-hassberge (norbert.zoesch.de) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
437 lines
20 KiB
Smarty
437 lines
20 KiB
Smarty
<!-- Start of picture.tpl -->
|
|
{combine_css path="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"}
|
|
|
|
{if !empty($PLUGIN_PICTURE_BEFORE)}{$PLUGIN_PICTURE_BEFORE}{/if}
|
|
|
|
<nav class="navbar navbar-default" role="navigation">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-contextual">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<div class="navbar-brand">{$SECTION_TITLE}{$LEVEL_SEPARATOR}<a href>{$current.TITLE}</a> [{$PHOTO}]</div>
|
|
</div>
|
|
<div class="navbar-right navbar-collapse collapse" id="navbar-contextual">
|
|
<ul class="nav navbar-nav">
|
|
{if isset($current.unique_derivatives) && count($current.unique_derivatives)>1}
|
|
{footer_script require='jquery'}{strip}
|
|
function changeImgSrc(url,typeSave,typeMap) {
|
|
var theImg = document.getElementById("theMainImage");
|
|
if (theImg) {
|
|
theImg.removeAttribute("width");theImg.removeAttribute("height");
|
|
theImg.src = url;
|
|
theImg.useMap = "#map"+typeMap;
|
|
}
|
|
jQuery('.derivative-li').removeClass('active');
|
|
jQuery('#derivative'+typeMap).addClass('active');
|
|
document.cookie = 'picture_deriv='+typeSave+';path={$COOKIE_PATH}';
|
|
}
|
|
{/strip}{/footer_script}
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
|
<span class="glyphicon glyphicon-picture"></span><span class="glyphicon-text">{'Photo sizes'|@translate}</span><span class="caret"></span>
|
|
</a>
|
|
<ul class="dropdown-menu" role="menu">
|
|
{foreach from=$current.unique_derivatives item=derivative key=derivative_type}
|
|
<li id="derivative{$derivative->get_type()}" class="derivative-li{if $derivative->get_type() == $current.selected_derivative->get_type()} active{/if}">
|
|
<a href="javascript:changeImgSrc('{$derivative->get_url()|@escape:javascript}','{$derivative_type}','{$derivative->get_type()}')" rel="nofollow">
|
|
{$derivative->get_type()|@translate}<span class="derivativeSizeDetails"> ({$derivative->get_size_hr()})</span>
|
|
</a>
|
|
</li>
|
|
{/foreach}
|
|
{if isset($U_ORIGINAL)}
|
|
{combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
|
|
<li>
|
|
<a href="javascript:phpWGOpenWindow('{$U_ORIGINAL}','xxx','scrollbars=yes,toolbar=no,status=no,resizable=yes')" rel="nofollow">{'Original'|@translate}</a>
|
|
</li>
|
|
{/if}
|
|
</ul>
|
|
</li>
|
|
{/if}
|
|
{if isset($U_SLIDESHOW_START)}
|
|
<li>
|
|
<a href="{$U_SLIDESHOW_START}" title="{'Slideshow'|@translate}" rel="nofollow">
|
|
<span class="glyphicon glyphicon-play"></span><span class="glyphicon-text">{'Slideshow'|@translate}</span>
|
|
</a>
|
|
</li>
|
|
{/if}
|
|
{if isset($U_METADATA)}
|
|
<li>
|
|
<a href="{$U_METADATA}" title="{'Show file metadata'|@translate}" rel="nofollow">
|
|
<span class="glyphicon glyphicon-camera"></span><span class="glyphicon-text">{'Show file metadata'|@translate}</span>
|
|
</a>
|
|
</li>
|
|
{/if}
|
|
{if isset($current.U_DOWNLOAD)}
|
|
{if empty($current.formats)}
|
|
<li>
|
|
<a href="{$current.U_DOWNLOAD}" title="{'Download this file'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
|
|
<span class="glyphicon glyphicon-download-alt"></span><span class="glyphicon-text">{'Download'|@translate}</span>
|
|
</a>
|
|
{else}
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
|
<span class="glyphicon glyphicon-download-alt"></span><span class="glyphicon-text">{'Download'|@translate}</span><span class="caret"></span>
|
|
</a>
|
|
<ul class="dropdown-menu" role="menu">
|
|
{foreach from=$current.formats item=format}
|
|
<li><a href="{$format.download_url}" rel="nofollow">{$format.label}<span class="downloadformatDetails"> ({$format.filesize})</span></a></li>
|
|
{/foreach}
|
|
</ul>
|
|
{/if} {* has formats *}
|
|
</li>
|
|
{/if}
|
|
{if isset($PLUGIN_PICTURE_BUTTONS)}{foreach from=$PLUGIN_PICTURE_BUTTONS item=button}{$button}{/foreach}{/if}
|
|
{if isset($PLUGIN_PICTURE_ACTIONS)}{$PLUGIN_PICTURE_ACTIONS}{/if}
|
|
{if isset($favorite)}
|
|
<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}" rel="nofollow">
|
|
<span class="glyphicon glyphicon-heart{if !$favorite.IS_FAVORITE}-empty{/if}"></span><span class="glyphicon-text">{'Favorites'|@translate}</span>
|
|
</a>
|
|
</li>
|
|
{/if}
|
|
{if isset($U_SET_AS_REPRESENTATIVE)}
|
|
<li>
|
|
<a id="cmdSetRepresentative" href="{$U_SET_AS_REPRESENTATIVE}" title="{'Set as album representative'|@translate}" rel="nofollow">
|
|
<span class="glyphicon glyphicon-link"></span><span class="glyphicon-text">{'representative'|@translate}</span>
|
|
</a>
|
|
</li>
|
|
{/if}
|
|
{if isset($U_PHOTO_ADMIN)}
|
|
<li>
|
|
<a id="cmdEditPhoto" href="{$U_PHOTO_ADMIN}" title="{'Modify information'|@translate}" rel="nofollow">
|
|
<span class="glyphicon glyphicon-pencil"></span><span class="glyphicon-text">{'Edit'|@translate}</span>
|
|
</a>
|
|
</li>
|
|
{/if}
|
|
{if isset($U_CADDIE)}
|
|
{footer_script}{strip}
|
|
function addToCadie(aElement, rootUrl, id) {
|
|
if (aElement.disabled) return;
|
|
aElement.disabled=true;
|
|
var y = new PwgWS(rootUrl);
|
|
y.callService("pwg.caddie.add", {literal}{image_id: id}{/literal}, {
|
|
onFailure: function(num, text) { alert(num + " " + text); document.location=aElement.href; },
|
|
onSuccess: function(result) { aElement.disabled = false; }
|
|
});
|
|
}
|
|
{/strip}{/footer_script}
|
|
<li>
|
|
<a href="{$U_CADDIE}" onclick="addToCadie(this, '{$ROOT_URL}', {$current.id}); return false;" title="{'Add to caddie'|@translate}" rel="nofollow">
|
|
<span class="glyphicon glyphicon-plus-sign"></span><span class="pwg-button-text">{'Caddie'|@translate}</span>
|
|
</a>
|
|
</li>
|
|
{/if}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
{include file='infos_errors.tpl'}
|
|
|
|
<div class="container">
|
|
{include file='picture_nav_buttons.tpl'|@get_extent:'picture_nav_buttons'}
|
|
</div>
|
|
|
|
<div id="theImage">
|
|
{$ELEMENT_CONTENT}
|
|
</div>
|
|
<div id="sidebar">
|
|
<div id="info-content" class="info">
|
|
<dl>
|
|
<h4>{'Information'|@translate}</h4>
|
|
{if $display_info.author and isset($INFO_AUTHOR)}
|
|
<div id="Author" class="imageInfo">
|
|
<dt>{'Author'|@translate}</dt>
|
|
<dd>{$INFO_AUTHOR}</dd>
|
|
</div>
|
|
{/if}
|
|
{if $display_info.created_on and isset($INFO_CREATION_DATE)}
|
|
<div id="datecreate" class="imageInfo">
|
|
<dt>{'Created on'|@translate}</dt>
|
|
<dd>{$INFO_CREATION_DATE}</dd>
|
|
</div>
|
|
{/if}
|
|
{if $display_info.posted_on}
|
|
<div id="datepost" class="imageInfo">
|
|
<dt>{'Posted on'|@translate}</dt>
|
|
<dd>{$INFO_POSTED_DATE}</dd>
|
|
</div>
|
|
{/if}
|
|
{if $display_info.dimensions and isset($INFO_DIMENSIONS)}
|
|
<div id="Dimensions" class="imageInfo">
|
|
<dt>{'Dimensions'|@translate}</dt>
|
|
<dd>{$INFO_DIMENSIONS}</dd>
|
|
</div>
|
|
{/if}
|
|
{if $display_info.file}
|
|
<div id="File" class="imageInfo">
|
|
<dt>{'File'|@translate}</dt>
|
|
<dd>{$INFO_FILE}</dd>
|
|
</div>
|
|
{/if}
|
|
{if $display_info.filesize and isset($INFO_FILESIZE)}
|
|
<div id="Filesize" class="imageInfo">
|
|
<dt>{'Filesize'|@translate}</dt>
|
|
<dd>{$INFO_FILESIZE}</dd>
|
|
</div>
|
|
{/if}
|
|
{if $display_info.tags and isset($related_tags)}
|
|
<div id="Tags" class="imageInfo">
|
|
<dt>{'Tags'|@translate}</dt>
|
|
<dd>
|
|
{foreach from=$related_tags item=tag name=tag_loop}{if !$smarty.foreach.tag_loop.first}, {/if}<a href="{$tag.URL}">{$tag.name}</a>{/foreach}
|
|
</dd>
|
|
</div>
|
|
{/if}
|
|
{if $display_info.categories and isset($related_categories)}
|
|
<div id="Categories" class="imageInfo">
|
|
<dt>{'Albums'|@translate}</dt>
|
|
<dd>
|
|
{foreach from=$related_categories item=cat name=cat_loop}
|
|
{if !$smarty.foreach.cat_loop.first}<br />{/if}{$cat}
|
|
{/foreach}
|
|
</dd>
|
|
</div>
|
|
{/if}
|
|
{if $display_info.privacy_level and isset($available_permission_levels)}
|
|
{combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
|
|
{footer_script require='jquery'}{strip}
|
|
function setPrivacyLevel(id, level, label) {
|
|
(new PwgWS('{$ROOT_URL}')).callService(
|
|
"pwg.images.setPrivacyLevel", { image_id:id, level:level},
|
|
{
|
|
method: "POST",
|
|
onFailure: function(num, text) { alert(num + " " + text); },
|
|
onSuccess: function(result) {
|
|
jQuery('#dropdownPermissions').html(label + ' <span class="caret"></span>');
|
|
jQuery('.permission-li').removeClass('active');
|
|
jQuery('#permission-' + level).addClass('active');
|
|
}
|
|
}
|
|
);
|
|
}
|
|
(SwitchBox=window.SwitchBox||[]).push("#privacyLevelLink", "#privacyLevelBox");
|
|
{/strip}{/footer_script}
|
|
<div id="Privacy" class="imageInfo">
|
|
<dt>{'Who can see this photo?'|@translate}</dt>
|
|
<dd>
|
|
<div class="dropdown">
|
|
<button class="btn btn-default dropdown-toggle ellipsis" type="button" id="dropdownPermissions" data-toggle="dropdown" aria-expanded="true">
|
|
{$available_permission_levels[$current.level]}
|
|
<span class="caret"></span>
|
|
</button>
|
|
<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownPermissions">
|
|
{foreach from=$available_permission_levels item=label key=level}
|
|
<li id="permission-{$level}" role="presentation" class="permission-li {if $current.level == $level} active{/if}"><a role="menuitem" tabindex="-1" href="javascript:setPrivacyLevel({$current.id},{$level},'{$label}')">{$label}</a></li>
|
|
{/foreach}
|
|
</ul>
|
|
</div>
|
|
</dd>
|
|
</div>
|
|
{/if}
|
|
{if isset($metadata)}
|
|
{foreach from=$metadata item=meta}
|
|
<br />
|
|
<h4>{$meta.TITLE}</h4>
|
|
{foreach from=$meta.lines item=value key=label}
|
|
<dt>{$label}</dt>
|
|
<dd>{$value}</dd>
|
|
{/foreach}
|
|
{/foreach}
|
|
{/if}
|
|
</dl>
|
|
</div>
|
|
<div class="handle">
|
|
<a id="info-link" href="#">
|
|
<span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<section id="important-info">
|
|
{if isset($COMMENT_IMG)}
|
|
<h4 class="imageComment">{$COMMENT_IMG}</h4>
|
|
{/if}
|
|
{if $display_info.visits}
|
|
<div id="visits">
|
|
<b>{'Visits'|@translate}</b>
|
|
<span class="count">{$INFO_VISITS}</span>
|
|
</div>
|
|
{/if}
|
|
{if $display_info.rating_score and isset($rate_summary)}
|
|
<div id="rating">
|
|
<dl class="dl-horizontal">
|
|
<dt>{'Rating score'|@translate} <span id="ratingCount">({if $rate_summary.count}{$rate_summary.count|@translate_dec:'%d rate':'%d rates'}{else}{'no rate'|@translate}{/if})</span></dt>
|
|
<dd id="averageRate">
|
|
{foreach from=$rating.marks item=mark name=rate_loop}
|
|
<span class="{if $rate_summary.count && $rate_summary.average > $mark - 0.5}rateButtonStarFull{else}rateButtonStarEmpty{/if}" data-value="{$mark}"></span>
|
|
{/foreach}
|
|
</dd>
|
|
{if isset($rating)}
|
|
<dt id="updateRate">{if isset($rating.USER_RATE)}{'Update your rating'|@translate}{else}{'Rate this photo'|@translate}{/if}</dt>
|
|
<dd>
|
|
<form action="{$rating.F_ACTION}" method="post" id="rateForm" style="margin:0;">
|
|
{foreach from=$rating.marks item=mark name=rate_loop}
|
|
{if isset($rating.USER_RATE) && $mark==$rating.USER_RATE}
|
|
<span class="rateButtonStarFull" data-value="{$mark}"></span>
|
|
{else}
|
|
<span class="rateButtonStarEmpty" data-value="{$mark}"></span>
|
|
{/if}
|
|
{/foreach}
|
|
{strip}{combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
|
|
{combine_script id='rating' load='async' require='core.scripts' require='jquery' path="themes/bootstrapdefault/js/rating.js"}
|
|
{footer_script require='jquery'}
|
|
var _pwgRatingAutoQueue = _pwgRatingAutoQueue||[];
|
|
_pwgRatingAutoQueue.push( {ldelim}rootUrl: '{$ROOT_URL}', image_id: {$current.id},
|
|
onSuccess : function(rating) {ldelim}
|
|
var e = document.getElementById("updateRate");
|
|
if (e) e.innerHTML = "{'Update your rating'|@translate|@escape:'javascript'}";
|
|
e = document.getElementById("ratingScore");
|
|
if (e) e.innerHTML = rating.score;
|
|
e = document.getElementById("ratingCount");
|
|
if (e) {ldelim}
|
|
if (rating.count == 1) {ldelim}
|
|
e.innerHTML = "({'1 rate'|@translate|@escape:'javascript'})";
|
|
} else {ldelim}
|
|
e.innerHTML = "({'%d rates'|@translate|@escape:'javascript'})".replace( "%d", rating.count);
|
|
}
|
|
{rdelim}
|
|
$('#averageRate').find('span').each(function() {ldelim}
|
|
$(this).addClass(rating.average > $(this).data('value') - 0.5 ? 'rateButtonStarFull' : 'rateButtonStarEmpty');
|
|
$(this).removeClass(rating.average > $(this).data('value') - 0.5 ? 'rateButtonStarEmpty' : 'rateButtonStarFull');
|
|
{rdelim});
|
|
{rdelim}
|
|
{rdelim} );
|
|
{/footer_script}
|
|
{/strip}
|
|
</form>
|
|
</dd>
|
|
{/if}
|
|
</dl>
|
|
</div>
|
|
{/if}
|
|
</section>
|
|
</div>
|
|
|
|
{include file="http_scheme.tpl"}
|
|
{if $theme_config->social_enabled}
|
|
<div class="container">
|
|
<section id="share">
|
|
{if $theme_config->social_twitter}
|
|
<a href="http://twitter.com/share?text={$current.TITLE}&url={$http_scheme}://{$smarty.server.HTTP_HOST}{$smarty.server.REQUEST_URI}"
|
|
onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;" title="Share on Twitter">
|
|
<i class="fa fa-twitter"></i>
|
|
</a>
|
|
{/if}
|
|
{if $theme_config->social_facebook}
|
|
<a href="https://www.facebook.com/sharer/sharer.php?u={$http_scheme}://{$smarty.server.HTTP_HOST}{$smarty.server.REQUEST_URI}"
|
|
onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;" title="Share on Facebook">
|
|
<i class="fa fa-facebook"></i>
|
|
</a>
|
|
{/if}
|
|
{if $theme_config->social_google_plus}
|
|
<a href="https://plus.google.com/share?url={$http_scheme}://{$smarty.server.HTTP_HOST}{$smarty.server.REQUEST_URI}"
|
|
onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;" title="Share on Google+">
|
|
<i class="fa fa-google-plus"></i>
|
|
</a>
|
|
{/if}
|
|
</section>
|
|
</div>
|
|
{/if}
|
|
|
|
{if isset($comment_add) || $COMMENT_COUNT > 0}
|
|
<a name="comments"></a>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 col-sm-12 col-xs-12">
|
|
{$shortname = $theme_config->comments_disqus_shortname}
|
|
{if $theme_config->comments_type == 'disqus' and !empty($shortname)}
|
|
<div id="disqus_thread"></div>
|
|
{footer_script}{strip}
|
|
var disqus_shortname = '{/strip}{$shortname}{strip}';
|
|
|
|
(function() {
|
|
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
|
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
|
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
|
})();
|
|
{/strip}
|
|
{/footer_script}
|
|
{else}
|
|
<h3>{'Comments'|@translate}</h3>
|
|
<div class="tabbable">
|
|
<ul class="nav nav-pills">
|
|
{if $COMMENT_COUNT > 0}
|
|
<li class="active"><a href="#viewcomments" data-toggle="tab">{$COMMENT_COUNT|@translate_dec:'%d comment':'%d comments'}</a></li>
|
|
{/if}
|
|
{if isset($comment_add)}
|
|
<li{if $COMMENT_COUNT == 0} class="active"{/if}><a href="#addcomment" data-toggle="tab">{'Add a comment'|@translate}</a></li>
|
|
{/if}
|
|
</ul>
|
|
<div class="tab-content">
|
|
{if $COMMENT_COUNT > 0}
|
|
<div id="viewcomments" class="tab-pane active">
|
|
{include file='comment_list.tpl'}
|
|
</div>
|
|
{/if}
|
|
{if isset($comment_add)}
|
|
<div id="addcomment" class="tab-pane{if $COMMENT_COUNT == 0} active{/if}">
|
|
<form method="post" action="{$comment_add.F_ACTION}">
|
|
{if $comment_add.SHOW_AUTHOR}
|
|
<div class="form-group">
|
|
<label for="author">{'Author'|@translate}{if $comment_add.AUTHOR_MANDATORY} ({'mandatory'|@translate}){/if} :</label>
|
|
<input class="form-control" type="text" name="author" id="author" value="{$comment_add.AUTHOR}">
|
|
</div>
|
|
{/if}
|
|
{if $comment_add.SHOW_EMAIL}
|
|
<div class="form-group">
|
|
<label for="email">{'Email address'|@translate}{if $comment_add.EMAIL_MANDATORY} ({'mandatory'|@translate}){/if} :</label>
|
|
<input class="form-control" type="text" name="email" id="email" value="{$comment_add.EMAIL}">
|
|
</div>
|
|
{/if}
|
|
{if $comment_add.SHOW_WEBSITE}
|
|
<div class="form-group">
|
|
<label for="website_url">{'Website'|@translate} :</label>
|
|
<input class="form-control" type="text" name="website_url" id="website_url" value="{$comment_add.WEBSITE_URL}">
|
|
</div>
|
|
{/if}
|
|
<div class="form-group">
|
|
<label for="contentid">{'Comment'|@translate} ({'mandatory'|@translate}) :</label>
|
|
<textarea class="form-control" name="content" id="contentid" rows="5" cols="50">{$comment_add.CONTENT}</textarea>
|
|
</div>
|
|
<input type="hidden" name="key" value="{$comment_add.KEY}">
|
|
<button type="submit" class="btn btn-default">{'Submit'|@translate}</button>
|
|
</form>
|
|
</div>
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
|
|
{if !empty($navbar) }
|
|
<div class="container">
|
|
{include file='navigation_bar.tpl' fragment='comments'|@get_extent:'navbar'}
|
|
</div>
|
|
{/if}
|
|
|
|
<!--
|
|
<div id="imageToolBar">
|
|
{include file='picture_nav_buttons.tpl'|@get_extent:'picture_nav_buttons'}
|
|
|
|
{if isset($U_SLIDESHOW_STOP)}
|
|
<p>
|
|
[ <a href="{$U_SLIDESHOW_STOP}">{'stop the slideshow'|@translate}</a> ]
|
|
</p>
|
|
{/if}
|
|
-->
|
|
{if !empty($PLUGIN_PICTURE_AFTER)}{$PLUGIN_PICTURE_AFTER}{/if}
|