]> git.mxchange.org Git - friendica.git/blob - view/theme/frio/templates/filebrowser.tpl
add justified-gallery to fbrowser
[friendica.git] / 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                 <ol class="path breadcrumb">
20                         {{foreach $path as $p}}<li><a href="#" data-folder="{{$p.0}}">{{$p.1}}</a></li>{{/foreach}}
21                         <div class="fbswitcher btn-group btn-group-xs pull-right">
22                                 <button type="button" class="btn btn-default" data-mode="image"><i class="fa fa-picture-o" aria-hidden="true"></i></button>
23                                 <button type="button" class="btn btn-default" data-mode="file"><i class="fa fa-file-o" aria-hidden="true"></i></button>
24                         </div>
25                 </ol>
26
27                 <div class="media">
28                         {{if $folders }}
29                         <div class="folders media-left">
30                                 <ul>
31                                         {{foreach $folders as $f}}<li><a href="#" data-folder="{{$f.0}}">{{$f.1}}</a></li>{{/foreach}}
32                                 </ul>
33                         </div>
34                         {{/if}}
35
36                         <div class="list {{$type}} media-body">
37                                 <div class="fbrowser-content-container">
38                                         {{foreach $files as $f}}
39                                         <div class="photo-album-image-wrapper">
40                                                 <a href="#" class="photo-album-photo-link" data-link="{{$f.0}}" data-filename="{{$f.1}}" data-img="{{$f.2}}">
41                                                         <img src="{{$f.2}}" alt="{{$f.1}}">
42                                                         <p>{{$f.1}}</p>
43                                                 </a>
44                                         </div>
45                                         {{/foreach}}
46                                 </div>
47                         </div>
48                 </div>
49
50                 <div class="upload">
51                         <button id="upload-{{$type}}"><img id="profile-rotator" src="images/rotator.gif" alt="{{$wait}}" title="{{$wait|escape:'html'}}" style="display: none;" /> {{"Upload"|t}}</button>
52                 </div>
53         </div>
54         <div class="profile-rotator-wrapper" style="display: none;">
55                 <i class="fa fa-circle-o-notch fa-spin" aria-hidden="true"></i>
56         </div>
57 </div>