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

	<!--
		This is the template used by mod/fbrowser.php
	-->
<style>
	#buglink_wrapper{display:none;} /* hide buglink. only in this page */
</style>
{{*<script type="text/javascript" src="{{$baseurl}}/js/ajaxupload.js" ></script>*}}
{{*<script type="text/javascript" src="view/theme/frio/js/filebrowser.js"></script>*}}

<div class="fbrowser {{$type}}">
	<div class="fbrowser-content">
		<input id="fb-nickname" type="hidden" name="type" value="{{$nickname}}" />
		<input id="fb-type" type="hidden" name="type" value="{{$type}}" />

		<div class="error hidden">
			<span></span> <a href="#" class='close'>X</a>
		</div>

		{{* The breadcrumb navigation *}}
		<ol class="path breadcrumb">
			{{foreach $path as $p}}<li><a href="#" data-folder="{{$p.0}}">{{$p.1}}</a></li>{{/foreach}}

			{{* Switch between image and file mode *}}
			<div class="fbswitcher btn-group btn-group-xs pull-right">
				<button type="button" class="btn btn-default" data-mode="image"><i class="fa fa-picture-o" aria-hidden="true"></i></button>
				<button type="button" class="btn btn-default" data-mode="file"><i class="fa fa-file-o" aria-hidden="true"></i></button>
			</div>
		</ol>

		<div class="media">

			{{* List of photo albums *}}
			{{if $folders }}
			<div class="folders media-left">
				<ul>
					{{foreach $folders as $f}}<li><a href="#" data-folder="{{$f.0}}">{{$f.1}}</a></li>{{/foreach}}
				</ul>
			</div>
			{{/if}}

			{{* The main content (images or files) *}}
			<div class="list {{$type}} media-body">
				<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>
						</a>
					</div>
					{{/foreach}}
				</div>
			</div>
		</div>

		<div class="upload">
			<button id="upload-{{$type}}">{{"Upload"|t}}</button>
		</div>
	</div>

	{{* This part contains the conent loader icon which is visible when new conent is loaded *}}
	<div class="profile-rotator-wrapper" style="display: none;">
		<i class="fa fa-circle-o-notch fa-spin" aria-hidden="true"></i>
	</div>
</div>