fuse-angular-filemanager
Version:
A very smart filemanager to manage your files in the browser.
86 lines (79 loc) • 6.78 kB
HTML
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="row">
<div class="col-sm-9 col-md-9 hidden-xs">
<div ng-show="!config.breadcrumb">
<a class="navbar-brand hidden-xs ng-binding" href="">angular-{{"filemanager" | translate}}</a>
</div>
<div ng-include="config.tplPath + '/current-folder-breadcrumb.html'" ng-show="config.breadcrumb">
</div>
</div>
<div class="col-sm-3 col-md-3">
<div class="navbar-collapse">
<div class="navbar-form navbar-right text-right">
<div class="pull-left visible-xs" ng-if="fileNavigator.currentPath.length">
<button class="btn btn-primary btn-flat" ng-click="fileNavigator.upDir()">
<i class="glyphicon glyphicon-chevron-left"></i>
</button>
{{fileNavigator.getCurrentFolderName() | strLimit : 12}}
</div>
<div class="btn-group">
<button class="btn btn-flat btn-sm dropdown-toggle" type="button" id="dropDownMenuSearch" data-toggle="dropdown" aria-expanded="true">
<i class="glyphicon glyphicon-search mr2"></i>
</button>
<div class="dropdown-menu animated fast fadeIn pull-right" role="menu" aria-labelledby="dropDownMenuLang">
<input type="text" class="form-control" ng-show="config.searchForm" placeholder="{{'search' | translate}}..." ng-model="$parent.query">
</div>
</div>
<button class="btn btn-flat btn-sm" ng-click="$parent.setTemplate('main-icons.html')" ng-show="$parent.viewTemplate !=='main-icons.html'" title="{{'icons' | translate}}">
<i class="glyphicon glyphicon-th-large"></i>
</button>
<button class="btn btn-flat btn-sm" ng-click="$parent.setTemplate('main-table.html')" ng-show="$parent.viewTemplate !=='main-table.html'" title="{{'list' | translate}}">
<i class="glyphicon glyphicon-th-list"></i>
</button>
<div class="btn-group">
<button class="btn btn-flat btn-sm dropdown-toggle" type="button" id="dropDownMenuLang" data-toggle="dropdown" aria-expanded="true">
<i class="glyphicon glyphicon-globe mr2"></i>
</button>
<ul class="dropdown-menu scrollable-menu animated fast fadeIn pull-right" role="menu" aria-labelledby="dropDownMenuLang">
<li role="presentation"><a role="menuitem" tabindex="-1" href="" ng-click="changeLanguage('en')">English</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="" ng-click="changeLanguage('zh_tw')">正體中文</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="" ng-click="changeLanguage('zh_cn')">简体中文</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="" ng-click="changeLanguage('es')">Español</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="" ng-click="changeLanguage('nl')">Nederlands</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="" ng-click="changeLanguage('pt')">Portugues</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="" ng-click="changeLanguage('fr')">Français</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="" ng-click="changeLanguage('de')">Deutsch</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="" ng-click="changeLanguage('he')">עברי</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="" ng-click="changeLanguage('it')">italiano</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="" ng-click="changeLanguage('sk')">Slovenčina</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="" ng-click="changeLanguage('ru')">русский</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="" ng-click="changeLanguage('ua')">український</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="" ng-click="changeLanguage('tr')">Türkçe</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="" ng-click="changeLanguage('fa')">فارسی</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="" ng-click="changeLanguage('pl')">Polski</a></li>
</ul>
</div>
<div class="btn-group">
<button class="btn btn-flat btn-sm dropdown-toggle" type="button" id="more" data-toggle="dropdown" aria-expanded="true">
<i class="glyphicon glyphicon-option-vertical"></i>
</button>
<ul class="dropdown-menu scrollable-menu animated fast fadeIn pull-right" role="menu" aria-labelledby="more">
<li role="presentation" ng-show="config.allowedActions.createFolder" ng-click="modal('newfolder') && prepareNewFolder()">
<a href="" role="menuitem" tabindex="-1">
<i class="glyphicon glyphicon-plus"></i> {{"new_folder" | translate}}
</a>
</li>
<li role="presentation" ng-show="config.allowedActions.upload" ng-click="modal('uploadfile')">
<a href="" role="menuitem" tabindex="-1">
<i class="glyphicon glyphicon-cloud-upload"></i> {{"upload_files" | translate}}
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>