view/theme/frio/templates/photo_view.tpl

   1 {{* Template for singele photo view *}}
   2
   3 {{* "live-photos" is needed for js autoupdate *}}
   4 <div id="live-photos"></div>
   5
   6 <div id="photo-view-{{$id}}" class="general-content-wrapper">
   7         <h3><a href="{{$album.0}}">{{$album.1}}</a></h3>
   8
   9         <div id="photo-edit-link-wrap">
  10                 {{if $tools}}
  11                 <a id="photo-edit-link" href="{{$tools.edit.0}}">{{$tools.edit.1}}</a>
  12                 |
  13                 <a id="photo-toprofile-link" href="{{$tools.profile.0}}">{{$tools.profile.1}}</a>
  14                 {{/if}}
  15                 {{if $lock}} | <img src="images/lock_icon.gif" class="lockview" alt="{{$lock}}" onclick="lockview(event,'photo/{{$id}}');" /> {{/if}}
  16         </div>
  17
  18         <div id="photo-view-wrapper">
  19                 <div id="photo-photo">
  20                         {{* The photo *}}
  21                         <div class="photo-container">
  22                                 <a href="{{$photo.href}}" title="{{$photo.title}}"><img src="{{$photo.src}}" alt="{{$photo.filename}}"/></a>
  23                         </div>
  24
  25                         {{* Overlay buttons for previous and next photo *}}
  26                         {{if $prevlink}}
  27                         <a class="photo-prev-link" href="{{$prevlink.0}}"><i class="fa fa-angle-left" aria-hidden="true"></i></a>
  28                         {{/if}}
  29                         {{if $nextlink}}
  30                         <a class="photo-next-link" href="{{$nextlink.0}}"><i class="fa fa-angle-right" aria-hidden="true"></i></a>
  31                         {{/if}}
  32                 </div>
  33
  34                 <div id="photo-photo-end"></div>
  35                 {{* The photo description *}}
  36                 <div id="photo-caption">{{$desc}}</div>
  37
  38                 {{* Tags and mentions *}}
  39                 {{if $tags}}
  40                 <div id="photo-tags">{{$tags.1}}</div>
  41                 {{/if}}
  42
  43                 {{if $tags.2}}
  44                 <div id="tag-remove">
  45                         <a href="{{$tags.2}}">{{$tags.3}}</a>
  46                 </div>
  47                 {{/if}}
  48
  49                 {{* The part for editing the photo - only available for the edit subpage *}}
  50                 {{if $edit}}{{$edit}}{{/if}}
  51
  52                 {{if $likebuttons}}
  53                 <div id="photo-like-div">
  54                         {{$likebuttons}}
  55                         {{$like}}
  56                         {{$dislike}}
  57                 </div>
  58                 {{/if}}
  59                 <hr>
  60         </div>
  61
  62         {{* Insert the comments *}}
  63         <div id="photo-comment-wrapper-{{$id}}" class="photo-comment-wrapper">
  64                 {{$comments}}
  65         </div>
  66
  67         {{$paginate}}
  68 </div>