friendica/view/theme/frio/templates/filebrowser.tpl

63 lines
2.3 KiB
Smarty
Raw Normal View History

<!--
This is the template used by mod/fbrowser.php
-->
<div id="filebrowser" class="fbrowser {{$type}}" data-nickname="{{$nickname}}" data-type="{{$type}}">
<div class="fbrowser-content">
<div class="error hidden">
<span></span> <button type="button" class="btn btn-link close" aria-label="Close">X</button>
</div>
2016-03-28 14:29:05 +00:00
2017-03-21 22:08:37 +00:00
{{* The breadcrumb navigation *}}
2017-04-05 10:34:00 +00:00
<ol class="path breadcrumb" aria-label="Breadcrumb" role="navigation">
{{foreach $path as $folder => $name}}
<li role="presentation"><a href="#" data-folder="{{$folder}}">{{$name}}</a></li>
{{/foreach}}
2017-03-21 22:08:37 +00:00
{{* Switch between image and file mode *}}
2017-04-05 10:34:00 +00:00
<div class="fbswitcher btn-group btn-group-xs pull-right" aria-label="Switch between image and file mode">
<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>
<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>
</div>
</ol>
2016-03-28 14:29:05 +00:00
<div class="media">
2017-03-21 22:08:37 +00:00
{{* List of photo albums *}}
{{if $folders }}
2017-04-05 10:34:00 +00:00
<div class="folders media-left" role="navigation" aria-label="Album Navigation">
<ul role="menu">
{{foreach $folders as $folder}}
2017-04-05 10:34:00 +00:00
<li role="presentation">
<a href="#" data-folder="{{$folder}}" role="menuitem">{{$folder}}</a>
2017-04-05 10:34:00 +00:00
</li>
{{/foreach}}
</ul>
</div>
{{/if}}
2017-03-21 22:08:37 +00:00
{{* The main content (images or files) *}}
2017-04-05 10:34:00 +00:00
<div class="list {{$type}} media-body" role="main" aria-label="Browser Content">
2017-03-21 19:39:31 +00:00
<div class="fbrowser-content-container">
{{foreach $files as $f}}
<div class="photo-album-image-wrapper">
<a href="#" class="photo-album-photo-link" data-link="{{$f.0}}" data-filename="{{$f.1}}" data-img="{{$f.2}}">
<img src="{{$f.2}}" alt="{{$f.1}}">
<p>{{$f.1}}</p>
2017-03-21 19:39:31 +00:00
</a>
</div>
{{/foreach}}
</div>
</div>
</div>
2016-03-28 14:29:05 +00:00
<div class="upload">
<button id="upload-{{$type}}" type="button" class="btn btn-primary">{{$upload}}</button>
2016-03-28 14:29:05 +00:00
</div>
</div>
2017-03-21 22:08:37 +00:00
{{* This part contains the conent loader icon which is visible when new conent is loaded *}}
2017-04-05 10:34:00 +00:00
<div class="profile-rotator-wrapper" aria-hidden="true" style="display: none;">
<i class="fa fa-circle-o-notch fa-spin" aria-hidden="true"></i>
2016-03-28 14:29:05 +00:00
</div>
</div>