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