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

package/dist/image/ImgStateActive.js

@@ -7,83 +7,75 @@ define(['jquery', 'nouislider', 'ui/resourcemgr', 'ui/tooltip', 'lodash', 'i18n'
     alignmentHelper = alignmentHelper && Object.prototype.hasOwnProperty.call(alignmentHelper, 'default') ? alignmentHelper['default'] : alignmentHelper;
     mediaEditorComponent = mediaEditorComponent && Object.prototype.hasOwnProperty.call(mediaEditorComponent, 'default') ? mediaEditorComponent['default'] : mediaEditorComponent;
 
-    /*
-     * 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) 2022 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
+    /*
+     * 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) 2022 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
      */
     function getImage(widget) {
-      var $img = widget.$original;
-      var img = widget.element;
-
+      let $img = widget.$original;
+      let img = widget.element;
       if (widget.element.is('figure')) {
         $img = widget.$original.find('img');
-        img = _.find(widget.element.getBody().elements, function (elem) {
-          return elem.is('img');
-        });
+        img = _.find(widget.element.getBody().elements, elem => elem.is('img'));
       }
-
       return {
-        $img: $img,
-        img: img
+        $img,
+        img
       };
     }
 
-    /*
-     * 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) 2021 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
+    /*
+     * 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) 2021 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
      */
-    var mediaSizer = function mediaSizer(media, widget) {
-      var _getImage = getImage(widget),
-          img = _getImage.img,
-          $img = _getImage.$img;
-
-      var $mediaSpan = widget.$container;
-
+    const mediaSizer = function mediaSizer(media, widget) {
+      const {
+        img,
+        $img
+      } = getImage(widget);
+      const $mediaSpan = widget.$container;
       if (img.data('responsive') !== media.responsive) {
         // switch between responsive and absolute values
-        img.data('responsive', media.responsive); // clean styles from prev mode
-
+        img.data('responsive', media.responsive);
+        // clean styles from prev mode
         $img.removeAttr('width');
         $img.removeAttr('height');
         $mediaSpan[0].removeAttribute('style');
       }
-
       _(['width', 'height']).each(function (sizeAttr) {
-        var val;
-
+        let val;
         if (media[sizeAttr] === '' || typeof media[sizeAttr] === 'undefined' || media[sizeAttr] === null) {
           img.removeAttr(sizeAttr);
           $img.removeAttr(sizeAttr);
           $mediaSpan.css(sizeAttr, '');
         } else {
           val = Math.round(media[sizeAttr]);
-
           if (media.responsive) {
             val += '%';
             img.attr(sizeAttr, val);
@@ -92,36 +84,33 @@ define(['jquery', 'nouislider', 'ui/resourcemgr', 'ui/tooltip', 'lodash', 'i18n'
             img.attr(sizeAttr, val);
             $img.attr(sizeAttr, val);
           }
-
           if (media.responsive || sizeAttr === 'width') {
             $mediaSpan.css(sizeAttr, val);
           }
-        } //trigger choice container size adaptation
-
-
+        }
+        //trigger choice container size adaptation
         widget.$container.trigger('contentChange.qti-widget');
       });
     };
 
-    /*
-     * 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) 2021 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
+    /*
+     * 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) 2021 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
      */
-
-    var getMedia = function getMedia(imgQtiElement, $imgNode, cb) {
+    const getMedia = (imgQtiElement, $imgNode, cb) => {
       //init data-responsive:
       if (typeof imgQtiElement.data('responsive') === 'undefined') {
         if (imgQtiElement.attr('width') && !/[0-9]+%/.test(imgQtiElement.attr('width'))) {
@@ -130,7 +119,6 @@ define(['jquery', 'nouislider', 'ui/resourcemgr', 'ui/tooltip', 'lodash', 'i18n'
           imgQtiElement.data('responsive', true);
         }
       }
-
       if (typeof imgQtiElement.attr('original-width') !== 'undefined' && typeof imgQtiElement.attr('original-height') !== 'undefined' && typeof imgQtiElement.attr('type') !== 'undefined' && typeof imgQtiElement.attr('src') !== 'undefined' && typeof imgQtiElement.attr('width') !== 'undefined' && typeof imgQtiElement.attr('height') !== 'undefined') {
         cb({
           $node: $imgNode,
@@ -154,17 +142,14 @@ define(['jquery', 'nouislider', 'ui/resourcemgr', 'ui/tooltip', 'lodash', 'i18n'
         });
       }
     };
-
-    var getMediaCb = function getMediaCb(media, widget, mediaEditor, options) {
-      var $mediaResizer = widget.$form.find('.img-resizer');
+    const getMediaCb = (media, widget, mediaEditor, options) => {
+      const $mediaResizer = widget.$form.find('.img-resizer');
       media.$container = widget.$container.parents('.widget-box');
-
       if (media.$container.length) {
         // eslint-disable-next-line no-unused-vars
         mediaEditor = mediaEditorComponent($mediaResizer, media, options).on('change', function (nMedia) {
           media = nMedia;
           widget.$original.prop('style', null); // not allowed by qti
-
           widget.$original.removeAttr('style');
           alignmentHelper.positionFloat(widget, media.align);
           mediaSizer(media, widget);
@@ -172,96 +157,86 @@ define(['jquery', 'nouislider', 'ui/resourcemgr', 'ui/tooltip', 'lodash', 'i18n'
         });
       }
     };
-
     function initMediaEditor(widget, mediaEditor, options) {
       if (mediaEditor) {
         mediaEditor.destroy();
       }
-
       if (!widget.$form.find('input[name=src]').val()) {
         return;
       }
-
-      var _getImage = getImage(widget),
-          img = _getImage.img,
-          $img = _getImage.$img;
-
-      getMedia(img, $img, function (m) {
-        return getMediaCb(m, widget, mediaEditor, options);
-      });
+      const {
+        img,
+        $img
+      } = getImage(widget);
+      getMedia(img, $img, m => getMediaCb(m, widget, mediaEditor, options));
     }
 
-    /*
-     * 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) 2021 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
+    /*
+     * 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) 2021 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
      */
-
-    /**
-     * Extract a default label from a file/path name
-     * @param {String} fileName - the file/path
-     * @returns {String} a label
+    /**
+     * Extract a default label from a file/path name
+     * @param {String} fileName - the file/path
+     * @returns {String} a label
      */
     function extractLabel(fileName) {
       return fileName.replace(/\.[^.]+$/, '').replace(/^(.*)\//, '').replace(/\W/, ' ').substr(0, 255);
     }
 
-    /*
-     * 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) 2021 (original work) Open Assessment Technologies SA ;
-     *
+    /*
+     * 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) 2021 (original work) Open Assessment Technologies SA ;
+     *
      */
-    var initAdvanced = function initAdvanced(widget) {
-      var $form = widget.$form;
-
-      var _getImage = getImage(widget),
-          img = _getImage.img;
-
-      var src = img ? img.attr('src') : '';
-
+    const initAdvanced = function (widget) {
+      const $form = widget.$form;
+      const {
+        img
+      } = getImage(widget);
+      let src = img ? img.attr('src') : '';
       if (src) {
         $form.find('[data-role=advanced]').show();
       } else {
         $form.find('[data-role=advanced]').hide();
       }
     };
-    var initUpload = function initUpload(widget) {
-      var $form = widget.$form;
-      var options = widget.options;
-
-      var _getImage2 = getImage(widget),
-          img = _getImage2.img;
-
-      var $uploadTrigger = $form.find('[data-role="upload-trigger"]');
-      var $src = $form.find('input[name=src]');
-      var $alt = $form.find('input[name=alt]');
-
-      var _openResourceMgr = function _openResourceMgr() {
+    const initUpload = function (widget) {
+      const $form = widget.$form;
+      const options = widget.options;
+      const {
+        img
+      } = getImage(widget);
+      const $uploadTrigger = $form.find('[data-role="upload-trigger"]');
+      const $src = $form.find('input[name=src]');
+      const $alt = $form.find('input[name=alt]');
+      const _openResourceMgr = function () {
         $uploadTrigger.resourcemgr({
           title: __('Please select an image file from the resource manager. You can add files from your computer with the button "Add file(s)".'),
           appendContainer: options.mediaManager.appendContainer,
@@ -290,27 +265,24 @@ define(['jquery', 'nouislider', 'ui/resourcemgr', 'ui/tooltip', 'lodash', 'i18n'
           pathParam: 'path',
           path: options.mediaManager.path,
           root: options.mediaManager.root,
-          select: function select(e, files) {
-            var file, alt;
-            var confirmBox, cancel, save;
-
+          select: function (e, files) {
+            let file, alt;
+            let confirmBox, cancel, save;
             if (files && files.length) {
               file = files[0].file;
               alt = files[0].alt;
               $src.val(file);
-
               if ($.trim($alt.val()) === '') {
                 if (alt === '') {
                   alt = extractLabel(file);
                 }
-
                 img.attr('alt', alt);
                 $alt.val(alt).trigger('change');
               } else {
                 confirmBox = $('.change-alt-modal-feedback', $form);
                 cancel = confirmBox.find('.cancel');
                 save = confirmBox.find('.save');
-                $('.alt-text', confirmBox).html("\"".concat($alt.val(), "\"<br>").concat(__('with'), "<br>\"").concat(alt, "\" ?"));
+                $('.alt-text', confirmBox).html(`"${$alt.val()}"<br>${__('with')}<br>"${alt}" ?`);
                 confirmBox.modal({
                   width: 500
                 });
@@ -323,28 +295,27 @@ define(['jquery', 'nouislider', 'ui/resourcemgr', 'ui/tooltip', 'lodash', 'i18n'
                   confirmBox.modal('close');
                 });
               }
-
               _.defer(function () {
                 img.attr('off-media-editor', 1);
                 $src.trigger('change');
               });
             }
           },
-          open: function open() {
+          open: function () {
             // hide tooltip if displayed
             if ($src.data('$tooltip')) {
               $src.blur().data('$tooltip').hide();
             }
           },
-          close: function close() {
+          close: function () {
             // triggers validation:
             $src.blur();
           }
         });
       };
+      $uploadTrigger.on('click', _openResourceMgr);
 
-      $uploadTrigger.on('click', _openResourceMgr); //if empty, open file manager immediately
-
+      //if empty, open file manager immediately
       if (!$src.val()) {
         _openResourceMgr();
       }
@@ -355,24 +326,24 @@ define(['jquery', 'nouislider', 'ui/resourcemgr', 'ui/tooltip', 'lodash', 'i18n'
       initUpload(widget);
     }
 
-    /*
-     * 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) 2021 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
+    /*
+     * 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) 2021 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
      */
-    var options = {
+    const options = {
       mediaDimension: {
         active: true
       },
@@ -380,85 +351,84 @@ define(['jquery', 'nouislider', 'ui/resourcemgr', 'ui/tooltip', 'lodash', 'i18n'
         active: true
       }
     };
-
-    var formCallbacks = function formCallbacks(_ref) {
-      var widget = _ref.widget,
-          formElement = _ref.formElement,
-          mediaEditor = _ref.mediaEditor,
-          togglePlaceholder = _ref.togglePlaceholder;
-      var $img = widget.$original;
+    const formCallbacks = _ref => {
+      let {
+        widget,
+        formElement,
+        mediaEditor,
+        togglePlaceholder
+      } = _ref;
+      const $img = widget.$original;
       return {
         src: _.throttle(function (img, value) {
           img.attr('src', value);
-
           if (!$img.hasClass('hidden')) {
             $img.addClass('hidden');
           }
-
           $img.attr('src', widget.getAssetManager().resolve(value));
           $img.trigger('contentChange.qti-widget').change();
           togglePlaceholder(widget);
           initAdvanced(widget);
-
           if (img.attr('off-media-editor') === 1) {
             img.removeAttr('off-media-editor');
           } else {
             initMediaEditor(widget, mediaEditor, options);
           }
         }, 1000),
-        alt: function alt(img, value) {
+        alt: function (img, value) {
           img.attr('alt', value);
         },
         longdesc: formElement.getAttributeChangeCallback()
       };
     };
-
-    var initForm = function initForm(_ref2) {
-      var widget = _ref2.widget,
-          formElement = _ref2.formElement,
-          formTpl = _ref2.formTpl,
-          mediaEditor = _ref2.mediaEditor,
-          togglePlaceholder = _ref2.togglePlaceholder;
+    const initForm = _ref2 => {
+      let {
+        widget,
+        formElement,
+        formTpl,
+        mediaEditor,
+        togglePlaceholder
+      } = _ref2;
       widget.$form.html(formTpl({
         baseUrl: widget.options.baseUrl || '',
         src: widget.element.attr('src'),
         alt: widget.element.attr('alt')
-      })); // init upload, advanced and media editor
+      }));
 
-      initAll(widget, mediaEditor, options); // init standard ui widget
+      // init upload, advanced and media editor
+      initAll(widget, mediaEditor, options);
 
-      formElement.initWidget(widget.$form); // init data change callbacks
+      // init standard ui widget
+      formElement.initWidget(widget.$form);
 
+      // init data change callbacks
       formElement.setChangeCallbacks(widget.$form, widget.element, formCallbacks({
-        widget: widget,
-        formElement: formElement,
-        mediaEditor: mediaEditor,
-        togglePlaceholder: togglePlaceholder
+        widget,
+        formElement,
+        mediaEditor,
+        togglePlaceholder
       }));
     };
-
     function ImgStateActive (stateFactory, ActiveState, formTpl, formElement, inlineHelper) {
-      /**
-       * media Editor instance if has been initialized
-       * @type {null}
+      /**
+       * media Editor instance if has been initialized
+       * @type {null}
        */
-      var mediaEditor = null;
-      var ImgStateActive = stateFactory.extend(ActiveState, function () {
+      let mediaEditor = null;
+      const ImgStateActive = stateFactory.extend(ActiveState, function () {
         this.initForm();
       }, function () {
         this.widget.$form.empty();
       });
-
       ImgStateActive.prototype.initForm = function () {
         initForm({
           widget: this.widget,
-          formElement: formElement,
-          formTpl: formTpl,
-          mediaEditor: mediaEditor,
+          formElement,
+          formTpl,
+          mediaEditor,
           togglePlaceholder: inlineHelper.togglePlaceholder
         });
       };
-
       return ImgStateActive;
     }