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="generic-page-wrapper">
   7         <div class="pull-left" id="photo-edit-link-wrap">
   8                 <a class="page-action faded-icon" id="photo-album-link" href="{{$album.0}}" title="{{$album.1}}" data-toggle="tooltip">
   9                         <i class="fa fa-folder-open"></i>&nbsp;{{$album.1}}
  10                 </a>
  11         </div>
  12         <div class="pull-right" id="photo-edit-link-wrap">
  13                 {{if $tools}}
  14                 <span class="icon-padding"> </span>
  15                 <a id="photo-edit-link" href="{{$tools.edit.0}}" title="{{$tools.edit.1}}" data-toggle="tooltip">
  16                         <i class="page-action faded-icon fa fa-pencil"></i>
  17                 </a>
  18                 <span class="icon-padding"> </span>
  19                 <a id="photo-toprofile-link" href="{{$tools.profile.0}}" title="{{$tools.profile.1}}" data-toggle="tooltip">
  20                         <i class="page-action faded-icon fa fa-user"></i>
  21                 </a>
  22                 {{/if}}
  23                 {{if $lock}}
  24                 <span class="icon-padding"> </span>
  25                 <a id="photo-lock-link" onclick="lockview(event,'photo/{{$id}}');" title="{{$lock}}" data-toggle="tooltip">
  26                         <i class="page-action faded-icon fa fa-lock"></i>
  27                 </a>
  28                 {{/if}}
  29         </div>
  30         <div class="clear"></div>
  31
  32         <div id="photo-view-wrapper">
  33                 <div id="photo-photo">
  34                         {{* The photo *}}
  35                         <div class="photo-container">
  36                                 <a href="{{$photo.href}}" title="{{$photo.title}}"><img src="{{$photo.src}}" alt="{{$photo.filename}}"/></a>
  37                         </div>
  38
  39                         {{* Overlay buttons for previous and next photo *}}
  40                         {{if $prevlink}}
  41                         <a class="photo-prev-link" href="{{$prevlink.0}}"><i class="fa fa-angle-left" aria-hidden="true"></i></a>
  42                         {{/if}}
  43                         {{if $nextlink}}
  44                         <a class="photo-next-link" href="{{$nextlink.0}}"><i class="fa fa-angle-right" aria-hidden="true"></i></a>
  45                         {{/if}}
  46                 </div>
  47
  48                 <div id="photo-photo-end"></div>
  49                 {{* The photo description *}}
  50                 <div id="photo-caption">{{$desc nofilter}}</div>
  51
  52                 {{* Tags and mentions *}}
  53                 {{if $tags}}
  54                 <div id="photo-tags">{{$tags.title}}
  55                         {{foreach $tags.tags as $t}}
  56                         <span class="category label btn-success sm">
  57                                 <span class="p-category">{{$t.name}}</span>
  58                                 {{if $t.removeurl}} <a href="{{$t.removeurl}}">(X)</a> {{/if}}
  59                         </span>
  60                         {{/foreach}}
  61                 </div>
  62                 {{/if}}
  63
  64                 {{if $tags.removeanyurl}}
  65                 <div id="tag-remove">
  66                         <a href="{{$tags.removeanyurl}}">{{$tags.removetitle}}</a>
  67                 </div>
  68                 {{/if}}
  69
  70                 {{* The part for editing the photo - only available for the edit subpage *}}
  71                 {{if $edit}}{{$edit nofilter}}{{/if}}
  72
  73                 {{if $likebuttons}}
  74                 <div id="photo-like-div">
  75                         {{$likebuttons nofilter}}
  76                         {{$like nofilter}}
  77                         {{$dislike nofilter}}
  78                 </div>
  79                 {{/if}}
  80                 <hr>
  81         </div>
  82
  83         {{* Insert the comments *}}
  84         <div id="photo-comment-wrapper-{{$id}}" class="photo-comment-wrapper">
  85                 {{$comments nofilter}}
  86         </div>
  87
  88         {{$paginate nofilter}}
  89 </div>