@oat-sa/tao-core-ui 1.64.1 → 1.64.2

package/src/image/ImgStateActive/extractLabel.js

@@ -1,29 +1,29 @@
-/*
- * 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
- */
-export default 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 (under the project TAO-PRODUCT);
+ */
+/**
+ * Extract a default label from a file/path name
+ * @param {String} fileName - the file/path
+ * @returns {String} a label
+ */
+export default function extractLabel(fileName) {
+    return fileName
+        .replace(/\.[^.]+$/, '')
+        .replace(/^(.*)\//, '')
+        .replace(/\W/, ' ')
+        .substr(0, 255);
+}

package/src/image/ImgStateActive/helper.js

@@ -1,36 +1,36 @@
-/*
- * 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);
- */
-/**
- * Get image element and jquery object
- * @param {Object} widget
- * @returns {Object} {img, $img}
- */
-import _ from 'lodash';
-
-export function getImage(widget) {
-    let $img = widget.$original;
-    let img = widget.element;
-    if (widget.element.is('figure')) {
-        $img = widget.$original.find('img');
-        img = _.find(widget.element.getBody().elements, elem => elem.is('img'));
-    }
-    return {
-        $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) 2022 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
+ */
+/**
+ * Get image element and jquery object
+ * @param {Object} widget
+ * @returns {Object} {img, $img}
+ */
+import _ from 'lodash';
+
+export function getImage(widget) {
+    let $img = widget.$original;
+    let img = widget.element;
+    if (widget.element.is('figure')) {
+        $img = widget.$original.find('img');
+        img = _.find(widget.element.getBody().elements, elem => elem.is('img'));
+    }
+    return {
+        $img,
+        img
+    };
+}

package/src/image/ImgStateActive/initHelper.js

@@ -1,137 +1,137 @@
-/*
- * 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 ;
- *
- */
-import $ from 'jquery';
-import _ from 'lodash';
-import __ from 'i18n';
-import initMediaEditor from './initMediaEditor';
-import extractLabel from './extractLabel';
-import { getImage } from './helper';
-
-export 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();
-    }
-};
-
-export 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,
-            mediaSourcesUrl: options.mediaManager.mediaSourcesUrl,
-            browseUrl: options.mediaManager.browseUrl,
-            uploadUrl: options.mediaManager.uploadUrl,
-            deleteUrl: options.mediaManager.deleteUrl,
-            downloadUrl: options.mediaManager.downloadUrl,
-            fileExistsUrl: options.mediaManager.fileExistsUrl,
-            params: {
-                uri: options.uri,
-                lang: options.lang,
-                filters: [
-                    { mime: 'image/jpeg' },
-                    { mime: 'image/png' },
-                    { mime: 'image/gif' },
-                    { mime: 'image/svg+xml' },
-                    { mime: 'application/x-gzip', extension: 'svgz' }
-                ]
-            },
-            pathParam: 'path',
-            path: options.mediaManager.path,
-            root: options.mediaManager.root,
-            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(`"${$alt.val()}"<br>${__('with')}<br>"${alt}" ?`);
-
-                        confirmBox.modal({ width: 500 });
-
-                        save.off('click').on('click', function () {
-                            img.attr('alt', alt);
-                            $alt.val(alt).trigger('change');
-                            confirmBox.modal('close');
-                        });
-
-                        cancel.off('click').on('click', function () {
-                            confirmBox.modal('close');
-                        });
-                    }
-
-                    _.defer(function () {
-                        img.attr('off-media-editor', 1);
-                        $src.trigger('change');
-                    });
-                }
-            },
-            open: function () {
-                // hide tooltip if displayed
-                if ($src.data('$tooltip')) {
-                    $src.blur().data('$tooltip').hide();
-                }
-            },
-            close: function () {
-                // triggers validation:
-                $src.blur();
-            }
-        });
-    };
-
-    $uploadTrigger.on('click', _openResourceMgr);
-
-    //if empty, open file manager immediately
-    if (!$src.val()) {
-        _openResourceMgr();
-    }
-};
-
-export default function initAll(widget, mediaEditor, options) {
-    initAdvanced(widget);
-    initMediaEditor(widget, mediaEditor, options);
-    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 ;
+ *
+ */
+import $ from 'jquery';
+import _ from 'lodash';
+import __ from 'i18n';
+import initMediaEditor from './initMediaEditor';
+import extractLabel from './extractLabel';
+import { getImage } from './helper';
+
+export 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();
+    }
+};
+
+export 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,
+            mediaSourcesUrl: options.mediaManager.mediaSourcesUrl,
+            browseUrl: options.mediaManager.browseUrl,
+            uploadUrl: options.mediaManager.uploadUrl,
+            deleteUrl: options.mediaManager.deleteUrl,
+            downloadUrl: options.mediaManager.downloadUrl,
+            fileExistsUrl: options.mediaManager.fileExistsUrl,
+            params: {
+                uri: options.uri,
+                lang: options.lang,
+                filters: [
+                    { mime: 'image/jpeg' },
+                    { mime: 'image/png' },
+                    { mime: 'image/gif' },
+                    { mime: 'image/svg+xml' },
+                    { mime: 'application/x-gzip', extension: 'svgz' }
+                ]
+            },
+            pathParam: 'path',
+            path: options.mediaManager.path,
+            root: options.mediaManager.root,
+            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(`"${$alt.val()}"<br>${__('with')}<br>"${alt}" ?`);
+
+                        confirmBox.modal({ width: 500 });
+
+                        save.off('click').on('click', function () {
+                            img.attr('alt', alt);
+                            $alt.val(alt).trigger('change');
+                            confirmBox.modal('close');
+                        });
+
+                        cancel.off('click').on('click', function () {
+                            confirmBox.modal('close');
+                        });
+                    }
+
+                    _.defer(function () {
+                        img.attr('off-media-editor', 1);
+                        $src.trigger('change');
+                    });
+                }
+            },
+            open: function () {
+                // hide tooltip if displayed
+                if ($src.data('$tooltip')) {
+                    $src.blur().data('$tooltip').hide();
+                }
+            },
+            close: function () {
+                // triggers validation:
+                $src.blur();
+            }
+        });
+    };
+
+    $uploadTrigger.on('click', _openResourceMgr);
+
+    //if empty, open file manager immediately
+    if (!$src.val()) {
+        _openResourceMgr();
+    }
+};
+
+export default function initAll(widget, mediaEditor, options) {
+    initAdvanced(widget);
+    initMediaEditor(widget, mediaEditor, options);
+    initUpload(widget);
+}
+

package/src/image/ImgStateActive/initMediaEditor.js

@@ -1,92 +1,92 @@
-/*
- * 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);
- */
-import 'jquery';
-import mimeType from 'core/mimetype';
-import alignmentHelper from 'ui/mediaEditor/plugins/mediaAlignment/helper';
-import mediaEditorComponent from 'ui/mediaEditor/mediaEditorComponent';
-import { mediaSizer } from './mediaSizer';
-import { getImage } from './helper';
-
-const getMedia = (imgQtiElement, $imgNode, cb) => {
-    //init data-responsive:
-    if (typeof imgQtiElement.data('responsive') === 'undefined') {
-        if (imgQtiElement.attr('width') && !/[0-9]+%/.test(imgQtiElement.attr('width'))) {
-            imgQtiElement.data('responsive', false);
-        } else {
-            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,
-            type: imgQtiElement.attr('type'),
-            src: imgQtiElement.attr('src'),
-            width: imgQtiElement.attr('width'),
-            height: imgQtiElement.attr('height'),
-            responsive: imgQtiElement.data('responsive')
-        });
-    } else {
-        mimeType.getResourceType($imgNode.attr('src'), function (err, type) {
-            imgQtiElement.attr('type', type);
-            cb({
-                $node: $imgNode,
-                type: imgQtiElement.attr('type'),
-                src: imgQtiElement.attr('src'),
-                width: imgQtiElement.attr('width'),
-                height: imgQtiElement.attr('height'),
-                responsive: imgQtiElement.data('responsive')
-            });
-        });
-    }
-};
-
-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);
-            widget.$original.removeClass('hidden');
-        });
-    }
-};
-
-export default function initMediaEditor(widget, mediaEditor, options) {
-    if (mediaEditor) {
-        mediaEditor.destroy();
-    }
-
-    if (!widget.$form.find('input[name=src]').val()) {
-        return;
-    }
-    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);
+ */
+import 'jquery';
+import mimeType from 'core/mimetype';
+import alignmentHelper from 'ui/mediaEditor/plugins/mediaAlignment/helper';
+import mediaEditorComponent from 'ui/mediaEditor/mediaEditorComponent';
+import { mediaSizer } from './mediaSizer';
+import { getImage } from './helper';
+
+const getMedia = (imgQtiElement, $imgNode, cb) => {
+    //init data-responsive:
+    if (typeof imgQtiElement.data('responsive') === 'undefined') {
+        if (imgQtiElement.attr('width') && !/[0-9]+%/.test(imgQtiElement.attr('width'))) {
+            imgQtiElement.data('responsive', false);
+        } else {
+            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,
+            type: imgQtiElement.attr('type'),
+            src: imgQtiElement.attr('src'),
+            width: imgQtiElement.attr('width'),
+            height: imgQtiElement.attr('height'),
+            responsive: imgQtiElement.data('responsive')
+        });
+    } else {
+        mimeType.getResourceType($imgNode.attr('src'), function (err, type) {
+            imgQtiElement.attr('type', type);
+            cb({
+                $node: $imgNode,
+                type: imgQtiElement.attr('type'),
+                src: imgQtiElement.attr('src'),
+                width: imgQtiElement.attr('width'),
+                height: imgQtiElement.attr('height'),
+                responsive: imgQtiElement.data('responsive')
+            });
+        });
+    }
+};
+
+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);
+            widget.$original.removeClass('hidden');
+        });
+    }
+};
+
+export default function initMediaEditor(widget, mediaEditor, options) {
+    if (mediaEditor) {
+        mediaEditor.destroy();
+    }
+
+    if (!widget.$form.find('input[name=src]').val()) {
+        return;
+    }
+    const { img, $img } = getImage(widget);
+    getMedia(img, $img, (m) => getMediaCb(m, widget, mediaEditor, options));
+}