view/theme/frio/templates/filebrowser.tpl

   1         <!--
   2                 This is the template used by mod/fbrowser.php
   3         -->
   4 <style>
   5         #buglink_wrapper{display:none;} /* hide buglink. only in this page */
   6 </style>
   7 {{*<script type="text/javascript" src="{{$baseurl}}/js/ajaxupload.js" ></script>*}}
   8 {{*<script type="text/javascript" src="view/theme/frio/js/filebrowser.js"></script>*}}
   9
  10 <div class="fbrowser {{$type}}">
  11         <div class="fbrowser-content">
  12                 <input id="fb-nickname" type="hidden" name="type" value="{{$nickname}}" />
  13                 <input id="fb-type" type="hidden" name="type" value="{{$type}}" />
  14
  15                 <div class="error hidden">
  16                         <span></span> <a href="#" class='close'>X</a>
  17                 </div>
  18
  19                 {{* The breadcrumb navigation *}}
  20                 <ol class="path breadcrumb">
  21                         {{foreach $path as $p}}<li><a href="#" data-folder="{{$p.0}}">{{$p.1}}</a></li>{{/foreach}}
  22
  23                         {{* Switch between image and file mode *}}
  24                         <div class="fbswitcher btn-group btn-group-xs pull-right">
  25                                 <button type="button" class="btn btn-default" data-mode="image"><i class="fa fa-picture-o" aria-hidden="true"></i></button>
  26                                 <button type="button" class="btn btn-default" data-mode="file"><i class="fa fa-file-o" aria-hidden="true"></i></button>
  27                         </div>
  28                 </ol>
  29
  30                 <div class="media">
  31
  32                         {{* List of photo albums *}}
  33                         {{if $folders }}
  34                         <div class="folders media-left">
  35                                 <ul>
  36                                         {{foreach $folders as $f}}<li><a href="#" data-folder="{{$f.0}}">{{$f.1}}</a></li>{{/foreach}}
  37                                 </ul>
  38                         </div>
  39                         {{/if}}
  40
  41                         {{* The main content (images or files) *}}
  42                         <div class="list {{$type}} media-body">
  43                                 <div class="fbrowser-content-container">
  44                                         {{foreach $files as $f}}
  45                                         <div class="photo-album-image-wrapper">
  46                                                 <a href="#" class="photo-album-photo-link" data-link="{{$f.0}}" data-filename="{{$f.1}}" data-img="{{$f.2}}">
  47                                                         <img src="{{$f.2}}" alt="{{$f.1}}">
  48                                                         <p>{{$f.1}}</p>
  49                                                 </a>
  50                                         </div>
  51                                         {{/foreach}}
  52                                 </div>
  53                         </div>
  54                 </div>
  55
  56                 <div class="upload">
  57                         <button id="upload-{{$type}}">{{"Upload"|t}}</button>
  58                 </div>
  59         </div>
  60
  61         {{* This part contains the conent loader icon which is visible when new conent is loaded *}}
  62         <div class="profile-rotator-wrapper" style="display: none;">
  63                 <i class="fa fa-circle-o-notch fa-spin" aria-hidden="true"></i>
  64         </div>
  65 </div>