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

package/dist/previewer.js

@@ -9,22 +9,23 @@ define(['jquery', 'lodash', 'core/mimetype', 'core/pluginifier', 'ui/mediaplayer
     documentViewer = documentViewer && Object.prototype.hasOwnProperty.call(documentViewer, 'default') ? documentViewer['default'] : documentViewer;
     pdfViewer = pdfViewer && Object.prototype.hasOwnProperty.call(pdfViewer, 'default') ? pdfViewer['default'] : pdfViewer;
 
-    /**
-     * @author Bertrand Chevrier <bertrand@taotesting.com>
+    /**
+     * @author Bertrand Chevrier <bertrand@taotesting.com>
      */
-    var ns = 'previewer';
-    var dataNs = "ui.".concat(ns); //the plugin defaults
+    const ns = 'previewer';
+    const dataNs = `ui.${ns}`;
 
-    var defaults = {
+    //the plugin defaults
+    const defaults = {
       containerClass: 'previewer'
     };
-    /**
-     * Some default size values
-     * @type {Object}
-     * @private
-     */
 
-    var _defaultSize = {
+    /**
+     * Some default size values
+     * @type {Object}
+     * @private
+     */
+    const _defaultSize = {
       video: {
         width: 480,
         height: 300
@@ -38,7 +39,7 @@ define(['jquery', 'lodash', 'core/mimetype', 'core/pluginifier', 'ui/mediaplayer
         height: 500
       }
     };
-    var previewGenerator = {
+    const previewGenerator = {
       placeHolder: _.template("<p class='nopreview' data-type='${type}'>${desc}</p>"),
       youtubeTemplate: _.template("<div data-src=${jsonurl} data-type='video/youtube'></div>"),
       videoTemplate: _.template("<div data-src=${jsonurl} data-type='${mime}'></div>"),
@@ -49,192 +50,169 @@ define(['jquery', 'lodash', 'core/mimetype', 'core/pluginifier', 'ui/mediaplayer
       mathmlTemplate: _.template('<iframe src=${jsonurl}></iframe>'),
       xmlTemplate: _.template('<pre>${xml}</pre>'),
       htmlTemplate: _.template('<iframe src=${jsonurl}></iframe>'),
-
-      /**
-       * Generates the preview tags for a type
-       * @memberOf previewGenerator
-       * @param {String} type - the file type
-       * @param {Object} data - the preview data (url, desc, name)
-       * @returns {String} the tags
+      /**
+       * Generates the preview tags for a type
+       * @memberOf previewGenerator
+       * @param {String} type - the file type
+       * @param {Object} data - the preview data (url, desc, name)
+       * @returns {String} the tags
        */
       generate: function generate(type, data) {
-        var tmpl = this["".concat(type, "Template")];
+        const tmpl = this[`${type}Template`];
         data.jsonurl = JSON.stringify(data.url);
-
         if (_.isFunction(tmpl)) {
           return tmpl(data);
         }
       }
     };
     documentViewer.registerProvider('pdf', pdfViewer);
-    /**
-     * @exports ui/previewer
-     */
 
-    var previewer = {
-      /**
-       * Initialize the plugin.
-       *
-       * Called the jQuery way once registered by the Pluginifier.
-       * @example $('selector').previewer({ url : 'test.mp4', type : 'video/mp4' });
-       * @public
-       *
-       * @constructor
-       * @param {Object} [options] - the plugin options
-       * @returns {jQueryElement} for chaining
-       * @fires playerready when the mediaplayer (video) is sucessfully loaded and configured
+    /**
+     * @exports ui/previewer
+     */
+    const previewer = {
+      /**
+       * Initialize the plugin.
+       *
+       * Called the jQuery way once registered by the Pluginifier.
+       * @example $('selector').previewer({ url : 'test.mp4', type : 'video/mp4' });
+       * @public
+       *
+       * @constructor
+       * @param {Object} [options] - the plugin options
+       * @returns {jQueryElement} for chaining
+       * @fires playerready when the mediaplayer (video) is sucessfully loaded and configured
        */
-      init: function init(options) {
+      init: function (options) {
         //get options using default
         options = _.defaults(options || {}, defaults);
         return this.each(function () {
-          var $elt = $(this);
-
+          const $elt = $(this);
           if (!$elt.data(dataNs)) {
             if (!$elt.hasClass(options.containerClass)) {
               $elt.addClass(options.containerClass);
             }
-
             $elt.data(dataNs, options);
-
             previewer._update($elt);
-            /**
-             * The plugin has been created.
-             * @event previewer#create.previewer
-             */
-
 
-            $elt.trigger("create.".concat(ns));
+            /**
+             * The plugin has been created.
+             * @event previewer#create.previewer
+             */
+            $elt.trigger(`create.${ns}`);
           } else {
             $elt.previewer('update', options);
           }
         });
       },
-
-      /**
-       * Update the preview
-       * @example $('selector').previewer('update', {url: 'foo.mp3', type : 'audio/mp3'});
-       * @public
-       * @param {Object} data - the new options for the preview
-       * @returns {jQueryElement} for chaining
+      /**
+       * Update the preview
+       * @example $('selector').previewer('update', {url: 'foo.mp3', type : 'audio/mp3'});
+       * @public
+       * @param {Object} data - the new options for the preview
+       * @returns {jQueryElement} for chaining
        */
-      update: function update(data) {
+      update: function (data) {
         return this.each(function () {
-          var $elt = $(this);
-          var options = $elt.data(dataNs);
+          const $elt = $(this);
+          const options = $elt.data(dataNs);
           $elt.data(dataNs, _.merge(options, data));
-
           previewer._update($elt);
         });
       },
-
-      /**
-       * Set the player
-       * @param {JQueryElement} $elt
-       * @param {Object} player
-       * @private
+      /**
+       * Set the player
+       * @param {JQueryElement} $elt
+       * @param {Object} player
+       * @private
        */
-      _setPlayer: function _setPlayer($elt, player) {
+      _setPlayer: function ($elt, player) {
         $elt.data('player', player);
       },
-
-      /**
-       * Uninstalls the player if any
-       * @param {JQueryElement} $elt
-       * @private
+      /**
+       * Uninstalls the player if any
+       * @param {JQueryElement} $elt
+       * @private
        */
-      _clearPlayer: function _clearPlayer($elt) {
+      _clearPlayer: function ($elt) {
         if ($elt && $elt.data('player')) {
           $elt.data('player').destroy();
           $elt.removeData('player');
         }
       },
-
-      /**
-       * Update the preview
-       * @private
-       * @param {jQueryElement} $elt - the current element
+      /**
+       * Update the preview
+       * @private
+       * @param {jQueryElement} $elt - the current element
        */
-      _update: function _update($elt) {
-        var player;
-        var $content, $controls;
-        var options = $elt.data(dataNs);
-        var content, type;
-
+      _update: function ($elt) {
+        let player;
+        let $content, $controls;
+        let options = $elt.data(dataNs);
+        let content, type;
         previewer._clearPlayer($elt);
-
         if (options) {
           type = options.type || mimeType.getFileType({
             mime: options.mime,
             name: options.url
           });
-
           if (options.url) {
             if (!options.name) {
               options.name = options.url.substring(options.url.lastIndexOf('/') + 1, options.url.lastIndexOf('.'));
             }
-
             content = previewGenerator.generate(type, options);
           }
-
           if (!content) {
             content = previewGenerator.placeHolder({
               desc: '',
               type: options.type || options.mime || ''
             });
           }
-
           $content = $(content);
           $content.on('load', function () {
             iframeNotifier.parent('imageloaded');
           });
-
           if (options.width) {
             $content.attr('width', options.width);
           }
-
           if (options.height) {
             $content.attr('height', options.height);
           }
-
           $elt.empty().html($content);
-
           if (options.url) {
             if (type === 'audio' || type === 'video') {
-              var defSize = _defaultSize[type] || _defaultSize.video;
-              var width = options.width || defSize.width;
-              var height = options.height || defSize.height;
+              const defSize = _defaultSize[type] || _defaultSize.video;
+              const width = options.width || defSize.width;
+              const height = options.height || defSize.height;
               player = mediaplayer({
                 url: options.url,
                 type: options.mime,
                 renderTo: $content,
-                width: width,
-                height: height
+                width,
+                height
               }).on('ready', function () {
-                /**
-                 * @event playerready
+                /**
+                 * @event playerready
                  */
                 $elt.trigger('playerready');
               });
+              previewer._setPlayer($elt, player);
 
-              previewer._setPlayer($elt, player); // stop video and free the socket on escape keypress(modal window hides)
-
-
+              // stop video and free the socket on escape keypress(modal window hides)
               $('body').off('keydown.mediaelement').on('keydown.mediaelement', function (event) {
                 if (event.keyCode === 27) {
                   previewer._clearPlayer($elt);
                 }
-              }); // stop the video and free the socket on file select from the action icons
+              });
+
+              // stop the video and free the socket on file select from the action icons
               // stop video, free the socket and remove player interface on video deletion
               // stop video and free the socket on all other cases when video is selected or temporary hidden or modal window is closed
-
               $controls = $('.actions a:nth-child(1), .actions a:nth-child(3), .icon-close, .upload-switcher, .select-action, .files li>span', '#mediaManager');
               $controls.off('mousedown.mediaelement').on('mousedown.mediaelement', function (event) {
                 event.stopPropagation();
-
                 if (!$(this).closest('.mediaplayer').length) {
                   $controls.off('mousedown.mediaelement');
-
                   previewer._clearPlayer($elt);
                 }
               });
@@ -244,60 +222,57 @@ define(['jquery', 'lodash', 'core/mimetype', 'core/pluginifier', 'ui/mediaplayer
                 replace: true,
                 width: options.width || _defaultSize.pdf.width,
                 height: options.height || _defaultSize.pdf.height
-              }).load(options.url, 'pdf'); //if the documenviewer is used within the test runner (the old one)
+              }).load(options.url, 'pdf');
+
+              //if the documenviewer is used within the test runner (the old one)
               //we need to inform it the content will change.
               //this is an already deperecated feature, but we need backward compat
-
               _.defer(function () {
                 iframeNotifier.parent('imageloaded');
               });
             }
           }
-          /**
-           * The plugin has been created.
-           * @event previewer#update.previewer
-           */
-
 
-          $elt.trigger("update.".concat(ns));
+          /**
+           * The plugin has been created.
+           * @event previewer#update.previewer
+           */
+          $elt.trigger(`update.${ns}`);
         }
       },
-
-      /**
-       * Destroy completely the plugin.
-       *
-       * Called the jQuery way once registered by the Pluginifier.
-       * @example $('selector').previewer('destroy');
-       * @public
+      /**
+       * Destroy completely the plugin.
+       *
+       * Called the jQuery way once registered by the Pluginifier.
+       * @example $('selector').previewer('destroy');
+       * @public
        */
-      destroy: function destroy() {
+      destroy: function () {
         this.each(function () {
-          var $elt = $(this);
-
+          const $elt = $(this);
           previewer._clearPlayer($elt);
-          /**
-           * The plugin has been destroyed.
-           * @event previewer#destroy.previewer
+          /**
+           * The plugin has been destroyed.
+           * @event previewer#destroy.previewer
            */
-
-
-          $elt.trigger("destroy.".concat(ns));
+          $elt.trigger(`destroy.${ns}`);
         });
       }
-    }; //Register the incrementer to behave as a jQuery plugin.
+    };
 
+    //Register the incrementer to behave as a jQuery plugin.
     Pluginifier.register(ns, previewer);
-    /**
-     * The only exposed function is used to start listening on data-attr
-     *
-     * @public
-     * @example define(['ui/previewer'], function(previewer){ previewer($('rootContainer')); });
-     * @param {jQueryElement} $container - the root context to listen in
-     */
 
+    /**
+     * The only exposed function is used to start listening on data-attr
+     *
+     * @public
+     * @example define(['ui/previewer'], function(previewer){ previewer($('rootContainer')); });
+     * @param {jQueryElement} $container - the root context to listen in
+     */
     function listenDataAttr($container) {
       $container.find('[data-preview]').each(function () {
-        var $elt = $(this);
+        const $elt = $(this);
         $elt.previewer({
           url: $elt.data('preview'),
           type: $elt.data('preview-type'),

package/dist/progressbar.js

@@ -4,11 +4,11 @@ define(['jquery', 'lodash', 'core/pluginifier'], function ($, _, Pluginifier) {
     _ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
     Pluginifier = Pluginifier && Object.prototype.hasOwnProperty.call(Pluginifier, 'default') ? Pluginifier['default'] : Pluginifier;
 
-    /**
-     * @author Bertrand Chevrier <bertrand@taotesting.com>
-     * @requires jquery
-     * @requires lodash
-     * @requires core/pluginifier
+    /**
+     * @author Bertrand Chevrier <bertrand@taotesting.com>
+     * @requires jquery
+     * @requires lodash
+     * @requires core/pluginifier
      */
     var ns = 'progressbar';
     var dataNs = 'ui.' + ns;
@@ -18,138 +18,128 @@ define(['jquery', 'lodash', 'core/pluginifier'], function ($, _, Pluginifier) {
       value: 0,
       showProgress: false
     };
-    /**
-     * The Progressbar component.
-     * @exports ui/progressbar
-     */
 
+    /**
+     * The Progressbar component.
+     * @exports ui/progressbar
+     */
     var progressBar = {
-      /**
-       * Initialize the plugin.
-       *
-       * Called the jQuery way once registered by the Pluginifier.
-       * @example $('selector').progressbar({ value : 15 });
-       *
-       * @constructor
-       * @param {Object} [options] - the plugin options
-       * @param {Number} [options.value] - the progress value in %
-       * @param {String} [options.style = 'info'] - the progress bar style in info, success, warning, error
-       *
-       * @fires progressBar#create.progressbar
-       * @returns {jQueryElement} for chaining
+      /**
+       * Initialize the plugin.
+       *
+       * Called the jQuery way once registered by the Pluginifier.
+       * @example $('selector').progressbar({ value : 15 });
+       *
+       * @constructor
+       * @param {Object} [options] - the plugin options
+       * @param {Number} [options.value] - the progress value in %
+       * @param {String} [options.style = 'info'] - the progress bar style in info, success, warning, error
+       *
+       * @fires progressBar#create.progressbar
+       * @returns {jQueryElement} for chaining
        */
-      init: function init(options) {
+      init: function (options) {
         options = _.defaults(options || {}, defaults);
         return this.each(function () {
           var $elt = $(this);
           var $pgElt, percent;
-
           if (!$elt.data(dataNs)) {
-            options.value = parseInt(options.value, 10); //add data to the element
+            options.value = parseInt(options.value, 10);
 
+            //add data to the element
             $elt.data(dataNs, options);
             percent = options.value + '%';
             $pgElt = $('<span></span>').width(percent).attr('title', percent);
-
             if (options.showProgress) {
               $pgElt.text(percent);
             }
-
             $elt.addClass('progressbar').addClass(options.style).empty().append($pgElt);
-            /**
-             * The plugin have been created.
-             * @event progressBar#create.progressbar
-             */
 
+            /**
+             * The plugin have been created.
+             * @event progressBar#create.progressbar
+             */
             $elt.trigger('create.' + ns);
           }
         });
       },
-
-      /**
-       * Trigger the progress value
-       *
-       * Called the jQuery way once registered by the Pluginifier.
-       *
-       * @example $('selector').progressbar('update', 50);
-       *
-       * @param {jQueryElement} $elt - plugin's element
-       * @param {Number} value - the new value
-       *
-       * @fires progressBar#update.progressbar
+      /**
+       * Trigger the progress value
+       *
+       * Called the jQuery way once registered by the Pluginifier.
+       *
+       * @example $('selector').progressbar('update', 50);
+       *
+       * @param {jQueryElement} $elt - plugin's element
+       * @param {Number} value - the new value
+       *
+       * @fires progressBar#update.progressbar
        */
-      _update: function _update($elt, value) {
+      _update: function ($elt, value) {
         var options = $elt.data(dataNs);
         var $pgElt, percent;
         value = parseInt(value, 10);
-
         if (value >= 0 && value <= 100) {
           percent = value + '%';
           $pgElt = $elt.children('span');
           $pgElt.width(value + '%').attr('title', percent);
-
           if (options.showProgress) {
             $pgElt.text(percent);
           }
-
           options.value = value;
           $elt.data(dataNs, options);
-          /**
-           * The progress value has been updated
-           * @event progressBar#create.progressbar
-           */
 
+          /**
+           * The progress value has been updated
+           * @event progressBar#create.progressbar
+           */
           $elt.trigger('update.' + ns, value);
         }
       },
-
-      /**
-       * Get/Set the value
-       *
-       * Called the jQuery way once registered by the Pluginifier.
-       *
-       * @example var value = $('selector').progressbar('value');
-       *
-       * @param {jQueryElement} $elt - plugin's element
-       * @param {Number} [value] - the new value in setter mode only
-       * @returns {Number} the value in getter mode
+      /**
+       * Get/Set the value
+       *
+       * Called the jQuery way once registered by the Pluginifier.
+       *
+       * @example var value = $('selector').progressbar('value');
+       *
+       * @param {jQueryElement} $elt - plugin's element
+       * @param {Number} [value] - the new value in setter mode only
+       * @returns {Number} the value in getter mode
        */
-      _value: function _value($elt, value) {
+      _value: function ($elt, value) {
         var options = $elt.data(dataNs);
-
         if (typeof value !== 'undefined') {
           return progressBar._update($elt, value);
         }
-
         return options.value;
       },
-
-      /**
-       * Destroy completely the plugin.
-       *
-       * Called the jQuery way once registered by the Pluginifier.
-       * @example $('selector').progressbar('destroy');
-       *
-       * @fires progressBar#destroy.progressbar
+      /**
+       * Destroy completely the plugin.
+       *
+       * Called the jQuery way once registered by the Pluginifier.
+       * @example $('selector').progressbar('destroy');
+       *
+       * @fires progressBar#destroy.progressbar
        */
-      destroy: function destroy() {
+      destroy: function () {
         return this.each(function () {
           var $elt = $(this);
           var options = $elt.data(dataNs);
-
           if (options) {
             $elt.removeClass('progressbar').empty().removeData(dataNs);
-            /**
-             * The plugin have been destroyed.
-             * @event progressBar#destroy.progressbar
-             */
 
+            /**
+             * The plugin have been destroyed.
+             * @event progressBar#destroy.progressbar
+             */
             $elt.trigger('destroy.' + ns);
           }
         });
       }
-    }; //Register the toggler to behave as a jQuery plugin.
+    };
 
+    //Register the toggler to behave as a jQuery plugin.
     Pluginifier.register(ns, progressBar, {
       expose: ['update', 'value']
     });