@oat-sa/tao-core-ui 1.54.2 → 1.55.0

package/dist/uploader.js

@@ -24,24 +24,24 @@ define(['jquery', 'lodash', 'i18n', 'async', 'core/pluginifier', 'util/bytes', '
     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
+    /**
+     * 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);
     });
-    /**
-     * 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*
+    /**
+     * 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) {
@@ -128,66 +128,66 @@ define(['jquery', 'lodash', 'i18n', 'async', 'core/pluginifier', 'util/bytes', '
   function program3(depth0,data) {
     
     var buffer = "", helper, options;
-    buffer += "\r\n            "
+    buffer += "\n            "
       + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Drag files here", options) : helperMissing.call(depth0, "__", "Drag files here", options)))
-      + "\r\n            ";
+      + "\n            ";
     return buffer;
     }
 
   function program5(depth0,data) {
     
     var buffer = "", helper, options;
-    buffer += "\r\n            "
+    buffer += "\n            "
       + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Drag file here", options) : helperMissing.call(depth0, "__", "Drag file here", options)))
-      + "\r\n            ";
+      + "\n            ";
     return buffer;
     }
 
   function program7(depth0,data) {
     
     var buffer = "", helper, options;
-    buffer += "\r\n    <button type=\"button\" class=\"btn-info btn-reset small\"><span class=\"icon-eraser\"></span>"
+    buffer += "\n    <button type=\"button\" class=\"btn-info btn-reset small\"><span class=\"icon-eraser\"></span>"
       + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Reset", options) : helperMissing.call(depth0, "__", "Reset", options)))
-      + "</button>\r\n    ";
+      + "</button>\n    ";
     return buffer;
     }
 
   function program9(depth0,data) {
     
     var buffer = "", stack1, helper;
-    buffer += "\r\n    <button class=\"btn-success btn-upload small\"><span class=\"icon-upload\"></span>";
+    buffer += "\n    <button class=\"btn-success btn-upload small\"><span class=\"icon-upload\"></span>";
     if (helper = helpers.uploadBtnText) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.uploadBtnText); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
-      + "</button>\r\n    ";
+      + "</button>\n    ";
     return buffer;
     }
 
-    buffer += "<div class=\"file-upload grid-row\">\r\n    <span class=\"btn-info btn-browse small col-5\"><span class=\"icon-folder-open\"></span>"
+    buffer += "<div class=\"file-upload grid-row\">\n    <span class=\"btn-info btn-browse small col-5\"><span class=\"icon-folder-open\"></span>"
       + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Browse...", options) : helperMissing.call(depth0, "__", "Browse...", options)))
-      + "</span>\r\n    <span class=\"file-name col-7 truncate placeholder\">"
+      + "</span>\n    <span class=\"file-name col-7 truncate placeholder\">"
       + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "No file selected", options) : helperMissing.call(depth0, "__", "No file selected", options)))
-      + "</span>\r\n    <input type=\"file\" name=\"";
+      + "</span>\n    <input type=\"file\" name=\"";
     if (helper = helpers.inputName) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.inputName); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
       + "\" ";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.multiple), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += ">\r\n</div>\r\n<!--<div class=\"grid-row\" style=\"display:none;\">-->\r\n<!--<ul class=\"file-list\"></ul>-->\r\n<!--</div>-->\r\n<div class=\"grid-row\">\r\n    <div class=\"file-drop col-12\" data-drop-msg=\""
+    buffer += ">\n</div>\n<!--<div class=\"grid-row\" style=\"display:none;\">-->\n<!--<ul class=\"file-list\"></ul>-->\n<!--</div>-->\n<div class=\"grid-row\">\n    <div class=\"file-drop col-12\" data-drop-msg=\""
       + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Drop the files to upload", options) : helperMissing.call(depth0, "__", "Drop the files to upload", options)))
-      + "\">\r\n        <div class=\"dragholder\">\r\n            ~ "
+      + "\">\n        <div class=\"dragholder\">\n            ~ "
       + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "or", options) : helperMissing.call(depth0, "__", "or", options)))
-      + " ~\r\n            <br/>\r\n            ";
+      + " ~\n            <br/>\n            ";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.multiple), {hash:{},inverse:self.program(5, program5, data),fn:self.program(3, program3, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class=\"grid-row\">\r\n    <div class=\"progressbar col-12\"></div>\r\n    <br/>\r\n</div>\r\n<div class=\"grid-row\">\r\n    ";
+    buffer += "\n        </div>\n    </div>\n</div>\n<div class=\"grid-row\">\n    <div class=\"progressbar col-12\"></div>\n    <br/>\n</div>\n<div class=\"grid-row\">\n    ";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.showResetButton), {hash:{},inverse:self.noop,fn:self.program(7, program7, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n    ";
+    buffer += "\n    ";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.showUploadButton), {hash:{},inverse:self.noop,fn:self.program(9, program9, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n</div>";
+    buffer += "\n</div>";
     return buffer;
     });
   function uploaderTpl(data, options, asString) {
@@ -209,15 +209,15 @@ define(['jquery', 'lodash', 'i18n', 'async', 'core/pluginifier', 'util/bytes', '
     if (helper = helpers.name) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.name); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
-      + "\">\r\n    ";
+      + "\">\n    ";
     if (helper = helpers.name) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.name); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
-      + "\r\n    <span class=\"size\">";
+      + "\n    <span class=\"size\">";
     if (helper = helpers.size) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.size); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
-      + "</span>\r\n    <span class=\"status\"></span>\r\n    <a href=\"#\" data-role=\"delete\"><span class=\"icon-close\"></span></a>\r\n</li>\r\n";
+      + "</span>\n    <span class=\"status\"></span>\n    <a href=\"#\" data-role=\"delete\"><span class=\"icon-close\"></span></a>\n</li>\n";
     return buffer;
     });
   function fileEntryTpl(data, options, asString) {
@@ -225,8 +225,8 @@ define(['jquery', 'lodash', 'i18n', 'async', 'core/pluginifier', 'util/bytes', '
     return (asString || true) ? html : $(html);
   }
 
-  /**
-   * @author Bertrand Chevrier <bertrand@taotesting.com>
+  /**
+   * @author Bertrand Chevrier <bertrand@taotesting.com>
    */
   var ns = 'uploader';
   var dataNs = 'ui.' + ns; //the plugin defaults
@@ -252,12 +252,12 @@ define(['jquery', 'lodash', 'i18n', 'async', 'core/pluginifier', 'util/bytes', '
     defaultErrMsg: __('Unable to upload file'),
     uploadBtnText: __('Upload'),
 
-    /**
-     * Make files available before file selection. It can be used to filter.
-     * @callback fileSelect
-     * @param {Array<File>} files - the selected files
-     * @param {Function} [done] - callback with filtered files
-     * @returns {undefined|Array<File>} the files to be selected
+    /**
+     * Make files available before file selection. It can be used to filter.
+     * @callback fileSelect
+     * @param {Array<File>} files - the selected files
+     * @param {Function} [done] - callback with filtered files
+     * @returns {undefined|Array<File>} the files to be selected
      */
     fileSelect: function fileSelect(files, done) {
       if (_.isFunction(done)) {
@@ -272,46 +272,45 @@ define(['jquery', 'lodash', 'i18n', 'async', 'core/pluginifier', 'util/bytes', '
     filereader: typeof FileReader !== 'undefined',
     dnd: 'draggable' in document.createElement('span')
   };
-  /**
-   * Define a jQuery component to help you to manage file(s) upload/reading.
-   * @exports ui/uploader
+  /**
+   * Define a jQuery component to help you to manage file(s) upload/reading.
+   * @exports ui/uploader
    */
 
   var uploader = {
-    /**
-     * Initialize the plugin.
-     *
-     * Called the jQuery way once registered by the Pluginifier.
-     * @example $('selector').uploader();
-     *
-     * @constructor
-     * @param {Object} [options] - the plugin options
-     * @param {Boolean} [options.upload =  true] - if we upload the file once selected
-     * @param {String} [options.uploadUrl] - the URL where the files will be posted
-     * @param {jQueryElement} [options.$form] - a form to be used instead
-     * @param {Boolean} [options.read =  false] - if we can read the file once selected
-     * @param {Boolean} [options.multiple =  false] - enable to select more multiple files (may be not supported by old browsers)
-     * @param {Number} [options.uploadQueueSize =  3] - max parallel uploads (applies only in multiple mode)
-     * @param {String} [options.browseBtnClass = btn-browse] - the class to identify the browse button
-     * @param {String} [options.uploadBtnClass = btn-upload] - the class to identify the upload button
-     * @param {String} [options.resetBtnClass = btn-reset] - the class to identify the reset button
-     * @param {String} [options.fileNameClass = file-name] - the class of the elt where the file name is set
-     * @param {String} [options.dropZoneClass = file-drop] - the class of the drop file elt
-     * @param {String} [options.progressBarClass = progressbar] - the class to identify the progress bar
-     * @param {String} [options.dragOverClass = drag-hover] - the class to set to the drop zone when dragging over
-     * @param {Function} [options.fileSelect] - called back before selection with files in params and returns the files to select; filter use case
-     * @param {Object} [options.formAttributes] - object with all the attributes you want to be on the form element
-     * @param {String} [options.defaultErrMsg] - localized error message when something goes wrong
-     * @param {String} [options.uploadBtnText] - text on upload button
-     * @returns {jQueryElement} for chainingV
+    /**
+     * Initialize the plugin.
+     *
+     * Called the jQuery way once registered by the Pluginifier.
+     * @example $('selector').uploader();
+     *
+     * @constructor
+     * @param {Object} [options] - the plugin options
+     * @param {Boolean} [options.upload =  true] - if we upload the file once selected
+     * @param {String} [options.uploadUrl] - the URL where the files will be posted
+     * @param {jQueryElement} [options.$form] - a form to be used instead
+     * @param {Boolean} [options.read =  false] - if we can read the file once selected
+     * @param {Boolean} [options.multiple =  false] - enable to select more multiple files (may be not supported by old browsers)
+     * @param {Number} [options.uploadQueueSize =  3] - max parallel uploads (applies only in multiple mode)
+     * @param {String} [options.browseBtnClass = btn-browse] - the class to identify the browse button
+     * @param {String} [options.uploadBtnClass = btn-upload] - the class to identify the upload button
+     * @param {String} [options.resetBtnClass = btn-reset] - the class to identify the reset button
+     * @param {String} [options.fileNameClass = file-name] - the class of the elt where the file name is set
+     * @param {String} [options.dropZoneClass = file-drop] - the class of the drop file elt
+     * @param {String} [options.progressBarClass = progressbar] - the class to identify the progress bar
+     * @param {String} [options.dragOverClass = drag-hover] - the class to set to the drop zone when dragging over
+     * @param {Function} [options.fileSelect] - called back before selection with files in params and returns the files to select; filter use case
+     * @param {Object} [options.formAttributes] - object with all the attributes you want to be on the form element
+     * @param {String} [options.defaultErrMsg] - localized error message when something goes wrong
+     * @param {String} [options.uploadBtnText] - text on upload button
+     * @returns {jQueryElement} for chainingV
      */
     init: function init(options) {
-      var self = uploader; //get options using default
-
+      //get options using default
       options = _.defaults(options || {}, defaults);
       return this.each(function () {
-        var $elt = $$1(this),
-            $builtInForm;
+        var $elt = $$1(this);
+        var $builtInForm;
 
         if (!$elt.data(dataNs)) {
           $elt.html(uploaderTpl(options)); // form could be inside $elt ...
@@ -343,7 +342,7 @@ define(['jquery', 'lodash', 'i18n', 'async', 'core/pluginifier', 'util/bytes', '
           options.files = [];
           $elt.data(dataNs, options);
 
-          self._reset($elt);
+          uploader._reset($elt);
 
           var inputHandler = function inputHandler(e) {
             // _.values also get the length property of the FileList object,
@@ -354,7 +353,9 @@ define(['jquery', 'lodash', 'i18n', 'async', 'core/pluginifier', 'util/bytes', '
               finalFiles.push(file);
             });
 
-            self._selectFiles($elt, finalFiles);
+            uploader._selectFiles($elt, finalFiles);
+
+            options.$input.val('');
           };
 
           var dragOverHandler = function dragOverHandler(e) {
@@ -415,7 +416,7 @@ define(['jquery', 'lodash', 'i18n', 'async', 'core/pluginifier', 'util/bytes', '
                   append = false;
                 }
 
-                self._selectFiles($elt, files, append);
+                uploader._selectFiles($elt, files, append);
               }
 
               return false;
@@ -427,30 +428,30 @@ define(['jquery', 'lodash', 'i18n', 'async', 'core/pluginifier', 'util/bytes', '
 
           $elt.on('fileselect.' + ns, function () {
             if (options.files.length === 0) {
-              self._reset($elt);
+              uploader._reset($elt);
             }
 
             if (options.upload) {
               options.$uploadBtn.off('click').on('click', function (e) {
                 e.preventDefault();
 
-                self._upload($elt, options.files);
+                uploader._upload($elt, options.files);
               }).removeProp('disabled');
             }
 
             if (options.read) {
-              self._read($elt, options.files);
+              uploader._read($elt, options.files);
             }
 
             options.$resetBtn.off('click').on('click', function (e) {
               e.preventDefault();
 
-              self._reset($elt);
+              uploader._reset($elt);
             }).removeProp('disabled');
           });
-          /**
-           * The plugin has been created.
-           * @event uploader#create.uploader
+          /**
+           * The plugin has been created.
+           * @event uploader#create.uploader
            */
 
           $elt.trigger('create.' + ns);
@@ -458,16 +459,16 @@ define(['jquery', 'lodash', 'i18n', 'async', 'core/pluginifier', 'util/bytes', '
       });
     },
 
-    /**
-     * Select files to upload/read.
-     *
-     * Called the jQuery way once registered by the Pluginifier:
-     * @example $('selector').uploader('selectFiles', files);
-     *
-     * @param {jQueryElement} $elt - plugin's element
-     * @param {Array<File>} files - the selected files
-     * @param {Boolean} [append = false] - in append mode the files are added instead of replaced
-     * @fires uploader#fileselect.uploader
+    /**
+     * Select files to upload/read.
+     *
+     * Called the jQuery way once registered by the Pluginifier:
+     * @example $('selector').uploader('selectFiles', files);
+     *
+     * @param {jQueryElement} $elt - plugin's element
+     * @param {Array<File>} files - the selected files
+     * @param {Boolean} [append = false] - in append mode the files are added instead of replaced
+     * @fires uploader#fileselect.uploader
      */
     _selectFiles: function _selectFiles($elt, files, append) {
       var self = this;
@@ -533,9 +534,9 @@ define(['jquery', 'lodash', 'i18n', 'async', 'core/pluginifier', 'util/bytes', '
             options.files = options.files.slice(0, 1);
             options.$fileName.text(files[0].name).removeClass('placeholder');
           }
-          /**
-           * Files has been selected
-           * @event uploader#fileselect.uploader
+          /**
+           * Files has been selected
+           * @event uploader#fileselect.uploader
            */
 
 
@@ -544,14 +545,14 @@ define(['jquery', 'lodash', 'i18n', 'async', 'core/pluginifier', 'util/bytes', '
       }
     },
 
-    /**
-     * Get the selected files.
-     *
-     * Called the jQuery way once registered by the Pluginifier:
-     * @example var files = $('selector').uploader('files');
-     *
-     * @param {jQueryElement} $elt - plugin's element
-     * @returns {Array<File>} the selected files
+    /**
+     * Get the selected files.
+     *
+     * Called the jQuery way once registered by the Pluginifier:
+     * @example const files = $('selector').uploader('files');
+     *
+     * @param {jQueryElement} $elt - plugin's element
+     * @returns {Array<File>} the selected files
      */
     _files: function _files($elt) {
       var files = [];
@@ -564,14 +565,14 @@ define(['jquery', 'lodash', 'i18n', 'async', 'core/pluginifier', 'util/bytes', '
       return files;
     },
 
-    /**
-     * Reset the component
-     *
-     * Called the jQuery way once registered by the Pluginifier:
-     * @example $('selector').uploader('reset');
-     *
-     * @param {jQueryElement} $elt - plugin's element
-     * @fires uploader#reset.uploader
+    /**
+     * Reset the component
+     *
+     * Called the jQuery way once registered by the Pluginifier:
+     * @example $('selector').uploader('reset');
+     *
+     * @param {jQueryElement} $elt - plugin's element
+     * @fires uploader#reset.uploader
      */
     _reset: function _reset($elt) {
       var options = $elt.data(dataNs);
@@ -590,25 +591,25 @@ define(['jquery', 'lodash', 'i18n', 'async', 'core/pluginifier', 'util/bytes', '
           value: 0
         });
       }
-      /**
-       * The plugin has been created.
-       * @event uploader#reset.uploader
+      /**
+       * The plugin has been created.
+       * @event uploader#reset.uploader
        */
 
 
       $elt.trigger('reset.' + ns);
     },
 
-    /**
-     * Upload the selected file
-     *
-     * Called the jQuery way once registered by the Pluginifier:
-     * @example $('selector').uploader('upload');
-     *
-     * @param {jQueryElement} $elt - plugin's element
-     * @fires uploader#upload.uploader
-     * @fires uploader#fail.uploader
-     * @fires uploader#end.uploader
+    /**
+     * Upload the selected file
+     *
+     * Called the jQuery way once registered by the Pluginifier:
+     * @example $('selector').uploader('upload');
+     *
+     * @param {jQueryElement} $elt - plugin's element
+     * @fires uploader#upload.uploader
+     * @fires uploader#fail.uploader
+     * @fires uploader#end.uploader
      */
     _upload: function _upload($elt) {
       var length,
@@ -659,20 +660,20 @@ define(['jquery', 'lodash', 'i18n', 'async', 'core/pluginifier', 'util/bytes', '
 
               if (err) {
                 errors.push(err);
-                /**
-                 * The file fails to upload
-                 * @event uploader#fail.uploader
-                 * @param {Object} file - the uploaded file
-                 * @param {Object} err - the error
+                /**
+                 * The file fails to upload
+                 * @event uploader#fail.uploader
+                 * @param {Object} file - the uploaded file
+                 * @param {Object} err - the error
                  */
 
                 $elt.trigger('fail.' + ns, [file, err]);
               } else {
-                /**
-                 * A file is uploaded
-                 * @event uploader#upload.uploader
-                 * @param {Object} file - the uploaded file
-                 * @param {Object} result - the upload response
+                /**
+                 * A file is uploaded
+                 * @event uploader#upload.uploader
+                 * @param {Object} file - the uploaded file
+                 * @param {Object} result - the upload response
                  */
                 $elt.trigger('upload.' + ns, [file, result]);
               } //update progress bar regarding the number of files uploaded
@@ -688,9 +689,9 @@ define(['jquery', 'lodash', 'i18n', 'async', 'core/pluginifier', 'util/bytes', '
                 } else {
                   options.$progressBar.addClass('success');
                 }
-                /**
-                 * The upload sequence is complete
-                 * @event uploader#end.uploader
+                /**
+                 * The upload sequence is complete
+                 * @event uploader#end.uploader
                  */
 
 
@@ -702,48 +703,44 @@ define(['jquery', 'lodash', 'i18n', 'async', 'core/pluginifier', 'util/bytes', '
       }
     },
 
-    /**
-     * Read the selected file.
-     *
-     * TODO update files status and progress bar by file
-     *
-     * Called the jQuery way once registered by the Pluginifier:
-     * @example $('selector').uploader('read');
-     *
-     * @param {jQueryElement} $elt - plugin's element
-     * @fires uploader#readstart.uploader
-     * @fires uploader#readend.uploader
+    /**
+     * Read the selected file.
+     *
+     * TODO update files status and progress bar by file
+     *
+     * Called the jQuery way once registered by the Pluginifier:
+     * @example $('selector').uploader('read');
+     *
+     * @param {jQueryElement} $elt - plugin's element
+     * @fires uploader#readstart.uploader
+     * @fires uploader#readend.uploader
      */
     _read: function _read($elt) {
       var options = $elt.data(dataNs);
 
       if (options && options.files.length) {
         _.forEach(options.files, function (file) {
-          // Show information about the processed file to the candidate.
-          var filename = file.name;
-          var filesize = file.size;
-          var filetype = file.type; // Let's read the file to get its base64 encoded content.
-
+          // Let's read the file to get its base64 encoded content.
           var reader = new FileReader();
 
           reader.onload = function (e) {
             options.$progressBar.progressbar('value', 100);
-            /**
-             * The read is fininshed
-             * @event uploader#readend.uploader
-             * @param {Object} file - the reading file
-             * @param {Object} result - the content
+            /**
+             * The read is fininshed
+             * @event uploader#readend.uploader
+             * @param {Object} file - the reading file
+             * @param {Object} result - the content
              */
 
             $elt.trigger('readend.' + ns, [file, e.target.result]);
           };
 
-          reader.onloadstart = function (e) {
+          reader.onloadstart = function () {
             options.$progressBar.progressbar('value', 0);
-            /**
-             * The reading starts
-             * @event uploader#readstart.uploader
-             * @param {Object} file - the reading file
+            /**
+             * The reading starts
+             * @event uploader#readstart.uploader
+             * @param {Object} file - the reading file
              */
 
             $elt.trigger('readstart.' + ns, [file]);
@@ -761,22 +758,22 @@ define(['jquery', 'lodash', 'i18n', 'async', 'core/pluginifier', 'util/bytes', '
       }
     },
 
-    /**
-     * Destroy completely the plugin.
-     *
-     * Called the jQuery way once registered by the Pluginifier:
-     * @example $('selector').uploader('destroy');
-     *
-     * @fires uploader#destroy.uploader
+    /**
+     * Destroy completely the plugin.
+     *
+     * Called the jQuery way once registered by the Pluginifier:
+     * @example $('selector').uploader('destroy');
+     *
+     * @fires uploader#destroy.uploader
      */
     destroy: function destroy() {
       this.each(function () {
         var $elt = $$1(this);
         $$1(document).off('drop.' + ns).off('dragover.' + ns);
         $elt.empty();
-        /**
-         * The plugin has been destroyed.
-         * @event uploader#destroy.uploader
+        /**
+         * The plugin has been destroyed.
+         * @event uploader#destroy.uploader
          */
 
         $elt.trigger('destroy.' + ns);