friendica_2021-01/view/theme/frio/templates/photo_view.tpl
Andreas Neustifter 66d8a67884 Add icons on photo view page.
This page still had textual links, change them to icons. Also remove missleading header.
2018-08-19 21:53:32 +02:00

83 lines
2.4 KiB
Smarty

{{* Template for singele photo view *}}
{{* "live-photos" is needed for js autoupdate *}}
<div id="live-photos"></div>
<div id="photo-view-{{$id}}" class="generic-page-wrapper">
<div class="pull-left" id="photo-edit-link-wrap">
<a class="page-action faded-icon" id="photo-album-link" href="{{$album.0}}" title="{{$album.1}}" data-toggle="tooltip">
<i class="fa fa-folder-open"></i>&nbsp;{{$album.1}}
</a>
</div>
<div class="pull-right" id="photo-edit-link-wrap">
{{if $tools}}
<span class="icon-padding"> </span>
<a id="photo-edit-link" href="{{$tools.edit.0}}" title="{{$tools.edit.1}}" data-toggle="tooltip">
<i class="page-action faded-icon fa fa-pencil"></i>
</a>
<span class="icon-padding"> </span>
<a id="photo-toprofile-link" href="{{$tools.profile.0}}" title="{{$tools.profile.1}}" data-toggle="tooltip">
<i class="page-action faded-icon fa fa-user"></i>
</a>
{{/if}}
{{if $lock}}
<span class="icon-padding"> </span>
<a id="photo-lock-link" onclick="lockview(event,'photo/{{$id}}');" title="{{$lock}}" data-toggle="tooltip">
<i class="page-action faded-icon fa fa-lock"></i>
</a>
{{/if}}
</div>
<div class="clear"></div>
<div id="photo-view-wrapper">
<div id="photo-photo">
{{* The photo *}}
<div class="photo-container">
<a href="{{$photo.href}}" title="{{$photo.title}}"><img src="{{$photo.src}}" alt="{{$photo.filename}}"/></a>
</div>
{{* Overlay buttons for previous and next photo *}}
{{if $prevlink}}
<a class="photo-prev-link" href="{{$prevlink.0}}"><i class="fa fa-angle-left" aria-hidden="true"></i></a>
{{/if}}
{{if $nextlink}}
<a class="photo-next-link" href="{{$nextlink.0}}"><i class="fa fa-angle-right" aria-hidden="true"></i></a>
{{/if}}
</div>
<div id="photo-photo-end"></div>
{{* The photo description *}}
<div id="photo-caption">{{$desc}}</div>
{{* Tags and mentions *}}
{{if $tags}}
<div id="photo-tags">{{$tags.1}}</div>
{{/if}}
{{if $tags.2}}
<div id="tag-remove">
<a href="{{$tags.2}}">{{$tags.3}}</a>
</div>
{{/if}}
{{* The part for editing the photo - only available for the edit subpage *}}
{{if $edit}}{{$edit}}{{/if}}
{{if $likebuttons}}
<div id="photo-like-div">
{{$likebuttons}}
{{$like}}
{{$dislike}}
</div>
{{/if}}
<hr>
</div>
{{* Insert the comments *}}
<div id="photo-comment-wrapper-{{$id}}" class="photo-comment-wrapper">
{{$comments}}
</div>
{{$paginate}}
</div>