@oat-sa/tao-core-ui 1.60.2 → 1.62.0

package/dist/resourcemgr/fileBrowser.js

@@ -1,655 +1,608 @@
 define(['jquery', 'lodash', 'core/request', 'ui/pagination', 'handlebars', 'i18n', 'lib/dompurify/purify'], function ($$1, _, request, paginationComponent, Handlebars, __, DOMPurify) { 'use strict';
 
-  $$1 = $$1 && Object.prototype.hasOwnProperty.call($$1, 'default') ? $$1['default'] : $$1;
-  _ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
-  request = request && Object.prototype.hasOwnProperty.call(request, 'default') ? request['default'] : request;
-  paginationComponent = paginationComponent && Object.prototype.hasOwnProperty.call(paginationComponent, 'default') ? paginationComponent['default'] : paginationComponent;
-  Handlebars = Handlebars && Object.prototype.hasOwnProperty.call(Handlebars, 'default') ? Handlebars['default'] : Handlebars;
-  __ = __ && Object.prototype.hasOwnProperty.call(__, 'default') ? __['default'] : __;
-  DOMPurify = DOMPurify && Object.prototype.hasOwnProperty.call(DOMPurify, 'default') ? DOMPurify['default'] : DOMPurify;
-
-  function _typeof(obj) {
-    "@babel/helpers - typeof";
-
-    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-      return typeof obj;
-    } : function (obj) {
-      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    }, _typeof(obj);
-  }
-
-  function Helpers0 (hb) {
-    //register a i18n helper
-    hb.registerHelper('__', function (key) {
-      return __(key);
-    });
-    /**
-     * Register dompurify helper
-     *
-     * https://github.com/cure53/DOMPurify
-     * with config SAFE_FOR_TEMPLATES: true
-     * to make output safe for template systems
+    $$1 = $$1 && Object.prototype.hasOwnProperty.call($$1, 'default') ? $$1['default'] : $$1;
+    _ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
+    request = request && Object.prototype.hasOwnProperty.call(request, 'default') ? request['default'] : request;
+    paginationComponent = paginationComponent && Object.prototype.hasOwnProperty.call(paginationComponent, 'default') ? paginationComponent['default'] : paginationComponent;
+    Handlebars = Handlebars && Object.prototype.hasOwnProperty.call(Handlebars, 'default') ? Handlebars['default'] : Handlebars;
+    __ = __ && Object.prototype.hasOwnProperty.call(__, 'default') ? __['default'] : __;
+    DOMPurify = DOMPurify && Object.prototype.hasOwnProperty.call(DOMPurify, 'default') ? DOMPurify['default'] : DOMPurify;
+
+    /**
+     * This program is free software; you can redistribute it and/or
+     * modify it under the terms of the GNU General Public License
+     * as published by the Free Software Foundation; under version 2
+     * of the License (non-upgradable).
+     *
+     * This program is distributed in the hope that it will be useful,
+     * but WITHOUT ANY WARRANTY; without even the implied warranty of
+     * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+     * GNU General Public License for more details.
+     *
+     * You should have received a copy of the GNU General Public License
+     * along with this program; if not, write to the Free Software
+     * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+     *
+     * Copyright (c) 2013-2019 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
+     *
+     *
      */
+    function Helpers0 (hb) {
+      //register a i18n helper
+      hb.registerHelper('__', function (key) {
+        return __(key);
+      });
 
-    hb.registerHelper('dompurify', function (context) {
-      return DOMPurify.sanitize(context);
-    });
-    /**
-     * Register join helper
-     *
-     * Example :
-     * var values = {a:v1, b:v2, c:v3};
-     * Using {{{join attributes '=' ' ' '"'}}} will return : a="v1" b="v2" c="v3"
-     * Using {{{join values null ' or ' '*'}}} will return : *v1* or *v2* or *v3*
-     */
-
-    hb.registerHelper('join', function (arr, keyValueGlue, fragmentGlue, wrapper) {
-      var fragments = [];
-      keyValueGlue = typeof keyValueGlue === 'string' ? keyValueGlue : undefined;
-      fragmentGlue = typeof fragmentGlue === 'string' ? fragmentGlue : ' ';
-      wrapper = typeof wrapper === 'string' ? wrapper : '"';
-
-      _.forIn(arr, function (value, key) {
-        var fragment = '';
+      /**
+       * Register dompurify helper
+       *
+       * https://github.com/cure53/DOMPurify
+       * with config SAFE_FOR_TEMPLATES: true
+       * to make output safe for template systems
+       */
+      hb.registerHelper('dompurify', function (context) {
+        return DOMPurify.sanitize(context);
+      });
 
-        if (value !== null || value !== undefined) {
-          if (typeof value === 'boolean') {
-            value = value ? 'true' : 'false';
-          } else if (_typeof(value) === 'object') {
-            value = _.values(value).join(' ');
+      /**
+       * Register join helper
+       *
+       * Example :
+       * var values = {a:v1, b:v2, c:v3};
+       * Using {{{join attributes '=' ' ' '"'}}} will return : a="v1" b="v2" c="v3"
+       * Using {{{join values null ' or ' '*'}}} will return : *v1* or *v2* or *v3*
+       */
+      hb.registerHelper('join', function (arr, keyValueGlue, fragmentGlue, wrapper) {
+        var fragments = [];
+        keyValueGlue = typeof keyValueGlue === 'string' ? keyValueGlue : undefined;
+        fragmentGlue = typeof fragmentGlue === 'string' ? fragmentGlue : ' ';
+        wrapper = typeof wrapper === 'string' ? wrapper : '"';
+        _.forIn(arr, function (value, key) {
+          var fragment = '';
+          if (value !== null || value !== undefined) {
+            if (typeof value === 'boolean') {
+              value = value ? 'true' : 'false';
+            } else if (typeof value === 'object') {
+              value = _.values(value).join(' ');
+            }
+          } else {
+            value = '';
           }
-        } else {
-          value = '';
-        }
+          if (keyValueGlue !== undefined) {
+            fragment += key + keyValueGlue;
+          }
+          fragment += wrapper + value + wrapper;
+          fragments.push(fragment);
+        });
+        return fragments.join(fragmentGlue);
+      });
 
-        if (keyValueGlue !== undefined) {
-          fragment += key + keyValueGlue;
+      //register a classic "for loop" helper
+      //it also adds a local variable "i" as the index in each iteration loop
+      hb.registerHelper('for', function (startIndex, stopIndex, increment, options) {
+        var ret = '';
+        startIndex = parseInt(startIndex);
+        stopIndex = parseInt(stopIndex);
+        increment = parseInt(increment);
+        for (var i = startIndex; i < stopIndex; i += increment) {
+          ret += options.fn(_.extend({}, this, {
+            i: i
+          }));
+        }
+        return ret;
+      });
+      hb.registerHelper('equal', function (var1, var2, options) {
+        if (var1 == var2) {
+          return options.fn(this);
+        } else {
+          return options.inverse(this);
         }
-
-        fragment += wrapper + value + wrapper;
-        fragments.push(fragment);
       });
 
-      return fragments.join(fragmentGlue);
-    }); //register a classic "for loop" helper
-    //it also adds a local variable "i" as the index in each iteration loop
-
-    hb.registerHelper('for', function (startIndex, stopIndex, increment, options) {
-      var ret = '';
-      startIndex = parseInt(startIndex);
-      stopIndex = parseInt(stopIndex);
-      increment = parseInt(increment);
-
-      for (var i = startIndex; i < stopIndex; i += increment) {
-        ret += options.fn(_.extend({}, this, {
-          i: i
-        }));
-      }
-
-      return ret;
-    });
-    hb.registerHelper('equal', function (var1, var2, options) {
-      if (var1 == var2) {
-        return options.fn(this);
-      } else {
-        return options.inverse(this);
-      }
-    }); // register a "get property" helper
-    // it gets the named property from the provided context
+      // register a "get property" helper
+      // it gets the named property from the provided context
+      hb.registerHelper('property', function (name, context) {
+        return context[name] || '';
+      });
 
-    hb.registerHelper('property', function (name, context) {
-      return context[name] || '';
-    }); // register an 'includes' helper
-    // it checks if value is in array
+      // register an 'includes' helper
+      // it checks if value is in array
+      hb.registerHelper('includes', function (haystack, needle, options) {
+        if (_.contains(haystack, needle)) {
+          return options.fn(this);
+        }
+      });
+    }
 
-    hb.registerHelper('includes', function (haystack, needle, options) {
-      if (_.contains(haystack, needle)) {
-        return options.fn(this);
+    if (!Helpers0.__initialized) {
+      Helpers0(Handlebars);
+      Helpers0.__initialized = true;
+    }
+    var Template = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
+      this.compilerInfo = [4,'>= 1.0.0'];
+    helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
+      var buffer = "", stack1, functionType="function", escapeExpression=this.escapeExpression, self=this;
+
+    function program1(depth0,data) {
+      
+      var buffer = "", stack1, helper;
+      buffer += "\n	<li class=\"root\">\n		<a\n			class=\"root-folder active\"\n			href=\"#\"\n			data-path=\"";
+      if (helper = helpers.path) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.path); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\"\n			data-display=\"";
+      if (helper = helpers.relPath) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.relPath); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\"\n			data-children-limit=\"";
+      if (helper = helpers.childrenLimit) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.childrenLimit); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\">\n			";
+      if (helper = helpers.label) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.label); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\n		</a>\n		<ul></ul>\n	</li>\n";
+      return buffer;
       }
-    });
-  }
-
-  if (!Helpers0.__initialized) {
-    Helpers0(Handlebars);
-    Helpers0.__initialized = true;
-  }
-  var Template = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
-    this.compilerInfo = [4,'>= 1.0.0'];
-  helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
-    var buffer = "", stack1, functionType="function", escapeExpression=this.escapeExpression, self=this;
 
-  function program1(depth0,data) {
-    
-    var buffer = "", stack1, helper;
-    buffer += "\r\n	<li class=\"root\">\r\n		<a\r\n			class=\"root-folder active\"\r\n			href=\"#\"\r\n			data-path=\"";
-    if (helper = helpers.path) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.path); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\"\r\n			data-display=\"";
-    if (helper = helpers.relPath) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.relPath); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\"\r\n			data-children-limit=\"";
-    if (helper = helpers.childrenLimit) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.childrenLimit); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\">\r\n			";
-    if (helper = helpers.label) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.label); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\r\n		</a>\r\n		<ul></ul>\r\n	</li>\r\n";
-    return buffer;
+      stack1 = helpers['if'].call(depth0, ((stack1 = (depth0 && depth0.permissions)),stack1 == null || stack1 === false ? stack1 : stack1.read), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
+      if(stack1 || stack1 === 0) { buffer += stack1; }
+      buffer += "\n";
+      return buffer;
+      });
+    function rootFolderTpl(data, options, asString) {
+      var html = Template(data, options);
+      return (asString || true) ? html : $(html);
     }
 
-    stack1 = helpers['if'].call(depth0, ((stack1 = (depth0 && depth0.permissions)),stack1 == null || stack1 === false ? stack1 : stack1.read), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
-    if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n";
-    return buffer;
-    });
-  function rootFolderTpl(data, options, asString) {
-    var html = Template(data, options);
-    return (asString || true) ? html : $(html);
-  }
-
-  if (!Helpers0.__initialized) {
-    Helpers0(Handlebars);
-    Helpers0.__initialized = true;
-  }
-  var Template$1 = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
-    this.compilerInfo = [4,'>= 1.0.0'];
-  helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
-    var buffer = "", stack1, functionType="function", escapeExpression=this.escapeExpression, self=this;
-
-  function program1(depth0,data) {
-    
-    var buffer = "", stack1, helper;
-    buffer += "\r\n	<li>\r\n		<a\r\n			data-path=\"";
-    if (helper = helpers.path) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.path); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\"\r\n			data-display=\"";
-    if (helper = helpers.relPath) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.relPath); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\"\r\n			data-children-limit=\"";
-    if (helper = helpers.childrenLimit) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.childrenLimit); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\"\r\n			href=\"#\">\r\n			";
-    if (helper = helpers.label) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.label); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\r\n		</a>\r\n	</li>\r\n";
-    return buffer;
+    if (!Helpers0.__initialized) {
+      Helpers0(Handlebars);
+      Helpers0.__initialized = true;
     }
-
-    stack1 = helpers['if'].call(depth0, ((stack1 = (depth0 && depth0.permissions)),stack1 == null || stack1 === false ? stack1 : stack1.read), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
-    if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n";
-    return buffer;
-    });
-  function folderTpl(data, options, asString) {
-    var html = Template$1(data, options);
-    return (asString || true) ? html : $(html);
-  }
-
-  /**
-   * Update the permissions in HTML Tree
-   * @param {Object} item - the tree item
-   * @return {Object} - item with permissions
-   */
-  function updatePermissions(item) {
-    var isAssets = (item.uri || item.path || '').includes('mediamanager');
-    var permissions = {
-      read: true,
-      write: true,
-      preview: true,
-      download: true,
-      upload: true,
-      delete: true
-    };
-
-    if (item.permissions) {
-      if (!item.permissions.includes('READ')) {
-        permissions.read = false;
+    var Template$1 = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
+      this.compilerInfo = [4,'>= 1.0.0'];
+    helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
+      var buffer = "", stack1, functionType="function", escapeExpression=this.escapeExpression, self=this;
+
+    function program1(depth0,data) {
+      
+      var buffer = "", stack1, helper;
+      buffer += "\n	<li>\n		<a\n			data-path=\"";
+      if (helper = helpers.path) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.path); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\"\n			data-display=\"";
+      if (helper = helpers.relPath) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.relPath); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\"\n			data-children-limit=\"";
+      if (helper = helpers.childrenLimit) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.childrenLimit); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\"\n			href=\"#\">\n			";
+      if (helper = helpers.label) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.label); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\n		</a>\n	</li>\n";
+      return buffer;
       }
 
-      if (!item.permissions.includes('WRITE')) {
-        permissions.write = false;
-      } // Atomic permissions for Assets
-
-
-      if (isAssets) {
-        if (!item.permissions.includes('PREVIEW')) {
-          permissions.preview = false;
-        }
-
-        if (!item.permissions.includes('DOWNLOAD')) {
-          permissions.download = false;
-        }
+      stack1 = helpers['if'].call(depth0, ((stack1 = (depth0 && depth0.permissions)),stack1 == null || stack1 === false ? stack1 : stack1.read), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
+      if(stack1 || stack1 === 0) { buffer += stack1; }
+      buffer += "\n";
+      return buffer;
+      });
+    function folderTpl(data, options, asString) {
+      var html = Template$1(data, options);
+      return (asString || true) ? html : $(html);
+    }
 
-        if (!item.permissions.includes('UPLOAD')) {
-          permissions.upload = false;
+    /**
+     * Update the permissions in HTML Tree
+     * @param {Object} item - the tree item
+     * @return {Object} - item with permissions
+     */
+    function updatePermissions(item) {
+      const isAssets = (item.uri || item.path || '').includes('mediamanager');
+      let permissions = {
+        read: true,
+        write: true,
+        preview: true,
+        download: true,
+        upload: true,
+        delete: true
+      };
+      if (item.permissions) {
+        if (!item.permissions.includes('READ')) {
+          permissions.read = false;
         }
-
-        if (!item.permissions.includes('DELETE')) {
-          permissions.delete = false;
-        } // Generic permissions for item gallery media
-
-      } else {
-        if (!permissions.read) {
-          permissions.preview = false;
-          permissions.download = false;
+        if (!item.permissions.includes('WRITE')) {
+          permissions.write = false;
         }
-
-        if (!permissions.write) {
-          permissions.delete = false;
-          permissions.upload = false;
+        // Atomic permissions for Assets
+        if (isAssets) {
+          if (!item.permissions.includes('PREVIEW')) {
+            permissions.preview = false;
+          }
+          if (!item.permissions.includes('DOWNLOAD')) {
+            permissions.download = false;
+          }
+          if (!item.permissions.includes('UPLOAD')) {
+            permissions.upload = false;
+          }
+          if (!item.permissions.includes('DELETE')) {
+            permissions.delete = false;
+          }
+          // Generic permissions for item gallery media
+        } else {
+          if (!permissions.read) {
+            permissions.preview = false;
+            permissions.download = false;
+          }
+          if (!permissions.write) {
+            permissions.delete = false;
+            permissions.upload = false;
+          }
         }
       }
+      item.permissions = permissions;
+      return item;
     }
 
-    item.permissions = permissions;
-    return item;
-  }
-
-  /**
-   * This program is free software; you can redistribute it and/or
-   * modify it under the terms of the GNU General Public License
-   * as published by the Free Software Foundation; under version 2
-   * of the License (non-upgradable).
-   *
-   * This program is distributed in the hope that it will be useful,
-   * but WITHOUT ANY WARRANTY; without even the implied warranty of
-   * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   * GNU General Public License for more details.
-   *
-   * You should have received a copy of the GNU General Public License
-   * along with this program; if not, write to the Free Software
-   * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
-   *
-   * Copyright (c) 2018-2020 (original work) Open Assessment Technologies SA;
-   */
-  var ns = 'resourcemgr';
-  function fileBrowser (options) {
-    var root = options.root || 'local';
-    var rootPath = options.path || '/';
-    var $container = options.$target;
-    var $fileBrowser = $$1('.file-browser .file-browser-wrapper', $container);
-    var $divContainer = $$1(".".concat(root), $fileBrowser);
-    var $folderContainer = $$1('.folders', $divContainer);
-    var fileTree = {}; // for pagination
-
-    var selectedClass = {
-      path: rootPath,
-      childrenLimit: 10,
-      total: 0,
-      page: 1
-    }; //load the content of the ROOT
-
-    getFolderContent(fileTree, rootPath, function (content) {
-      //create the tree node for the ROOT folder by default once the initial content loaded
-      $folderContainer.append(rootFolderTpl(content));
-      var $rootNode = $$1('.root-folder', $folderContainer); //create an inner list and append found elements
-
-      var $innerList = $$1('.root ul', $folderContainer);
-
-      if (content.children) {
-        $rootNode.addClass('opened');
-      }
-
-      updateFolders(content, $innerList);
-
-      if (content.permissions.read && !options.hasAlreadySelected) {
-        $$1('.file-browser').find('li.active').removeClass('active');
-        updateSelectedClass(content.path, content.total, content.childrenLimit);
-        $container.trigger('folderselect.'.concat(ns), [content.label, getPage(content.children), content.path, content]);
-        renderPagination();
+    /**
+     * This program is free software; you can redistribute it and/or
+     * modify it under the terms of the GNU General Public License
+     * as published by the Free Software Foundation; under version 2
+     * of the License (non-upgradable).
+     *
+     * This program is distributed in the hope that it will be useful,
+     * but WITHOUT ANY WARRANTY; without even the implied warranty of
+     * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+     * GNU General Public License for more details.
+     *
+     * You should have received a copy of the GNU General Public License
+     * along with this program; if not, write to the Free Software
+     * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+     *
+     * Copyright (c) 2018-2020 (original work) Open Assessment Technologies SA;
+     */
+    const ns = 'resourcemgr';
+    function fileBrowser (options) {
+      const root = options.root || 'local';
+      const rootPath = options.path || '/';
+      const $container = options.$target;
+      const $fileBrowser = $$1('.file-browser .file-browser-wrapper', $container);
+      const $divContainer = $$1(`.${root}`, $fileBrowser);
+      const $folderContainer = $$1('.folders', $divContainer);
+      const fileTree = {};
+      // for pagination
+      let selectedClass = {
+        path: rootPath,
+        childrenLimit: 10,
+        total: 0,
+        page: 1
+      };
 
-        if (root !== 'local') {
-          options.hasAlreadySelected = true;
+      //load the content of the ROOT
+      getFolderContent(fileTree, rootPath, function (content) {
+        //create the tree node for the ROOT folder by default once the initial content loaded
+        $folderContainer.append(rootFolderTpl(content));
+        const $rootNode = $$1('.root-folder', $folderContainer);
+        //create an inner list and append found elements
+        const $innerList = $$1('.root ul', $folderContainer);
+        if (content.children) {
+          $rootNode.addClass('opened');
         }
-      }
-    }); // by clicking on the tree (using a live binding  because content is not complete yet)
-
-    $divContainer.off('click', '.folders a').on('click', '.folders a', function (e) {
-      e.preventDefault();
-      var $selected = $$1(this);
-      var $folders = $$1('.folders li', $fileBrowser);
-      var fullPath = $selected.data('path');
-      var subTree = getByPath(fileTree, fullPath); //get the folder content
-
-      getFolderContent(subTree, fullPath, function (content) {
-        if (content) {
-          //either create the inner list of the content is new or just show it
-          var $innerList = $selected.siblings('ul');
-
-          if (!$innerList.length && content.children && _.find(content.children, 'path') && !content.empty) {
-            $innerList = $$1('<ul></ul>').insertAfter($selected);
-            updateFolders(content, $innerList);
-            $selected.addClass('opened');
-          } else if ($innerList.length) {
-            if ($innerList.css('display') === 'none') {
-              $innerList.show();
-              $selected.addClass('opened');
-            } else if ($selected.parent('li').hasClass('active')) {
-              $innerList.hide();
-              $selected.removeClass('opened');
-            }
-          } //toggle active element
-
-
-          $folders.removeClass('active');
-          $selected.parent('li').addClass('active'); //internal event to set the file-selector content
-
-          updateSelectedClass(fullPath, subTree.total, $selected.data('children-limit'));
-          $container.trigger("folderselect.".concat(ns), [content.label, getPage(content.children), content.path, content]);
+        updateFolders(content, $innerList);
+        if (content.permissions.read && !options.hasAlreadySelected) {
+          $$1('.file-browser').find('li.active').removeClass('active');
+          updateSelectedClass(content.path, content.total, content.childrenLimit);
+          $container.trigger('folderselect.'.concat(ns), [content.label, getPage(content.children), content.path, content]);
           renderPagination();
+          if (root !== 'local') {
+            options.hasAlreadySelected = true;
+          }
         }
       });
-    });
-    $container.on("filenew.".concat(ns), function (e, file, path) {
-      var subTree = getByPath(fileTree, path);
 
-      if (subTree) {
-        if (!subTree.children) {
-          subTree.children = [];
-        }
+      // by clicking on the tree (using a live binding  because content is not complete yet)
+      $divContainer.off('click', '.folders a').on('click', '.folders a', function (e) {
+        e.preventDefault();
+        const $selected = $$1(this);
+        const $folders = $$1('.folders li', $fileBrowser);
+        const fullPath = $selected.data('path');
+        const subTree = getByPath(fileTree, fullPath);
+
+        //get the folder content
+        getFolderContent(subTree, fullPath, function (content) {
+          if (content) {
+            //either create the inner list of the content is new or just show it
+            let $innerList = $selected.siblings('ul');
+            if (!$innerList.length && content.children && _.find(content.children, 'path') && !content.empty) {
+              $innerList = $$1('<ul></ul>').insertAfter($selected);
+              updateFolders(content, $innerList);
+              $selected.addClass('opened');
+            } else if ($innerList.length) {
+              if ($innerList.css('display') === 'none') {
+                $innerList.show();
+                $selected.addClass('opened');
+              } else if ($selected.parent('li').hasClass('active')) {
+                $innerList.hide();
+                $selected.removeClass('opened');
+              }
+            }
 
-        if (root !== 'local' || !_.find(subTree.children, {
-          name: file.name
-        })) {
-          updatePermissions(file);
+            //toggle active element
+            $folders.removeClass('active');
+            $selected.parent('li').addClass('active');
 
-          if (subTree.children.length === subTree.total) {
-            // all children loaded new file can be pushed to the end of tree
-            // if not all, new file will be loaded with next page
-            subTree.children.push(file);
+            //internal event to set the file-selector content
+            updateSelectedClass(fullPath, subTree.total, $selected.data('children-limit'));
+            $container.trigger(`folderselect.${ns}`, [content.label, getPage(content.children), content.path, content]);
+            renderPagination();
           }
-
-          subTree.total++;
-          selectedClass.total++;
-          $container.trigger("folderselect.".concat(ns), [subTree.label, getPage(subTree.children), path]);
-          renderPagination();
-        }
-      }
-    });
-    $container.on("filedelete.".concat(ns), function (e, path) {
-      if (removeFromPath(fileTree, path)) {
-        selectedClass.total--;
-        loadPage();
-      }
-    });
-    /**
-     * Get files for page
-     * @param {Array} children
-     * @returns {Array} files for this page
-     */
-
-    function getPage(children) {
-      var files = _.filter(children, function (item) {
-        return !!item.uri;
+        });
       });
-
-      if (selectedClass.childrenLimit) {
-        return files.slice((selectedClass.page - 1) * selectedClass.childrenLimit, selectedClass.page * selectedClass.childrenLimit);
-      }
-
-      return files;
-    }
-    /**
-     * Get the content of a folder, either in the model or load it
-     * @param {Object} tree - the tree model
-     * @param {String} path - the folder path (relative to the root)
-     * @param {Function} cb - called back with the content in 1st parameter
-     */
-
-
-    function getFolderContent(tree, path, cb) {
-      var content = getByPath(tree, path);
-
-      if (!content || !content.children && !content.empty) {
-        loadContent(path).then(function (data) {
-          if (!tree.path) {
-            tree = _.merge(tree, data);
-          } else if (data.children) {
-            if (!_.find(data.children, 'path')) {
-              // no subfolders inside folder
-              tree.empty = true;
+      $container.on(`filenew.${ns}`, function (e, file, path) {
+        const subTree = getByPath(fileTree, path);
+        if (subTree) {
+          if (!subTree.children) {
+            subTree.children = [];
+          }
+          if (root !== 'local' || !_.find(subTree.children, {
+            name: file.name
+          })) {
+            updatePermissions(file);
+            if (subTree.children.length === subTree.total) {
+              // all children loaded new file can be pushed to the end of tree
+              // if not all, new file will be loaded with next page
+              subTree.children.push(file);
             }
-
-            setToPath(tree, path, data);
-          } else {
-            tree.empty = true;
+            subTree.total++;
+            selectedClass.total++;
+            $container.trigger(`folderselect.${ns}`, [subTree.label, getPage(subTree.children), path]);
+            renderPagination();
           }
-
-          cb(data);
-        });
-      } else if (content.children) {
-        var files = _.filter(content.children, function (item) {
+        }
+      });
+      $container.on(`filedelete.${ns}`, function (e, path) {
+        if (removeFromPath(fileTree, path)) {
+          selectedClass.total--;
+          loadPage();
+        }
+      });
+      /**
+       * Get files for page
+       * @param {Array} children
+       * @returns {Array} files for this page
+       */
+      function getPage(children) {
+        const files = _.filter(children, function (item) {
           return !!item.uri;
-        }); // if files less then total and need toload this page
-
-
-        if (files.length < selectedClass.total && files.length < selectedClass.page * selectedClass.childrenLimit) {
+        });
+        if (selectedClass.childrenLimit) {
+          return files.slice((selectedClass.page - 1) * selectedClass.childrenLimit, selectedClass.page * selectedClass.childrenLimit);
+        }
+        return files;
+      }
+      /**
+       * Get the content of a folder, either in the model or load it
+       * @param {Object} tree - the tree model
+       * @param {String} path - the folder path (relative to the root)
+       * @param {Function} cb - called back with the content in 1st parameter
+       */
+      function getFolderContent(tree, path, cb) {
+        let content = getByPath(tree, path);
+        if (!content || !content.children && !content.empty) {
           loadContent(path).then(function (data) {
-            var loadedFiles = _.filter(data.children, function (item) {
-              return !!item.uri;
-            });
-
-            setToPath(tree, path, {
-              children: loadedFiles
+            if (!tree.path) {
+              tree = _.merge(tree, data);
+            } else if (data.children) {
+              if (!_.find(data.children, 'path')) {
+                // no subfolders inside folder
+                tree.empty = true;
+              }
+              setToPath(tree, path, data);
+            } else {
+              tree.empty = true;
+            }
+            cb(data);
+          });
+        } else if (content.children) {
+          const files = _.filter(content.children, function (item) {
+            return !!item.uri;
+          });
+          // if files less then total and need toload this page
+          if (files.length < selectedClass.total && files.length < selectedClass.page * selectedClass.childrenLimit) {
+            loadContent(path).then(function (data) {
+              const loadedFiles = _.filter(data.children, function (item) {
+                return !!item.uri;
+              });
+              setToPath(tree, path, {
+                children: loadedFiles
+              });
+              content = getByPath(tree, path);
+              cb(content);
             });
-            content = getByPath(tree, path);
+          } else {
             cb(content);
-          });
+          }
         } else {
           cb(content);
         }
-      } else {
-        cb(content);
       }
-    }
-    /**
-     * Get a subTree from a path
-     * @param {Object} tree - the tree model
-     * @param {String} path - the path (relative to the root)
-     * @returns {Object} the subtree that matches the path
-     */
-
 
-    function getByPath(tree, path) {
-      var match;
-
-      if (tree) {
-        if (tree.path && tree.path.indexOf(path) === 0) {
-          match = tree;
-        } else if (tree.children) {
-          _.forEach(tree.children, function (child) {
-            match = getByPath(child, path);
-
-            if (match) {
-              return false;
-            }
-          });
+      /**
+       * Get a subTree from a path
+       * @param {Object} tree - the tree model
+       * @param {String} path - the path (relative to the root)
+       * @returns {Object} the subtree that matches the path
+       */
+      function getByPath(tree, path) {
+        let match;
+        if (tree) {
+          if (tree.path && tree.path.indexOf(path) === 0) {
+            match = tree;
+          } else if (tree.children) {
+            _.forEach(tree.children, function (child) {
+              match = getByPath(child, path);
+              if (match) {
+                return false;
+              }
+            });
+          }
         }
+        return match;
       }
 
-      return match;
-    }
-    /**
-     * Merge data into at into the subtree
-     * @param {Object} tree - the tree model
-     * @param {String} path - the path (relative to the root)
-     * @param {Object} data - the sbutree to merge at path level
-     * @returns {Boolean}  true if done
-     */
-
-
-    function setToPath(tree, path, data) {
-      var done = false;
-
-      if (tree) {
-        if (tree.path === path) {
-          tree.children = tree.children ? tree.children.concat(data.children) : data.children;
-          tree.total = data.total;
-        } else if (tree.children) {
-          _.forEach(tree.children, function (child) {
-            done = setToPath(child, path, data);
-
-            if (done) {
-              return false;
-            }
-          });
+      /**
+       * Merge data into at into the subtree
+       * @param {Object} tree - the tree model
+       * @param {String} path - the path (relative to the root)
+       * @param {Object} data - the sbutree to merge at path level
+       * @returns {Boolean}  true if done
+       */
+      function setToPath(tree, path, data) {
+        let done = false;
+        if (tree) {
+          if (tree.path === path) {
+            tree.children = tree.children ? tree.children.concat(data.children) : data.children;
+            tree.total = data.total;
+          } else if (tree.children) {
+            _.forEach(tree.children, function (child) {
+              done = setToPath(child, path, data);
+              if (done) {
+                return false;
+              }
+            });
+          }
         }
+        return done;
       }
-
-      return done;
-    }
-    /**
-     * Remove file from tree
-     * @param {Object} tree - the tree model
-     * @param {String} path - the path (relative to the root)
-     * @returns {boolean} is file removed
-     */
-
-
-    function removeFromPath(tree, path) {
-      var done = false;
-      var removed = [];
-
-      if (tree && tree.children) {
-        removed = _.remove(tree.children, function (child) {
-          return child.path === path || child.name && tree.path + child.name === path || child.uri === path;
-        });
-        done = removed.length > 0;
-        tree.total--;
-
-        if (!done) {
-          _.forEach(tree.children, function (child) {
-            done = removeFromPath(child, path);
-
-            if (done) {
-              return false;
-            }
+      /**
+       * Remove file from tree
+       * @param {Object} tree - the tree model
+       * @param {String} path - the path (relative to the root)
+       * @returns {boolean} is file removed
+       */
+      function removeFromPath(tree, path) {
+        let done = false;
+        let removed = [];
+        if (tree && tree.children) {
+          removed = _.remove(tree.children, function (child) {
+            return child.path === path || child.name && tree.path + child.name === path || child.uri === path;
           });
+          done = removed.length > 0;
+          tree.total--;
+          if (!done) {
+            _.forEach(tree.children, function (child) {
+              done = removeFromPath(child, path);
+              if (done) {
+                return false;
+              }
+            });
+          }
         }
+        return done;
       }
 
-      return done;
-    }
-    /**
-     * Get the content of a folder
-     * @param {String} path - the folder path
-     * @returns {jQuery.Deferred} the defferred object to run done/complete/fail
-     */
-
-
-    function loadContent(path) {
-      var parameters = {};
-      parameters[options.pathParam] = path;
-      return request({
-        url: options.browseUrl,
-        method: 'GET',
-        dataType: 'json',
-        data: _.merge(parameters, options.params, {
-          childrenOffset: (selectedClass.page - 1) * selectedClass.childrenLimit
-        }),
-        noToken: true
-      }).then(function (response) {
-        return response.data;
-      }).then(function (response) {
-        response = updatePermissions(response);
+      /**
+       * Get the content of a folder
+       * @param {String} path - the folder path
+       * @returns {jQuery.Deferred} the defferred object to run done/complete/fail
+       */
+      function loadContent(path) {
+        const parameters = {};
+        parameters[options.pathParam] = path;
+        return request({
+          url: options.browseUrl,
+          method: 'GET',
+          dataType: 'json',
+          data: _.merge(parameters, options.params, {
+            childrenOffset: (selectedClass.page - 1) * selectedClass.childrenLimit
+          }),
+          noToken: true
+        }).then(response => response.data).then(response => {
+          response = updatePermissions(response);
+          if (response.children && response.children.length > 0) {
+            response.children.map(responseChildren => updatePermissions(responseChildren));
+          }
+          return response;
+        });
+      }
 
-        if (response.children && response.children.length > 0) {
-          response.children.map(function (responseChildren) {
-            return updatePermissions(responseChildren);
+      /**
+       * Update the HTML Tree
+       * @param {Object} data - the tree data
+       * @param {jQueryElement} $parent - the parent node to append the data
+       * @param {Boolean} [recurse] - internal recursive condition
+       */
+      function updateFolders(data, $parent, recurse) {
+        if (recurse && data && data.path) {
+          if (typeof data.relPath === 'undefined') {
+            data.relPath = data.path;
+          }
+          $parent.append(folderTpl(data));
+        }
+        if (data && data.children && _.isArray(data.children) && !data.empty) {
+          _.forEach(data.children, function (child) {
+            updateFolders(child, $parent, true);
           });
         }
+      }
 
-        return response;
-      });
-    }
-    /**
-     * Update the HTML Tree
-     * @param {Object} data - the tree data
-     * @param {jQueryElement} $parent - the parent node to append the data
-     * @param {Boolean} [recurse] - internal recursive condition
-     */
-
-
-    function updateFolders(data, $parent, recurse) {
-      if (recurse && data && data.path) {
-        if (typeof data.relPath === 'undefined') {
-          data.relPath = data.path;
+      /**
+       * Update the selectedClass
+       * @param {String} path - the folder path
+       * @param {Number} total - files in class
+       * @param {Number} childrenLimit - page size
+       */
+      function updateSelectedClass(path, total, childrenLimit) {
+        selectedClass = {
+          path,
+          total,
+          childrenLimit,
+          page: 1
+        };
+      }
+      /**
+       * Render pagination
+       */
+      function renderPagination() {
+        const $paginationContainer = $$1('.pagination-bottom', $container);
+        $paginationContainer.empty();
+        const totalPages = Math.ceil(selectedClass.total / selectedClass.childrenLimit);
+        if (selectedClass.total && totalPages > 1) {
+          paginationComponent({
+            mode: 'simple',
+            activePage: selectedClass.page,
+            totalPages
+          }).on('prev', function () {
+            selectedClass.page--;
+            loadPage();
+          }).on('next', function () {
+            selectedClass.page++;
+            loadPage();
+          }).render($paginationContainer);
         }
-
-        $parent.append(folderTpl(data));
       }
-
-      if (data && data.children && _.isArray(data.children) && !data.empty) {
-        _.forEach(data.children, function (child) {
-          updateFolders(child, $parent, true);
+      /**
+       * Load page
+       */
+      function loadPage() {
+        const subTree = getByPath(fileTree, selectedClass.path);
+
+        //get the folder content
+        getFolderContent(subTree, selectedClass.path, function (content) {
+          if (content) {
+            //internal event to set the file-selector content
+            $container.trigger(`folderselect.${ns}`, [content.label, getPage(content.children), content.path]);
+          }
         });
       }
     }
-    /**
-     * Update the selectedClass
-     * @param {String} path - the folder path
-     * @param {Number} total - files in class
-     * @param {Number} childrenLimit - page size
-     */
-
-
-    function updateSelectedClass(path, total, childrenLimit) {
-      selectedClass = {
-        path: path,
-        total: total,
-        childrenLimit: childrenLimit,
-        page: 1
-      };
-    }
-    /**
-     * Render pagination
-     */
-
-
-    function renderPagination() {
-      var $paginationContainer = $$1('.pagination-bottom', $container);
-      $paginationContainer.empty();
-      var totalPages = Math.ceil(selectedClass.total / selectedClass.childrenLimit);
-
-      if (selectedClass.total && totalPages > 1) {
-        paginationComponent({
-          mode: 'simple',
-          activePage: selectedClass.page,
-          totalPages: totalPages
-        }).on('prev', function () {
-          selectedClass.page--;
-          loadPage();
-        }).on('next', function () {
-          selectedClass.page++;
-          loadPage();
-        }).render($paginationContainer);
-      }
-    }
-    /**
-     * Load page
-     */
-
-
-    function loadPage() {
-      var subTree = getByPath(fileTree, selectedClass.path); //get the folder content
-
-      getFolderContent(subTree, selectedClass.path, function (content) {
-        if (content) {
-          //internal event to set the file-selector content
-          $container.trigger("folderselect.".concat(ns), [content.label, getPage(content.children), content.path]);
-        }
-      });
-    }
-  }
 
-  return fileBrowser;
+    return fileBrowser;
 
 });