2 This is the template used by mod/fbrowser.php
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}}" />
9 <div class="error hidden">
10 <span></span> <button type="button" class="btn btn-link close" aria-label="Close">X</a>
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}}
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>
26 {{* List of photo albums *}}
28 <div class="folders media-left" role="navigation" aria-label="Album Navigation">
30 {{foreach $folders as $f}}
31 <li role="presentation">
32 <a href="#" data-folder="{{$f.0}}" role="menuitem">{{$f.1}}</a>
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}}">
55 <button id="upload-{{$type}}">{{$upload}}</button>
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>