view/theme/frio/templates/filebrowser.tpl

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