From 19d7dd78f3bbf595308c6e76edfaa3e16ceffa4f Mon Sep 17 00:00:00 2001
From: amk <a.klapper@herzogkommunikation.de>
Date: Thu, 10 Sep 2020 10:18:07 +0200
Subject: [PATCH] updated filemanager.js

---
 src/assets/dist/angular-filemanager.min.js | 29 +++++++++++++++-------
 1 file changed, 20 insertions(+), 9 deletions(-)

diff --git a/src/assets/dist/angular-filemanager.min.js b/src/assets/dist/angular-filemanager.min.js
index d9c2f7f..1ac3d11 100755
--- a/src/assets/dist/angular-filemanager.min.js
+++ b/src/assets/dist/angular-filemanager.min.js
@@ -77,10 +77,20 @@
         $scope.fileNavigator = new FileNavigator();
         $scope.apiMiddleware = new ApiMiddleware();
         $scope.uploadFileList = [];
-        $scope.viewTemplate = $storage.getItem('viewTemplate') || 'main-icons.html';
+        $scope.viewTemplate = initTemplate();
         $scope.fileList = [];
         $scope.temps = [];
 
+        function initTemplate() {
+            if (!$storage.getItem('viewTemplate')) {
+                return 'main-icons.html';
+            }
+            else if ($storage.getItem('viewTemplate') === 'main-icons-preview.html' && !fileManagerConfig.enableIconPreviewView) {
+                return 'main-icons.html';
+            }
+            else return $storage.getItem('viewTemplate');
+        }      
+            
         $scope.$watch('temps', function() {
             if ($scope.singleSelection()) {
                 $scope.temp = $scope.singleSelection();
@@ -856,8 +866,6 @@
             compressAsync: false,
             extractAsync: false,
             pickCallback: null,
-            thumbnailUrlPrefix: '',
-            thumbnailUrlSuffix: '',
             enableThumbnails: true,
             enableIconPreviewView: false,
 
@@ -2436,9 +2444,13 @@
         };
 
         ApiMiddleware.prototype.getFilePath = function(item) {
-            return item && item.model.fullPath();
+          return item && item.model.fullPath();
         };
 
+        ApiMiddleware.prototype.getThumbnailPath = function (item) {
+          return item && item.model.thumbnail;
+        };
+            
         ApiMiddleware.prototype.list = function(path, customDeferredHandler, recycle) {
             return this.apiHandler.list(fileManagerConfig.listUrl, this.getPath(path), customDeferredHandler, recycle);
         };
@@ -2486,13 +2498,12 @@
         };
 
         ApiMiddleware.prototype.getUrl = function(item) {
-            var itemPath = this.getFilePath(item);
+                var itemPath = this.getFilePath(item);
             return this.apiHandler.getUrl(fileManagerConfig.downloadFileUrl, itemPath);
         };
 
         ApiMiddleware.prototype.getThumbnailUrl = function(item) {
-            var itemPath = this.getFilePath(item);
-            return fileManagerConfig.thumbnailUrlPrefix + this.apiHandler.getUrl(fileManagerConfig.downloadFileUrl, itemPath) + fileManagerConfig.thumbnailUrlSuffix;
+            return this.getThumbnailPath(item);
         };
 
         ApiMiddleware.prototype.enableThumbnails = function () {
@@ -3815,12 +3826,12 @@ angular.module( 'isteven-multi-select', ['ng'] ).directive( 'istevenMultiSelect'
 
 angular.module("FileManagerApp").run(["$templateCache", function($templateCache) {$templateCache.put("src/templates/current-folder-breadcrumb.html","<ol class=\"breadcrumb\">\n    <li>\n        <a href=\"\" ng-click=\"fileNavigator.goTo(-1)\">\n            {{ config.appName }}\n        </a>\n    </li>\n    <li ng-repeat=\"(key, dir) in fileNavigator.currentPath track by key\" ng-class=\"{\'active\':$last}\" class=\"animated fast fadeIn\">\n        <a href=\"\" ng-show=\"!$last\" ng-click=\"fileNavigator.goTo(key)\">\n            {{dir | strLimit : 8}}\n        </a>\n        <span ng-show=\"$last\">\n            {{dir | strLimit : 12}}\n        </span>\n    </li>\n</ol>");
 $templateCache.put("src/templates/item-context-menu.html","<div id=\"context-menu\" class=\"dropdown clearfix animated fast fadeIn\">\n    <ul class=\"dropdown-menu dropdown-right-click\" role=\"menu\" aria-labelledby=\"dropdownMenu\" ng-show=\"temps.length\">\n\n        <li ng-show=\"singleSelection() && singleSelection().isFolder()\">\n            <a href=\"\" tabindex=\"-1\" ng-click=\"smartClick(singleSelection())\">\n                <i class=\"glyphicon glyphicon-folder-open\"></i> {{\'open\' | translate}}\n            </a>\n        </li>\n\n        <li ng-show=\"config.pickCallback && singleSelection() && singleSelection().isSelectable()\">\n            <a href=\"\" tabindex=\"-1\" ng-click=\"config.pickCallback(singleSelection().model)\">\n                <i class=\"glyphicon glyphicon-hand-up\"></i> {{\'select_this\' | translate}}\n            </a>\n        </li>\n\n        <li ng-show=\"config.allowedActions.download && !selectionHas(\'dir\') && singleSelection()\">\n            <a href=\"\" tabindex=\"-1\" ng-click=\"download()\">\n                <i class=\"glyphicon glyphicon-cloud-download\"></i> {{\'download\' | translate}}\n            </a>\n        </li>\n\n        <li ng-show=\"config.allowedActions.downloadLink && !selectionHas(\'dir\') && singleSelection()\">\n            <a href=\"\" tabindex=\"-1\" ng-click=\"downloadLink()\">\n                <i class=\"glyphicon glyphicon-link\"></i> {{\'copy_links\' | translate}}\n            </a>\n        </li>\n\n        <li ng-show=\"config.allowedActions.downloadMultiple && !selectionHas(\'dir\') && !singleSelection()\">\n            <a href=\"\" tabindex=\"-1\" ng-click=\"download()\">\n                <i class=\"glyphicon glyphicon-cloud-download\"></i> {{\'download_as_zip\' | translate}}\n            </a>\n        </li>\n\n        <li ng-show=\"config.allowedActions.preview && singleSelection().isImage() && singleSelection()\">\n            <a href=\"\" tabindex=\"-1\" ng-click=\"openImagePreview()\">\n                <i class=\"glyphicon glyphicon-picture\"></i> {{\'view_item\' | translate}}\n            </a>\n        </li>\n\n        <li ng-show=\"config.allowedActions.rename && singleSelection()\">\n            <a href=\"\" tabindex=\"-1\" ng-click=\"modal(\'rename\')\">\n                <i class=\"glyphicon glyphicon-edit\"></i> {{\'rename\' | translate}}\n            </a>\n        </li>\n\n        <li ng-show=\"config.allowedActions.move\">\n            <a href=\"\" tabindex=\"-1\" ng-click=\"modalWithPathSelector(\'move\')\">\n                <i class=\"glyphicon glyphicon-arrow-right\"></i> {{\'move\' | translate}}\n            </a>\n        </li>\n\n        <li ng-show=\"config.allowedActions.copy && !selectionHas(\'dir\')\">\n            <a href=\"\" tabindex=\"-1\" ng-click=\"modalWithPathSelector(\'copy\')\">\n                <i class=\"glyphicon glyphicon-log-out\"></i> {{\'copy\' | translate}}\n            </a>\n        </li>\n\n        <li ng-show=\"config.allowedActions.edit && singleSelection() && singleSelection().isEditable()\">\n            <a href=\"\" tabindex=\"-1\" ng-click=\"openEditItem()\">\n                <i class=\"glyphicon glyphicon-pencil\"></i> {{\'edit\' | translate}}\n            </a>\n        </li>\n\n        <li ng-show=\"config.allowedActions.changePermissions\">\n            <a href=\"\" tabindex=\"-1\" ng-click=\"updatePermissions(singleSelection())\">\n                <i class=\"glyphicon glyphicon-lock\"></i> {{\'permissions\' | translate}}\n            </a>\n        </li>\n\n        <li ng-show=\"config.allowedActions.compress && (!singleSelection() || selectionHas(\'dir\'))\">\n            <a href=\"\" tabindex=\"-1\" ng-click=\"modal(\'compress\')\">\n                <i class=\"glyphicon glyphicon-compressed\"></i> {{\'compress\' | translate}}\n            </a>\n        </li>\n\n        <li ng-show=\"config.allowedActions.extract && singleSelection() && singleSelection().isExtractable()\">\n            <a href=\"\" tabindex=\"-1\" ng-click=\"modal(\'extract\')\">\n                <i class=\"glyphicon glyphicon-export\"></i> {{\'extract\' | translate}}\n            </a>\n        </li>\n\n        <li class=\"divider\" ng-show=\"config.allowedActions.remove\"></li>\n        \n        <li ng-show=\"config.allowedActions.remove\">\n            <a href=\"\" tabindex=\"-1\" ng-click=\"modal(\'remove\')\">\n                <i class=\"glyphicon glyphicon-trash\"></i> {{\'remove\' | translate}}\n            </a>\n        </li>\n\n    </ul>\n\n    <ul class=\"dropdown-menu dropdown-right-click\" role=\"menu\" aria-labelledby=\"dropdownMenu\" ng-show=\"!temps.length\">\n        <li ng-show=\"config.allowedActions.createFolder\">\n            <a href=\"\" tabindex=\"-1\" ng-click=\"modal(\'newfolder\') && prepareNewFolder()\">\n                <i class=\"glyphicon glyphicon-plus\"></i> {{\'new_folder\' | translate}}\n            </a>\n        </li>\n        <li ng-show=\"config.allowedActions.upload\">\n            <a href=\"\" tabindex=\"-1\" ng-click=\"modal(\'uploadfile\')\">\n                <i class=\"glyphicon glyphicon-cloud-upload\"></i> {{\'upload_files\' | translate}}\n            </a>\n        </li>\n    </ul>\n</div>");
-$templateCache.put("src/templates/main-icons-preview.html","<div class=\"iconset noselect\">\n    <div class=\"item-list clearfix\" ng-click=\"selectOrUnselect(null, $event)\" ng-right-click=\"selectOrUnselect(null, $event)\" prevent=\"true\">\n        <div class=\"col-120\" ng-repeat=\"item in $parent.fileList = (fileNavigator.fileList | filter: {model:{name: query}})\" ng-show=\"!fileNavigator.requesting && !fileNavigator.error\">\n            <a href=\"\" class=\"thumbnail text-center\" ng-click=\"selectOrUnselect(item, $event)\" ng-dblclick=\"smartClick(item)\" ng-right-click=\"selectOrUnselect(item, $event)\" title=\"{{item.model.name}} ({{item.model.size | humanReadableFileSize}})\" ng-class=\"{selected: isSelected(item)}\">\n                <div class=\"item-icon\">\n                    <i class=\"glyphicon glyphicon-folder-open\" ng-show=\"item.model.type === \'dir\'\"></i>\n                    <div ng-show=\"item.model.type === \'file\' && item.isImage() && apiMiddleware.enableThumbnails()\" class=\"image-preview-thumbnail\">\n                        <img ng-if=\"apiMiddleware.enableThumbnails()\" src=\"{{ apiMiddleware.getUrl(item) }}\" alt=\"{{item.model.name}}\">\n                    </div>\n                    <i class=\"glyphicon glyphicon-picture\" ng-if=\"!apiMiddleware.enableThumbnails() && item.model.type === \'file\' && item.isImage()\" data-ext=\"{{ item.model.name | fileExtension }}\" ng-class=\"{\'item-extension\': config.showExtensionIcons}\"></i>\n                    <i class=\"glyphicon glyphicon-file\" data-ext=\"{{ item.model.name | fileExtension }}\" ng-show=\"item.model.type === \'file\' && !item.isImage()\" ng-class=\"{\'item-extension\': config.showExtensionIcons}\"></i>\n                </div>\n                {{item.model.name | strLimit : 11 }}\n            </a>\n        </div>\n    </div>\n\n    <div ng-show=\"fileNavigator.requesting\">\n        <div ng-include=\"config.tplPath + \'/spinner.html\'\"></div>\n    </div>\n\n    <div class=\"alert alert-warning\" ng-show=\"!fileNavigator.requesting && fileNavigator.fileList.length < 1 && !fileNavigator.error\">\n        {{\"no_files_in_folder\" | translate}}...\n    </div>\n    \n    <div class=\"alert alert-danger\" ng-show=\"!fileNavigator.requesting && fileNavigator.error\">\n        {{ fileNavigator.error }}\n    </div>\n</div>");
+$templateCache.put("src/templates/main-icons-preview.html","<div class=\"iconset noselect\">\n    <div class=\"item-list clearfix\" ng-click=\"selectOrUnselect(null, $event)\" ng-right-click=\"selectOrUnselect(null, $event)\" prevent=\"true\">\n        <div class=\"col-120\" ng-repeat=\"item in $parent.fileList = (fileNavigator.fileList | filter: {model:{name: query}})\" ng-show=\"!fileNavigator.requesting && !fileNavigator.error\">\n            <a href=\"\" class=\"thumbnail text-center\" ng-click=\"selectOrUnselect(item, $event)\" ng-dblclick=\"smartClick(item)\" ng-right-click=\"selectOrUnselect(item, $event)\" title=\"{{item.model.name}} ({{item.model.size | humanReadableFileSize}})\" ng-class=\"{selected: isSelected(item)}\">\n                <div class=\"item-icon\">\n                    <i class=\"glyphicon glyphicon-folder-open\" ng-show=\"item.model.type === \'dir\'\"></i>\n                    <div ng-show=\"item.model.type === \'file\' && item.isImage() && apiMiddleware.enableThumbnails()\" class=\"image-preview-thumbnail\">\n                        <img ng-if=\"apiMiddleware.enableThumbnails()\" src=\"{{ apiMiddleware.getThumbnailUrl(item) }}\" alt=\"{{item.model.name}}\">\n                    </div>\n                    <i class=\"glyphicon glyphicon-picture\" ng-if=\"!apiMiddleware.enableThumbnails() && item.model.type === \'file\' && item.isImage()\" data-ext=\"{{ item.model.name | fileExtension }}\" ng-class=\"{\'item-extension\': config.showExtensionIcons}\"></i>\n                    <i class=\"glyphicon glyphicon-file\" data-ext=\"{{ item.model.name | fileExtension }}\" ng-show=\"item.model.type === \'file\' && !item.isImage()\" ng-class=\"{\'item-extension\': config.showExtensionIcons}\"></i>\n                </div>\n                {{item.model.name | strLimit : 11 }}\n            </a>\n        </div>\n    </div>\n\n    <div ng-show=\"fileNavigator.requesting\">\n        <div ng-include=\"config.tplPath + \'/spinner.html\'\"></div>\n    </div>\n\n    <div class=\"alert alert-warning\" ng-show=\"!fileNavigator.requesting && fileNavigator.fileList.length < 1 && !fileNavigator.error\">\n        {{\"no_files_in_folder\" | translate}}...\n    </div>\n    \n    <div class=\"alert alert-danger\" ng-show=\"!fileNavigator.requesting && fileNavigator.error\">\n        {{ fileNavigator.error }}\n    </div>\n</div>");
 $templateCache.put("src/templates/main-icons.html","<div class=\"iconset noselect\">\n    <div class=\"item-list clearfix\" ng-click=\"selectOrUnselect(null, $event)\" ng-right-click=\"selectOrUnselect(null, $event)\" prevent=\"true\">\n        <div class=\"col-120\" ng-repeat=\"item in $parent.fileList = (fileNavigator.fileList | filter: {model:{name: query}})\" ng-show=\"!fileNavigator.requesting && !fileNavigator.error\">\n            <a href=\"\" class=\"thumbnail text-center\" ng-click=\"selectOrUnselect(item, $event)\" ng-dblclick=\"smartClick(item)\" ng-right-click=\"selectOrUnselect(item, $event)\" title=\"{{item.model.name}} ({{item.model.size | humanReadableFileSize}})\" ng-class=\"{selected: isSelected(item)}\">\n                <div class=\"item-icon\">\n                    <i class=\"glyphicon glyphicon-folder-open\" ng-show=\"item.model.type === \'dir\'\"></i>\n                    <i class=\"glyphicon glyphicon-file\" data-ext=\"{{ item.model.name | fileExtension }}\" ng-show=\"item.model.type === \'file\'\" ng-class=\"{\'item-extension\': config.showExtensionIcons}\"></i>\n                </div>\n                {{item.model.name | strLimit : 11 }}\n            </a>\n        </div>\n    </div>\n\n    <div ng-show=\"fileNavigator.requesting\">\n        <div ng-include=\"config.tplPath + \'/spinner.html\'\"></div>\n    </div>\n\n    <div class=\"alert alert-warning\" ng-show=\"!fileNavigator.requesting && fileNavigator.fileList.length < 1 && !fileNavigator.error\">\n        {{\"no_files_in_folder\" | translate}}...\n    </div>\n    \n    <div class=\"alert alert-danger\" ng-show=\"!fileNavigator.requesting && fileNavigator.error\">\n        {{ fileNavigator.error }}\n    </div>\n</div>");
 $templateCache.put("src/templates/main-table-modal.html","<table class=\"table table-condensed table-modal-condensed mb0\">\n    <thead>\n        <tr>\n            <th>\n                <a href=\"\" ng-click=\"order(\'model.name\')\" class=\"table-th-label\">\n                    {{\"name\" | translate}}\n                    <span class=\"sortorder\" ng-show=\"predicate[1] === \'model.name\'\" ng-class=\"{reverse:reverse}\"></span>\n                </a>\n            </th>\n            <th class=\"text-right\"></th>\n        </tr>\n    </thead>\n    <tbody class=\"file-item\">\n        <tr ng-show=\"fileNavigator.requesting\">\n            <td colspan=\"2\">\n                <div ng-include=\"config.tplPath + \'/spinner.html\'\"></div>\n            </td>\n        </tr>\n        <tr ng-show=\"!fileNavigator.requesting && !fileNavigator.listHasFolders() && !fileNavigator.error\">\n            <td>\n                {{\"no_folders_in_folder\" | translate}}...\n            </td>\n            <td class=\"text-right\">\n                <button class=\"btn btn-sm btn-default\" ng-click=\"fileNavigator.upDir()\">{{\"go_back\" | translate}}</button>\n            </td>\n        </tr>\n        <tr ng-show=\"!fileNavigator.requesting && fileNavigator.error\">\n            <td colspan=\"2\">\n                {{ fileNavigator.error }}\n            </td>\n        </tr>\n        <tr ng-repeat=\"item in fileNavigator.fileList | orderBy:predicate:reverse\" ng-show=\"!fileNavigator.requesting && item.model.type === \'dir\'\" ng-if=\"!selectedFilesAreChildOfPath(item)\">\n            <td>\n                <a href=\"\" ng-click=\"fileNavigator.folderClick(item)\" title=\"{{item.model.name}} ({{item.model.size | humanReadableFileSize}})\">\n                    <i class=\"glyphicon glyphicon-folder-close\"></i>\n                    {{item.model.name | strLimit : 32}}\n                </a>\n            </td>\n            <td class=\"text-right\">\n                <button class=\"btn btn-sm btn-default\" ng-click=\"select(item)\">\n                    <i class=\"glyphicon glyphicon-hand-up\"></i> {{\"select_this\" | translate}}\n                </button>\n            </td>\n        </tr>\n    </tbody>\n</table>");
 $templateCache.put("src/templates/main-table.html","<table class=\"table mb0 table-files noselect\">\n    <thead>\n        <tr>\n            <th>\n                <a href=\"\" ng-click=\"order(\'model.name\')\" class=\"table-th-label\">\n                    {{\"name\" | translate}}\n                    <span class=\"sortorder\" ng-show=\"predicate[1] === \'model.name\'\" ng-class=\"{reverse:reverse}\"></span>\n                </a>\n            </th>\n            <th class=\"hidden-xs\" ng-hide=\"config.hideSize\">\n                <a href=\"\" ng-click=\"order(\'model.size\')\">\n                    {{\"size\" | translate}}\n                    <span class=\"sortorder\" ng-show=\"predicate[1] === \'model.size\'\" ng-class=\"{reverse:reverse}\"></span>\n                </a>\n            </th>\n            <th class=\"hidden-sm hidden-xs\" ng-hide=\"config.hideDate\">\n                <a href=\"\" ng-click=\"order(\'model.date\')\">\n                    {{\"date\" | translate}}\n                    <span class=\"sortorder\" ng-show=\"predicate[1] === \'model.date\'\" ng-class=\"{reverse:reverse}\"></span>\n                </a>\n            </th>\n            <th class=\"hidden-sm hidden-xs\" ng-hide=\"config.hidePermissions\">\n                <a href=\"\" ng-click=\"order(\'model.permissions\')\">\n                    {{\"permissions\" | translate}}\n                    <span class=\"sortorder\" ng-show=\"predicate[1] === \'model.permissions\'\" ng-class=\"{reverse:reverse}\"></span>\n                </a>\n            </th>\n        </tr>\n    </thead>\n    <tbody class=\"file-item\">\n        <tr ng-show=\"fileNavigator.requesting\">\n            <td colspan=\"5\">\n                <div ng-include=\"config.tplPath + \'/spinner.html\'\"></div>\n            </td>\n        </tr>\n        <tr ng-show=\"!fileNavigator.requesting &amp;&amp; fileNavigator.fileList.length < 1 &amp;&amp; !fileNavigator.error\">\n            <td colspan=\"5\">\n                {{\"no_files_in_folder\" | translate}}...\n            </td>\n        </tr>\n        <tr ng-show=\"!fileNavigator.requesting &amp;&amp; fileNavigator.error\">\n            <td colspan=\"5\">\n                {{ fileNavigator.error }}\n            </td>\n        </tr>\n        <tr class=\"item-list\" ng-repeat=\"item in $parent.fileList = (fileNavigator.fileList | filter: {model:{name: query}} | orderBy:predicate:reverse)\" ng-show=\"!fileNavigator.requesting\" ng-click=\"selectOrUnselect(item, $event)\" ng-dblclick=\"smartClick(item)\" ng-right-click=\"selectOrUnselect(item, $event)\" ng-class=\"{selected: isSelected(item)}\">\n            <td>\n                <a href=\"\" title=\"{{item.model.name}} ({{item.model.size | humanReadableFileSize}})\">\n                    <i class=\"glyphicon glyphicon-folder-close\" ng-show=\"item.model.type === \'dir\'\"></i>\n                    <i class=\"glyphicon glyphicon-file\" ng-show=\"item.model.type === \'file\'\"></i>\n                    {{item.model.name | strLimit : 64}}\n                </a>\n            </td>\n            <td class=\"hidden-xs\">\n                <span ng-show=\"item.model.type !== \'dir\' || config.showSizeForDirectories\">\n                    {{item.model.size | humanReadableFileSize}}\n                </span>\n            </td>\n            <td class=\"hidden-sm hidden-xs\" ng-hide=\"config.hideDate\">\n                {{item.model.date | formatDate }}\n            </td>\n            <td class=\"hidden-sm hidden-xs\" ng-hide=\"config.hidePermissions\">\n                {{item.model.perms.toCode(item.model.type === \'dir\'?\'d\':\'-\')}}\n            </td>\n        </tr>\n    </tbody>\n</table>\n");
 $templateCache.put("src/templates/main.html","<div ng-controller=\"FileManagerCtrl\" ngf-drop=\"addForUpload($files)\" ngf-drag-over-class=\"\'upload-dragover\'\" ngf-multiple=\"true\">\n    <div ng-include=\"config.tplPath + \'/navbar.html\'\"></div>\n\n    <div class=\"container-fluid\">\n        <div class=\"row\">\n\n            <div class=\"col-sm-4 col-md-3 sidebar file-tree animated slow fadeIn\" ng-include=\"config.tplPath + \'/sidebar.html\'\" ng-show=\"config.sidebar &amp;&amp; fileNavigator.history[0]\">\n            </div>\n\n            <div class=\"main\" ng-class=\"config.sidebar &amp;&amp; fileNavigator.history[0] &amp;&amp; \'col-sm-8 col-md-9\'\">\n                <div ng-include=\"config.tplPath + \'/\' + viewTemplate\" class=\"main-navigation clearfix\"></div>\n            </div>\n        </div>\n    </div>\n\n    <div ng-include=\"config.tplPath + \'/modals.html\'\"></div>\n    <div ng-include=\"config.tplPath + \'/item-context-menu.html\'\"></div>\n</div>\n");
 $templateCache.put("src/templates/modals.html","<div class=\"modal animated fadeIn\" id=\"imagepreview\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header\">\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\n            <span aria-hidden=\"true\">&times;</span>\n            <span class=\"sr-only\">{{\"close\" | translate}}</span>\n        </button>\n        <h4 class=\"modal-title\">{{\"preview\" | translate}}</h4>\n      </div>\n      <div class=\"modal-body\">\n        <div class=\"text-center\">\n\n          <img id=\"imagepreview-target\" class=\"preview\" alt=\"{{singleSelection().model.name}}\" ng-class=\"{\'loading\': apiMiddleware.apiHandler.inprocess}\">\n          <span class=\"label label-warning\" ng-show=\"apiMiddleware.apiHandler.inprocess\">{{\'loading\' | translate}} ...</span>\n        </div>\n        <div ng-include data-src=\"\'error-bar\'\" class=\"clearfix\"></div>\n      </div>\n      <div class=\"modal-footer\">\n        <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\">{{\"close\" | translate}}</button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"modal animated fadeIn\" id=\"remove\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n    <form ng-submit=\"remove()\">\n      <div class=\"modal-header\">\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" ng-click=\"$parent.refreshLocation()\">\n            <span aria-hidden=\"true\">&times;</span>\n            <span class=\"sr-only\">{{\"close\" | translate}}</span>\n        </button>\n        <h4 class=\"modal-title\">{{\"confirm\" | translate}}</h4>\n      </div>\n      <div class=\"modal-body\">\n        {{\'sure_to_delete\' | translate}} <span ng-include data-src=\"\'selected-files-msg\'\"></span>\n\n        <div ng-include data-src=\"\'error-bar\'\" class=\"clearfix\"></div>\n      </div>\n      <div class=\"modal-footer\">\n        <button type=\"button\" class=\"btn btn-default\" ng-click=\"$parent.refreshLocation()\" data-dismiss=\"modal\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\">{{\"cancel\" | translate}}</button>\n        <button type=\"submit\" class=\"btn btn-primary\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\" autofocus=\"autofocus\">{{\"remove\" | translate}}</button>\n      </div>\n      </form>\n    </div>\n  </div>\n</div>\n\n<div class=\"modal animated fadeIn\" id=\"move\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n        <form ng-submit=\"move()\">\n            <div class=\"modal-header\">\n              <button type=\"button\" class=\"close\" data-dismiss=\"modal\" ng-click=\"$parent.refreshLocation()\">\n                  <span aria-hidden=\"true\">&times;</span>\n                  <span class=\"sr-only\">{{\"close\" | translate}}</span>\n              </button>\n              <h4 class=\"modal-title\">{{\'move\' | translate}}</h4>\n            </div>\n            <div class=\"modal-body\">\n              <div ng-include data-src=\"\'path-selector\'\" class=\"clearfix\"></div>\n              <div ng-include data-src=\"\'error-bar\'\" class=\"clearfix\"></div>\n            </div>\n            <div class=\"modal-footer\">\n              <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\" ng-click=\"$parent.refreshLocation()\">{{\"cancel\" | translate}}</button>\n              <button type=\"submit\" class=\"btn btn-primary\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\">{{\'move\' | translate}}</button>\n            </div>\n        </form>\n    </div>\n  </div>\n</div>\n\n\n<div class=\"modal animated fadeIn\" id=\"rename\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n        <form ng-submit=\"rename()\">\n            <div class=\"modal-header\">\n              <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\n                  <span aria-hidden=\"true\">&times;</span>\n                  <span class=\"sr-only\">{{\"close\" | translate}}</span>\n              </button>\n              <h4 class=\"modal-title\">{{\'rename\' | translate}}</h4>\n            </div>\n            <div class=\"modal-body\">\n              <label class=\"radio\">{{\'enter_new_name_for\' | translate}} <b>{{singleSelection() && singleSelection().model.name}}</b></label>\n              <input class=\"form-control\" ng-model=\"singleSelection().tempModel.name\" autofocus=\"autofocus\">\n\n              <div ng-include data-src=\"\'error-bar\'\" class=\"clearfix\"></div>\n            </div>\n            <div class=\"modal-footer\">\n              <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\">{{\"cancel\" | translate}}</button>\n              <button type=\"submit\" class=\"btn btn-primary\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\">{{\'rename\' | translate}}</button>\n            </div>\n        </form>\n    </div>\n  </div>\n</div>\n\n<div class=\"modal animated fadeIn\" id=\"copy\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n        <form ng-submit=\"copy()\">\n            <div class=\"modal-header\">\n              <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\n                  <span aria-hidden=\"true\">&times;</span>\n                  <span class=\"sr-only\">{{\"close\" | translate}}</span>\n              </button>\n              <h4 class=\"modal-title\">{{\'copy_file\' | translate}}</h4>\n            </div>\n            <div class=\"modal-body\">\n              <div ng-show=\"singleSelection()\">\n                <label class=\"radio\">{{\'enter_new_name_for\' | translate}} <b>{{singleSelection().model.name}}</b></label>\n                <input class=\"form-control\" ng-model=\"singleSelection().tempModel.name\" autofocus=\"autofocus\">\n              </div>\n\n              <div ng-include data-src=\"\'path-selector\'\" class=\"clearfix\"></div>\n              <div ng-include data-src=\"\'error-bar\'\" class=\"clearfix\"></div>\n            </div>\n            <div class=\"modal-footer\">\n              <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\">{{\"cancel\" | translate}}</button>\n              <button type=\"submit\" class=\"btn btn-primary\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\">{{\"copy\" | translate}}</button>\n            </div>\n        </form>\n    </div>\n  </div>\n</div>\n\n<div class=\"modal animated fadeIn\" id=\"compress\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n        <form ng-submit=\"compress()\">\n            <div class=\"modal-header\">\n              <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\n                  <span aria-hidden=\"true\">&times;</span>\n                  <span class=\"sr-only\">{{\"close\" | translate}}</span>\n              </button>\n              <h4 class=\"modal-title\">{{\'compress\' | translate}}</h4>\n            </div>\n            <div class=\"modal-body\">\n              <div ng-show=\"apiMiddleware.apiHandler.asyncSuccess\">\n                  <div class=\"label label-success error-msg\">{{\'compression_started\' | translate}}</div>\n              </div>\n              <div ng-hide=\"apiMiddleware.apiHandler.asyncSuccess\">\n                  <div ng-hide=\"config.allowedActions.compressChooseName\">\n                    {{\'sure_to_start_compression_with\' | translate}} <b>{{singleSelection().model.name}}</b> ?\n                  </div>\n                  <div ng-show=\"config.allowedActions.compressChooseName\">\n                    <label class=\"radio\">\n                      {{\'enter_file_name_for_compression\' | translate}}\n                      <span ng-include data-src=\"\'selected-files-msg\'\"></span>\n                    </label>\n                    <input class=\"form-control\" ng-model=\"temp.tempModel.name\" autofocus=\"autofocus\">\n                  </div>\n              </div>\n\n              <div ng-include data-src=\"\'error-bar\'\" class=\"clearfix\"></div>\n            </div>\n            <div class=\"modal-footer\">\n              <div ng-show=\"apiMiddleware.apiHandler.asyncSuccess\">\n                  <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\">{{\"close\" | translate}}</button>\n              </div>\n              <div ng-hide=\"apiMiddleware.apiHandler.asyncSuccess\">\n                  <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\">{{\"cancel\" | translate}}</button>\n                  <button type=\"submit\" class=\"btn btn-primary\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\">{{\'compress\' | translate}}</button>\n              </div>\n            </div>\n        </form>\n    </div>\n  </div>\n</div>\n\n<div class=\"modal animated fadeIn\" id=\"extract\" ng-init=\"singleSelection().emptyName()\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n        <form ng-submit=\"extract()\">\n            <div class=\"modal-header\">\n              <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\n                  <span aria-hidden=\"true\">&times;</span>\n                  <span class=\"sr-only\">{{\"close\" | translate}}</span>\n              </button>\n              <h4 class=\"modal-title\">{{\'extract_item\' | translate}}</h4>\n            </div>\n            <div class=\"modal-body\">\n              <div ng-show=\"apiMiddleware.apiHandler.asyncSuccess\">\n                  <div class=\"label label-success error-msg\">{{\'extraction_started\' | translate}}</div>\n              </div>\n              <div ng-hide=\"apiMiddleware.apiHandler.asyncSuccess\">\n                  <label class=\"radio\">{{\'enter_folder_name_for_extraction\' | translate}} <b>{{singleSelection().model.name}}</b></label>\n                  <input class=\"form-control\" ng-model=\"singleSelection().tempModel.name\" autofocus=\"autofocus\">\n              </div>\n              <div ng-include data-src=\"\'error-bar\'\" class=\"clearfix\"></div>\n            </div>\n            <div class=\"modal-footer\">\n              <div ng-show=\"apiMiddleware.apiHandler.asyncSuccess\">\n                  <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\">{{\"close\" | translate}}</button>\n              </div>\n              <div ng-hide=\"apiMiddleware.apiHandler.asyncSuccess\">\n                  <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\">{{\"cancel\" | translate}}</button>\n                  <button type=\"submit\" class=\"btn btn-primary\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\">{{\'extract\' | translate}}</button>\n              </div>\n            </div>\n        </form>\n    </div>\n  </div>\n</div>\n\n<div class=\"modal animated fadeIn\" id=\"edit\" ng-class=\"{\'modal-fullscreen\': fullscreen}\">\n  <div class=\"modal-dialog modal-lg\">\n    <div class=\"modal-content\">\n        <form ng-submit=\"edit()\">\n            <div class=\"modal-header\">\n              <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\n                  <span aria-hidden=\"true\">&times;</span>\n                  <span class=\"sr-only\">{{\"close\" | translate}}</span>\n              </button>\n              <button type=\"button\" class=\"close fullscreen\" ng-click=\"fullscreen=!fullscreen\">\n                  <i class=\"glyphicon glyphicon-fullscreen\"></i>\n                  <span class=\"sr-only\">{{\'toggle_fullscreen\' | translate}}</span>\n              </button>\n              <h4 class=\"modal-title\">{{\'edit_file\' | translate}}</h4>\n            </div>\n            <div class=\"modal-body\">\n                <label class=\"radio bold\">{{ singleSelection().model.fullPath() }}</label>\n                <span class=\"label label-warning\" ng-show=\"apiMiddleware.apiHandler.inprocess\">{{\'loading\' | translate}} ...</span>\n                <textarea class=\"form-control code\" ng-model=\"singleSelection().tempModel.content\" ng-show=\"!apiMiddleware.apiHandler.inprocess\" autofocus=\"autofocus\"></textarea>\n                <div ng-include data-src=\"\'error-bar\'\" class=\"clearfix\"></div>\n            </div>\n            <div class=\"modal-footer\">\n              <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\">{{\'close\' | translate}}</button>\n              <button type=\"submit\" class=\"btn btn-primary\" ng-show=\"config.allowedActions.edit\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\">{{\'edit\' | translate}}</button>\n            </div>\n        </form>\n    </div>\n  </div>\n</div>\n\n<div class=\"modal animated fadeIn\" id=\"newfolder\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n        <form ng-submit=\"createFolder()\">\n            <div class=\"modal-header\">\n              <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\n                  <span aria-hidden=\"true\">&times;</span>\n                  <span class=\"sr-only\">{{\"close\" | translate}}</span>\n              </button>\n              <h4 class=\"modal-title\">{{\'new_folder\' | translate}}</h4>\n            </div>\n            <div class=\"modal-body\">\n              <label class=\"radio\">{{\'folder_name\' | translate}}</label>\n              <input class=\"form-control\" ng-model=\"singleSelection().tempModel.name\" autofocus=\"autofocus\">\n              <div ng-include data-src=\"\'error-bar\'\" class=\"clearfix\"></div>\n            </div>\n            <div class=\"modal-footer\">\n              <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\">{{\"cancel\" | translate}}</button>\n              <button type=\"submit\" class=\"btn btn-primary\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\">{{\'create\' | translate}}</button>\n            </div>\n        </form>\n    </div>\n  </div>\n</div>\n\n<div class=\"modal animated fadeIn\" id=\"uploadfile\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n        <form ng-submit=\"uploadFiles()\">\n            <div class=\"modal-header\">\n              <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\n                  <span aria-hidden=\"true\">&times;</span>\n                  <span class=\"sr-only\">{{\"close\" | translate}}</span>\n              </button>\n              <h4 class=\"modal-title\">{{\"upload_files\" | translate}}</h4>\n            </div>\n            <div class=\"modal-body\">\n              <label class=\"radio\">\n                {{\"files_will_uploaded_to\" | translate}}\n                <b>/{{fileNavigator.currentPath.join(\'/\')}}</b>\n              </label>\n              <button class=\"btn btn-default btn-block\" ngf-select=\"$parent.addForUpload($files)\" ngf-multiple=\"true\">\n                {{\"select_files\" | translate}}\n              </button>\n\n              <div class=\"upload-list\">\n                <ul class=\"list-group\">\n                  <li class=\"list-group-item\" ng-repeat=\"(index, uploadFile) in $parent.uploadFileList\">\n                    <button class=\"btn btn-sm btn-danger pull-right\" ng-click=\"$parent.removeFromUpload(index)\">\n                        &times;\n                    </button>\n                    <h5 class=\"list-group-item-heading\">{{uploadFile.name}}</h5>\n                    <p class=\"list-group-item-text\">{{uploadFile.size | humanReadableFileSize}}</p>\n                  </li>\n                </ul>\n                <div ng-show=\"apiMiddleware.apiHandler.inprocess\">\n                  <em>{{\"uploading\" | translate}}... {{apiMiddleware.apiHandler.progress}}%</em>\n                  <div class=\"progress mb0\">\n                    <div class=\"progress-bar active\" role=\"progressbar\" aria-valuenow=\"{{apiMiddleware.apiHandler.progress}}\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: {{apiMiddleware.apiHandler.progress}}%\"></div>\n                  </div>\n                </div>\n              </div>\n              <div ng-include data-src=\"\'error-bar\'\" class=\"clearfix\"></div>\n            </div>\n            <div class=\"modal-footer\">\n              <div>\n                  <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\">{{\"cancel\" | translate}}</button>\n                  <button type=\"submit\" class=\"btn btn-primary\" ng-disabled=\"!$parent.uploadFileList.length || apiMiddleware.apiHandler.inprocess\">{{\'upload\' | translate}}</button>\n              </div>\n            </div>\n        </form>\n    </div>\n  </div>\n</div>\n\n<div class=\"modal animated fadeIn\" id=\"changepermissions\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n        <form ng-submit=\"changePermissions()\">\n            <input type=\"hidden\" ng-model=\"singleSelection().tempModel.name\">\n            <div class=\"modal-header\">\n              <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\n                  <span aria-hidden=\"true\">&times;</span>\n                  <span class=\"sr-only\">{{\"close\" | translate}}</span>\n              </button>\n              <h4 class=\"modal-title\">{{\'change_permissions\' | translate}}</h4>\n            </div>\n            <div class=\"modal-body\">\n                <div class=\"row\">\n                    <div class=\"col-xs-12\">\n                        <h4>{{\'read\' | translate}}</h4>\n                        <div\n                                isteven-multi-select\n                                input-model=\"singleSelection().model.authRead\"\n                                output-model=\"singleSelection().tempModel.authRead\"\n                                button-label=\"role\"\n                                item-label=\"role\"\n                                tick-property=\"selected\"\n                                output-properties=\"role selected\"\n                                class=\"permission-multi-select-button\"\n                                >\n                        </div>\n                    </div>\n                </div>\n                <hr>\n                <div class=\"row\">\n                    <div class=\"col-xs-12\">\n                        <h4>{{\'write\' | translate}}</h4>\n\n                        <div\n                                isteven-multi-select\n                                input-model=\"singleSelection().model.authUpdate\"\n                                output-model=\"singleSelection().tempModel.authUpdate\"\n                                button-label=\"role\"\n                                item-label=\"role\"\n                                tick-property=\"selected\"\n                                output-properties=\"role selected\"\n                                class=\"permission-multi-select-button\"\n                                >\n                        </div>\n                    </div>\n                </div>\n                <hr>\n                <div class=\"row\">\n                    <div class=\"col-xs-12\">\n                        <h4>{{\'delete\' | translate}}</h4>\n                        <div\n                                isteven-multi-select\n                                input-model=\"singleSelection().model.authDelete\"\n                                output-model=\"singleSelection().tempModel.authDelete\"\n                                button-label=\"role\"\n                                item-label=\"role\"\n                                tick-property=\"selected\"\n                                output-properties=\"role selected\"\n                                class=\"permission-multi-select-button\"\n                                >\n                        </div>\n                    </div>\n                </div>\n                <hr>\n              <div ng-include data-src=\"\'error-bar\'\" class=\"clearfix\"></div>\n            </div>\n            <div class=\"modal-footer\">\n              <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\">{{\"cancel\" | translate}}</button>\n              <button type=\"submit\" class=\"btn btn-primary\" id=\'submit\' ng-disabled=\"\">{{\'change\' | translate}}</button>\n            </div>\n        </form>\n    </div>\n  </div>\n</div>\n\n<div class=\"modal animated fadeIn\" id=\"downloadlink\">\n    <div class=\"modal-dialog\">\n        <div class=\"modal-content\">\n            <form ng-submit=\"downloadLink()\">\n            <div class=\"modal-header\">\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\n                    <span aria-hidden=\"true\">&times;</span>\n                    <span class=\"sr-only\">{{\"close\" | translate}}</span>\n                </button>\n                <h4 class=\"modal-title\">{{\'copy_links\' | translate}}</h4>\n            </div>\n            <div class=\"modal-body\">\n\n                <label class=\"radio\">{{\'file_path\' | translate}}</label>\n\n                <div class=\"input-group\">\n                    <input class=\"form-control\" id=\"afm-path-link\" value=\"{{path}}\">\n                    <span class=\"input-group-btn\">\n                        <button class=\"btn btn-primary\" ngclipboard data-clipboard-target=\"#afm-path-link\">\n                            <i class=\"glyphicon glyphicon-copy\"></i>\n                        </button>\n                    </span>\n                </div>\n\n                <label class=\"radio\">{{\'stream_link\' | translate}}</label>\n\n                <div class=\"input-group\">\n                    <input class=\"form-control\" id=\"afm-stream-link\" value=\"{{streamLink}}\">\n                    <span class=\"input-group-btn\">\n                        <button class=\"btn btn-primary\" ngclipboard data-clipboard-target=\"#afm-stream-link\">\n                            <i class=\"glyphicon glyphicon-copy\"></i>\n                        </button>\n                    </span>\n                </div>\n\n                <label class=\"radio\">{{\'download_link\' | translate}}</label>\n\n                <div class=\"input-group\">\n                    <input class=\"form-control\" autofocus=\"autofocus\" id=\"afm-download-link\" value=\"{{dlLink}}\">\n                    <span class=\"input-group-btn\">\n                        <button class=\"btn btn-primary\" ngclipboard data-clipboard-target=\"#afm-download-link\">\n                            <i class=\"glyphicon glyphicon-copy\"></i>\n                        </button>\n                    </span>\n                </div>\n\n            </div>\n                <div class=\"modal-footer\">\n                    <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\">{{\"cancel\" | translate}}</button>\n                </div>\n            </form>\n        </div>\n    </div>\n</div>\n\n<div class=\"modal animated fadeIn\" id=\"selector\" ng-controller=\"ModalFileManagerCtrl\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header\">\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\n            <span aria-hidden=\"true\">&times;</span>\n            <span class=\"sr-only\">{{\"close\" | translate}}</span>\n        </button>\n        <h4 class=\"modal-title\">{{\"select_destination_folder\" | translate}}</h4>\n      </div>\n      <div class=\"modal-body\">\n        <div>\n            <div ng-include=\"config.tplPath + \'/current-folder-breadcrumb.html\'\"></div>\n            <div ng-include=\"config.tplPath + \'/main-table-modal.html\'\"></div>\n            <hr />\n            <button class=\"btn btn-sm btn-default\" ng-click=\"selectCurrent()\">\n                <i class=\"glyphicon\"></i> {{\"select_this\" | translate}}\n            </button>\n        </div>\n      </div>\n      <div class=\"modal-footer\">\n        <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\">{{\"close\" | translate}}</button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<script type=\"text/ng-template\" id=\"path-selector\">\n  <div class=\"panel panel-primary mt10 mb0\">\n    <div class=\"panel-body\">\n        <div class=\"detail-sources\">\n          <div class=\"like-code mr5\"><b>{{\"Selection\" | translate}}:</b>\n            <span ng-include=\"\'selected-files-msg\'\"></span>\n          </div>\n        </div>\n        <div class=\"detail-sources\">\n          <div class=\"like-code mr5\">\n            <b>{{\"destination\" | translate}}:</b> {{ getSelectedPath() }}\n          </div>\n          <a href=\"\" class=\"label label-primary\" ng-click=\"openNavigator(fileNavigator.currentPath)\">\n            {{\'change\' | translate}}\n          </a>\n        </div>\n    </div>\n      <div class=\"modal-footer\">\n          <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\" ng-disabled=\"apiMiddleware.apiHandler.inprocess\">{{\"close\" | translate}}</button>\n      </div>\n  </div>\n</script>\n\n<script type=\"text/ng-template\" id=\"error-bar\">\n  <div class=\"label label-danger error-msg pull-left animated fadeIn\" ng-show=\"apiMiddleware.apiHandler.error\">\n    <i class=\"glyphicon glyphicon-remove-circle\"></i>\n    <span>{{apiMiddleware.apiHandler.error}}</span>\n  </div>\n</script>\n\n<script type=\"text/ng-template\" id=\"selected-files-msg\">\n  <span ng-show=\"temps.length == 1\">\n    {{singleSelection().model.name}}\n  </span>\n  <span ng-show=\"temps.length > 1\">\n    {{\'these_elements\' | translate:totalSelecteds()}}\n    <a href=\"\" class=\"label label-primary\" ng-click=\"showDetails = !showDetails\">\n      {{showDetails ? \'-\' : \'+\'}} {{\'details\' | translate}}\n    </a>\n  </span>\n  <div ng-show=\"temps.length > 1 &amp;&amp; showDetails\">\n    <ul class=\"selected-file-details\">\n      <li ng-repeat=\"tempItem in temps\">\n        <b>{{tempItem.model.name}}</b>\n      </li>\n    </ul>\n  </div>\n</script>\n");
-$templateCache.put("src/templates/navbar.html","<nav class=\"navbar navbar-inverse\">\n    <div class=\"container-fluid\">\n        <div class=\"row\">\n            <div class=\"col-xs-12 col-sm-8 col-md-9 \">\n                <div ng-include=\"config.tplPath + \'/current-folder-breadcrumb.html\'\" ng-show=\"config.breadcrumb\">\n                </div>\n            </div>\n            <div class=\"col-xs-12 col-sm-4 col-md-3\">\n                <div class=\"navbar-collapse\">\n                    <div class=\"navbar-form navbar-right text-right\">\n\n                        <button class=\"btn btn-flat btn-sm\" ng-click=\"$parent.refreshLocation(true)\" title=\"{{\'icons\' | translate}}\">\n                            <i class=\"glyphicon glyphicon-refresh\"></i>\n                        </button>\n\n                        <div class=\"btn-group\">\n                            <button class=\"btn btn-flat btn-sm dropdown-toggle\" type=\"button\" id=\"dropDownMenuLang\" data-toggle=\"dropdown\" aria-expanded=\"true\">\n                                <i class=\"glyphicon glyphicon-search mr2\"></i>\n                            </button>\n                            <div class=\"dropdown-menu animated fast fadeIn pull-right\" role=\"menu\" aria-labelledby=\"dropDownMenuLang\">\n                                <input type=\"text\" class=\"form-control\" ng-show=\"config.searchForm\" placeholder=\"{{\'search\' | translate}}...\" ng-model=\"$parent.query\">\n                            </div>\n                        </div>\n\n                        <button class=\"btn btn-flat btn-sm fm-icons\" \n                            ng-click=\"$parent.setTemplate(\'main-icons.html\')\" \n                            ng-show=\"($parent.viewTemplate ===\'main-icons-preview.html\' && apiMiddleware.enableIconPreviewView()) ||\n                                     ($parent.viewTemplate ===\'main-table.html\' && !apiMiddleware.enableIconPreviewView())\" \n                            title=\"{{\'table\' | translate}}\">\n\n                            <i class=\"glyphicon glyphicon-th-large\"></i>\n                        </button>\n\n                        <button class=\"btn btn-flat btn-sm fm-table\" \n                            ng-click=\"$parent.setTemplate(\'main-table.html\')\" \n                            ng-show=\"$parent.viewTemplate ===\'main-icons.html\'\"\n                            title=\"{{\'icon\' | translate}}\">\n\n                            <i class=\"glyphicon glyphicon-th-list\"></i>\n                        </button>\n\n                        <button class=\"btn btn-flat btn-sm fm-preview\" \n                            ng-click=\"$parent.setTemplate(\'main-icons-preview.html\')\" \n                            ng-show=\"($parent.viewTemplate ===\'main-table.html\' && apiMiddleware.enableIconPreviewView())\" \n                            ng-if=\"apiMiddleware.enableIconPreviewView()\"\n                            title=\"{{\'icon\' | translate}}\">\n\n                            <i class=\"glyphicon glyphicon-picture\"></i>\n                        </button>\n\n                        <!--<div class=\"btn-group\">\n                            <button class=\"btn btn-flat btn-sm dropdown-toggle\" type=\"button\" id=\"dropDownMenuLang\" data-toggle=\"dropdown\" aria-expanded=\"true\">\n                                <i class=\"glyphicon glyphicon-globe mr2\"></i>\n                            </button>\n\n                            <ul class=\"dropdown-menu scrollable-menu animated fast fadeIn pull-right\" role=\"menu\" aria-labelledby=\"dropDownMenuLang\">\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'en\')\">{{\"english\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'zh\')\">{{\"chinese\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'es\')\">{{\"spanish\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'pt\')\">{{\"portuguese\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'fr\')\">{{\"french\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'de\')\">{{\"german\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'he\')\">{{\"hebrew\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'sk\')\">{{\"slovak\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'ru\')\">{{\"russian\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'ua\')\">{{\"ukrainian\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'tr\')\">{{\"turkish\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'fa\')\">{{\"persian\" | translate}}</a></li>\n                            </ul>\n                        </div>-->\n\n                        <div class=\"btn-group\">\n                            <button class=\"btn btn-flat btn-sm dropdown-toggle\" type=\"button\" id=\"more\" data-toggle=\"dropdown\" aria-expanded=\"true\">\n                                <i class=\"glyphicon glyphicon-option-vertical\"></i>\n                            </button>\n\n                            <ul class=\"dropdown-menu scrollable-menu animated fast fadeIn pull-right\" role=\"menu\" aria-labelledby=\"more\">\n                                <li role=\"presentation\" ng-show=\"config.allowedActions.createFolder\" ng-click=\"modal(\'newfolder\') && prepareNewFolder()\">\n                                    <a href=\"#\" role=\"menuitem\" tabindex=\"-1\">\n                                        <i class=\"glyphicon glyphicon-plus\"></i> {{\"new_folder\" | translate}}\n                                    </a>\n                                </li>\n                                <li role=\"presentation\" ng-show=\"config.allowedActions.upload\" ng-click=\"modal(\'uploadfile\')\">\n                                    <a href=\"#\" role=\"menuitem\" tabindex=\"-1\">\n                                        <i class=\"glyphicon glyphicon-cloud-upload\"></i> {{\"upload_files\" | translate}}\n                                    </a>\n                                </li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</nav>");
+$templateCache.put("src/templates/navbar.html","<nav class=\"navbar navbar-inverse\">\n    <div class=\"container-fluid\">\n        <div class=\"row\">\n            <div class=\"col-xs-12 col-sm-8 col-md-9 \">\n                <div ng-include=\"config.tplPath + \'/current-folder-breadcrumb.html\'\" ng-show=\"config.breadcrumb\">\n                </div>\n            </div>\n            <div class=\"col-xs-12 col-sm-4 col-md-3\">\n                <div class=\"navbar-collapse\">\n                    <div class=\"navbar-form navbar-right text-right\">\n\n                        <button class=\"btn btn-flat btn-sm\" ng-click=\"$parent.refreshLocation(true)\" title=\"{{\'icons\' | translate}}\">\n                            <i class=\"glyphicon glyphicon-refresh\"></i>\n                        </button>\n\n                        <div class=\"btn-group\">\n                            <button class=\"btn btn-flat btn-sm dropdown-toggle\" type=\"button\" id=\"dropDownMenuLang\" data-toggle=\"dropdown\" aria-expanded=\"true\">\n                                <i class=\"glyphicon glyphicon-search mr2\"></i>\n                            </button>\n                            <div class=\"dropdown-menu animated fast fadeIn pull-right\" role=\"menu\" aria-labelledby=\"dropDownMenuLang\">\n                                <input type=\"text\" class=\"form-control\" ng-show=\"config.searchForm\" placeholder=\"{{\'search\' | translate}}...\" ng-model=\"$parent.query\">\n                            </div>\n                        </div>\n\n                        <button class=\"btn btn-flat btn-sm fm-icons\" \n                            ng-click=\"$parent.setTemplate(\'main-icons.html\')\" \n                            ng-show=\"($parent.viewTemplate ===\'main-icons-preview.html\' && apiMiddleware.enableIconPreviewView()) ||\n                                     ($parent.viewTemplate ===\'main-table.html\' && !apiMiddleware.enableIconPreviewView())\" \n                            title=\"{{\'Switch to icons view\' | translate}}\"\n                            >\n\n                            <i class=\"glyphicon glyphicon-th-large\"></i>\n                        </button>\n\n                        <button class=\"btn btn-flat btn-sm fm-table\" \n                            ng-click=\"$parent.setTemplate(\'main-table.html\')\" \n                            ng-show=\"$parent.viewTemplate ===\'main-icons.html\'\"\n                            title=\"{{\'Switch to table view\' | translate}}\"\n                            >\n\n                            <i class=\"glyphicon glyphicon-th-list\"></i>\n                        </button>\n\n                        <button class=\"btn btn-flat btn-sm fm-preview\" \n                            ng-click=\"$parent.setTemplate(\'main-icons-preview.html\')\" \n                            ng-show=\"($parent.viewTemplate ===\'main-table.html\' && apiMiddleware.enableIconPreviewView())\" \n                            ng-if=\"apiMiddleware.enableIconPreviewView()\"\n                            title=\"{{\'Switch to preview view\' | translate}}\"\n                            >\n\n                            <i class=\"glyphicon glyphicon-picture\"></i>\n                        </button>\n\n                        <!--<div class=\"btn-group\">\n                            <button class=\"btn btn-flat btn-sm dropdown-toggle\" type=\"button\" id=\"dropDownMenuLang\" data-toggle=\"dropdown\" aria-expanded=\"true\">\n                                <i class=\"glyphicon glyphicon-globe mr2\"></i>\n                            </button>\n\n                            <ul class=\"dropdown-menu scrollable-menu animated fast fadeIn pull-right\" role=\"menu\" aria-labelledby=\"dropDownMenuLang\">\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'en\')\">{{\"english\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'zh\')\">{{\"chinese\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'es\')\">{{\"spanish\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'pt\')\">{{\"portuguese\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'fr\')\">{{\"french\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'de\')\">{{\"german\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'he\')\">{{\"hebrew\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'sk\')\">{{\"slovak\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'ru\')\">{{\"russian\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'ua\')\">{{\"ukrainian\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'tr\')\">{{\"turkish\" | translate}}</a></li>\n                                <li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"\" ng-click=\"changeLanguage(\'fa\')\">{{\"persian\" | translate}}</a></li>\n                            </ul>\n                        </div>-->\n\n                        <div class=\"btn-group\">\n                            <button class=\"btn btn-flat btn-sm dropdown-toggle\" type=\"button\" id=\"more\" data-toggle=\"dropdown\" aria-expanded=\"true\">\n                                <i class=\"glyphicon glyphicon-option-vertical\"></i>\n                            </button>\n\n                            <ul class=\"dropdown-menu scrollable-menu animated fast fadeIn pull-right\" role=\"menu\" aria-labelledby=\"more\">\n                                <li role=\"presentation\" ng-show=\"config.allowedActions.createFolder\" ng-click=\"modal(\'newfolder\') && prepareNewFolder()\">\n                                    <a href=\"#\" role=\"menuitem\" tabindex=\"-1\">\n                                        <i class=\"glyphicon glyphicon-plus\"></i> {{\"new_folder\" | translate}}\n                                    </a>\n                                </li>\n                                <li role=\"presentation\" ng-show=\"config.allowedActions.upload\" ng-click=\"modal(\'uploadfile\')\">\n                                    <a href=\"#\" role=\"menuitem\" tabindex=\"-1\">\n                                        <i class=\"glyphicon glyphicon-cloud-upload\"></i> {{\"upload_files\" | translate}}\n                                    </a>\n                                </li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</nav>");
 $templateCache.put("src/templates/sidebar.html","<ul class=\"nav nav-sidebar file-tree-root\">\n    <li ng-repeat=\"item in fileNavigator.history\" ng-include=\"\'folder-branch-item\'\" ng-class=\"{\'active\': item.name == fileNavigator.currentPath.join(\'/\')}\"></li>\n</ul>\n\n<script type=\"text/ng-template\" id=\"folder-branch-item\">\n    <a href=\"\" ng-click=\"fileNavigator.folderClick(item.item)\" class=\"animated fast fadeInDown\">\n\n        <span class=\"point\">\n            <i class=\"glyphicon glyphicon-chevron-down\" ng-show=\"isInThisPath(item.name)\"></i>\n            <i class=\"glyphicon glyphicon-chevron-right\" ng-show=\"!isInThisPath(item.name)\"></i>\n        </span>\n\n        <i class=\"glyphicon glyphicon-folder-open mr2\" ng-show=\"isInThisPath(item.name)\"></i>\n        <i class=\"glyphicon glyphicon-folder-close mr2\" ng-show=\"!isInThisPath(item.name)\"></i>\n        {{ (item.name.split(\'/\').pop() || \'/\') | strLimit : 30 }}\n    </a>\n    <ul class=\"nav nav-sidebar\">\n        <li ng-repeat=\"item in item.nodes\" ng-include=\"\'folder-branch-item\'\" ng-class=\"{\'active\': item.name == fileNavigator.currentPath.join(\'/\')}\"></li>\n    </ul>\n</script>");
 $templateCache.put("src/templates/spinner.html","<div class=\"spinner-wrapper col-xs-12\">\n    <svg class=\"spinner-container\" style=\"width:65px;height:65px\" viewBox=\"0 0 44 44\">\n        <circle class=\"path\" cx=\"22\" cy=\"22\" r=\"20\" fill=\"none\" stroke-width=\"4\"></circle>\n    </svg>\n</div>");}]);
\ No newline at end of file