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> <button type="button" class="btn btn-link" class="close" aria-label="Close">X</a>
  17                 </div>
  18
  19                 {{* The breadcrumb navigation *}}
  20                 <ol class="path breadcrumb" aria-label="Breadcrumb" role="navigation">
  21                         {{foreach $path as $p}}<li role="presentation"><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" aria-label="Switch between image and file mode">
  25                                 <button type="button" class="btn btn-default" data-mode="image" aria-label="Image Mode"><i class="fa fa-picture-o" aria-hidden="true"></i></button>
  26                                 <button type="button" class="btn btn-default" data-mode="file" aria-label="File Mode"><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" role="navigation" aria-label="Album Navigation">
  35                                 <ul role="menu">
  36                                         {{foreach $folders as $f}}
  37                                         <li role="presentation">
  38                                                 <a href="#" data-folder="{{$f.0}}" role="menuitem">{{$f.1}}</a>
  39                                         </li>
  40                                         {{/foreach}}
  41                                 </ul>
  42                         </div>
  43                         {{/if}}
  44
  45                         {{* The main content (images or files) *}}
  46                         <div class="list {{$type}} media-body" role="main" aria-label="Browser Content">
  47                                 <div class="fbrowser-content-container">
  48                                         {{foreach $files as $f}}
  49                                         <div class="photo-album-image-wrapper">
  50                                                 <a href="#" class="photo-album-photo-link" data-link="{{$f.0}}" data-filename="{{$f.1}}" data-img="{{$f.2}}">
  51                                                         <img src="{{$f.2}}" alt="{{$f.1}}">
  52                                                         <p>{{$f.1}}</p>
  53                                                 </a>
  54                                         </div>
  55                                         {{/foreach}}
  56                                 </div>
  57                         </div>
  58                 </div>
  59
  60                 <div class="upload">
  61                         <button id="upload-{{$type}}">{{"Upload"|t}}</button>
  62                 </div>
  63         </div>
  64
  65         {{* This part contains the conent loader icon which is visible when new conent is loaded *}}
  66         <div class="profile-rotator-wrapper" aria-hidden="true" style="display: none;">
  67                 <i class="fa fa-circle-o-notch fa-spin" aria-hidden="true"></i>
  68         </div>
  69 </div>