]> git.mxchange.org Git - friendica.git/blob - view/theme/frio/templates/filebrowser.tpl
frio: gui work for fbrowser + switch between image and file mode
[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                                 {{foreach $files as $f}}
38                                 <div class="photo-album-image-wrapper">
39                                         <a href="#" class="photo-album-photo-link" data-link="{{$f.0}}" data-filename="{{$f.1}}" data-img="{{$f.2}}">
40                                                 <img src="{{$f.2}}">
41                                                 <p>{{$f.1}}</p>
42                                         </a>
43                                 </div>
44                                 {{/foreach}}
45                         </div>
46                 </div>
47
48                 <div class="upload">
49                         <button id="upload-{{$type}}"><img id="profile-rotator" src="images/rotator.gif" alt="{{$wait}}" title="{{$wait|escape:'html'}}" style="display: none;" /> {{"Upload"|t}}</button>
50                 </div>
51         </div>
52         <div class="profile-rotator-wrapper" style="display: none;">
53                 <i class="fa fa-circle-o-notch fa-spin" aria-hidden="true"></i>
54         </div>
55 </div>