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

package/src/resourcemgr.js

@@ -1,216 +1,216 @@
-import $ from 'jquery';
-import _ from 'lodash';
-import Pluginifier from 'core/pluginifier';
-import fileBrowser from 'ui/resourcemgr/fileBrowser';
-import filePreview from 'ui/resourcemgr/filePreview';
-import fileSelector from 'ui/resourcemgr/fileSelector';
-import layout from 'ui/resourcemgr/tpl/layout';
-import 'ui/modal';
-import 'ui/resourcemgr/css/resourcemgr.css';
-
-var ns = 'resourcemgr';
-var dataNs = 'ui.' + ns;
-
-var defaults = {
-    mediaSources: [{ root: 'local', path: '/' }],
-    open: true,
-    appendContainer: '.tao-scope:first',
-    title: ''
-};
-
-/**
- * The ResourceMgr component helps you to browse and select external resources.
- * @exports ui/resourcemgr
- */
-var resourceMgr = {
-    /**
-     * Initialize the plugin.
-     *
-     * Called the jQuery way once registered by the Pluginifier.
-     * @example $('selector').resourcemgr({
-     *
-     *  });
-     *
-     * @constructor
-     * @param {Object} options - the plugin options
-     * @param {Sring|Boolean} [options.bindEvent = 'click'] - the event that trigger the toggling
-     * @param {String} options.url - the URL of the service used to retrieve the resources.
-     * @fires ResourceMgr#create.resourcemgr
-     * @returns {jQueryElement} for chaining
-     */
-    init: function(options) {
-        var that = resourceMgr;
-
-        //get options using default
-        options = _.defaults(options, defaults);
-
-        return this.each(function() {
-            var $elt = $(this);
-            var $target;
-
-            if (!$elt.data(dataNs)) {
-                //add data to the element
-                $elt.data(dataNs, options);
-
-                //auto bind events configured in options
-                _.functions(options).forEach(function(eventName) {
-                    $elt.on(eventName + '.' + ns, function() {
-                        options[eventName].apply($elt, arguments);
-                    });
-                });
-
-                $target = options.$target || that._createTarget($elt);
-
-                $target.modal({
-                    startClosed: true,
-                    minWidth: 'responsive'
-                });
-
-                //rethrow some events
-                $target.on('select.' + ns, function(e, files) {
-                    that._close($elt);
-                    $elt.trigger(e, [files]);
-                });
-                $target.on('closed.modal', function() {
-                    $elt.trigger('close.' + ns);
-                });
-                //initialize the components
-                const $fileBrowser = $('.file-browser .file-browser-wrapper', $target);
-                if (options.mediaSourcesUrl) {
-                    $.getJSON(options.mediaSourcesUrl)
-                        .done(function(data) {
-                            const mediaSources = data || defaults.mediaSources;
-                            for (let i = 0; i < mediaSources.length; i++) {
-                                options.root = mediaSources[i].root;
-                                options.path = mediaSources[i].path;
-                                $fileBrowser.append(
-                                    '<div class="' + options.root + '"><ul class="folders"></ul></div>'
-                                );
-                                fileBrowser(options);
-                            }
-                        })
-                        .fail(function() {
-                            for (let i = 0; i < defaults.mediaSources.length; i++) {
-                                options.root = defaults.mediaSources[i].root;
-                                options.path = defaults.mediaSources[i].path;
-                                $fileBrowser.append(
-                                    '<div class="' + options.root + '"><ul class="folders"></ul></div>'
-                                );
-                                fileBrowser(options);
-                            }
-                        });
-                } else if (options.path && options.root) {
-                    $fileBrowser.append('<div class="' + options.root + '"><ul class="folders"></ul></div>');
-                    fileBrowser(options);
-                }
-
-                $fileBrowser.find('li.root:last').addClass('active');
-                fileSelector(options);
-                filePreview(options);
-
-                /**
-                 * The plugin have been created.
-                 * @event ResourceMgr#create.resourcemgr
-                 */
-                $elt.trigger('create.' + ns, [$target[0]]);
-
-                if (options.open) {
-                    that._open($elt);
-                }
-            } else {
-                options = $elt.data(dataNs);
-                if (options.open) {
-                    that._open($elt);
-                }
-            }
-        });
-    },
-
-    _createTarget: function($elt) {
-        var options = $elt.data(dataNs);
-        if (options) {
-            //create an identifier to the target content
-            options.targetId = 'resourcemgr-' + $(document).find('.resourcemgr').length;
-
-            //generate
-            options.$target = $(
-                layout({
-                    title: options.title || '',
-                    className: options.className || ''
-                })
-            );
-
-            options.$target
-                .attr('id', options.targetId)
-                .css('display', 'none')
-                .appendTo(options.appendContainer);
-
-            $elt.data(dataNs, options);
-        }
-        return options.$target;
-    },
-
-    _open: function($elt) {
-        var options = $elt.data(dataNs);
-        if (options && options.$target) {
-            options.$target.modal('open');
-
-            /**
-             * Open the resource manager.
-             * @event ResourceMgr#open.resourcemgr
-             */
-            $elt.trigger('open.' + ns);
-        }
-    },
-
-    _close: function($elt) {
-        var options = $elt.data(dataNs);
-        if (options && options.$target) {
-            options.$target.modal('close');
-        }
-    },
-    /**
-     * Destroy completely the plugin.
-     *
-     * Called the jQuery way once registered by the Pluginifier.
-     * @example $('selector').resourcemgr('destroy');
-     * @public
-     */
-    destroy: function() {
-
-        this.each(function() {
-            var $elt = $(this);
-            var options = $elt.data(dataNs);
-            $elt.data(dataNs, null);
-            /*eslint no-undefined: "error"*/
-            if (typeof options.bindEvent !== 'undefined' && options.bindEvent !== false) {
-                $elt.off(options.bindEvent);
-            }
-
-            if (options.targetId) {
-
-                options.$target
-                    .on('closed.modal', function() {
-                        $('#' + options.targetId).remove();
-                        $(window).off('resize.resourcemgr');
-                        /**
-                         * The plugin have been destroyed.
-                         * @event ResourceMgr#destroy.resourcemgr
-                         */
-                        $elt.trigger('destroy.' + ns);
-                    })
-                    .modal('close');
-            } else {
-                $(window).off('resize.resourcemgr');
-                /**
-                 * The plugin have been destroyed.
-                 * @event ResourceMgr#destroy.resourcemgr
-                 */
-                $elt.trigger('destroy.' + ns);
-            }
-        });
-    }
-};
-
-//Register the resourcemgr to behave as a jQuery plugin.
-Pluginifier.register(ns, resourceMgr);
+import $ from 'jquery';
+import _ from 'lodash';
+import Pluginifier from 'core/pluginifier';
+import fileBrowser from 'ui/resourcemgr/fileBrowser';
+import filePreview from 'ui/resourcemgr/filePreview';
+import fileSelector from 'ui/resourcemgr/fileSelector';
+import layout from 'ui/resourcemgr/tpl/layout';
+import 'ui/modal';
+import 'ui/resourcemgr/css/resourcemgr.css';
+
+var ns = 'resourcemgr';
+var dataNs = 'ui.' + ns;
+
+var defaults = {
+    mediaSources: [{ root: 'local', path: '/' }],
+    open: true,
+    appendContainer: '.tao-scope:first',
+    title: ''
+};
+
+/**
+ * The ResourceMgr component helps you to browse and select external resources.
+ * @exports ui/resourcemgr
+ */
+var resourceMgr = {
+    /**
+     * Initialize the plugin.
+     *
+     * Called the jQuery way once registered by the Pluginifier.
+     * @example $('selector').resourcemgr({
+     *
+     *  });
+     *
+     * @constructor
+     * @param {Object} options - the plugin options
+     * @param {Sring|Boolean} [options.bindEvent = 'click'] - the event that trigger the toggling
+     * @param {String} options.url - the URL of the service used to retrieve the resources.
+     * @fires ResourceMgr#create.resourcemgr
+     * @returns {jQueryElement} for chaining
+     */
+    init: function(options) {
+        var that = resourceMgr;
+
+        //get options using default
+        options = _.defaults(options, defaults);
+
+        return this.each(function() {
+            var $elt = $(this);
+            var $target;
+
+            if (!$elt.data(dataNs)) {
+                //add data to the element
+                $elt.data(dataNs, options);
+
+                //auto bind events configured in options
+                _.functions(options).forEach(function(eventName) {
+                    $elt.on(eventName + '.' + ns, function() {
+                        options[eventName].apply($elt, arguments);
+                    });
+                });
+
+                $target = options.$target || that._createTarget($elt);
+
+                $target.modal({
+                    startClosed: true,
+                    minWidth: 'responsive'
+                });
+
+                //rethrow some events
+                $target.on('select.' + ns, function(e, files) {
+                    that._close($elt);
+                    $elt.trigger(e, [files]);
+                });
+                $target.on('closed.modal', function() {
+                    $elt.trigger('close.' + ns);
+                });
+                //initialize the components
+                const $fileBrowser = $('.file-browser .file-browser-wrapper', $target);
+                if (options.mediaSourcesUrl) {
+                    $.getJSON(options.mediaSourcesUrl)
+                        .done(function(data) {
+                            const mediaSources = data || defaults.mediaSources;
+                            for (let i = 0; i < mediaSources.length; i++) {
+                                options.root = mediaSources[i].root;
+                                options.path = mediaSources[i].path;
+                                $fileBrowser.append(
+                                    '<div class="' + options.root + '"><ul class="folders"></ul></div>'
+                                );
+                                fileBrowser(options);
+                            }
+                        })
+                        .fail(function() {
+                            for (let i = 0; i < defaults.mediaSources.length; i++) {
+                                options.root = defaults.mediaSources[i].root;
+                                options.path = defaults.mediaSources[i].path;
+                                $fileBrowser.append(
+                                    '<div class="' + options.root + '"><ul class="folders"></ul></div>'
+                                );
+                                fileBrowser(options);
+                            }
+                        });
+                } else if (options.path && options.root) {
+                    $fileBrowser.append('<div class="' + options.root + '"><ul class="folders"></ul></div>');
+                    fileBrowser(options);
+                }
+
+                $fileBrowser.find('li.root:last').addClass('active');
+                fileSelector(options);
+                filePreview(options);
+
+                /**
+                 * The plugin have been created.
+                 * @event ResourceMgr#create.resourcemgr
+                 */
+                $elt.trigger('create.' + ns, [$target[0]]);
+
+                if (options.open) {
+                    that._open($elt);
+                }
+            } else {
+                options = $elt.data(dataNs);
+                if (options.open) {
+                    that._open($elt);
+                }
+            }
+        });
+    },
+
+    _createTarget: function($elt) {
+        var options = $elt.data(dataNs);
+        if (options) {
+            //create an identifier to the target content
+            options.targetId = 'resourcemgr-' + $(document).find('.resourcemgr').length;
+
+            //generate
+            options.$target = $(
+                layout({
+                    title: options.title || '',
+                    className: options.className || ''
+                })
+            );
+
+            options.$target
+                .attr('id', options.targetId)
+                .css('display', 'none')
+                .appendTo(options.appendContainer);
+
+            $elt.data(dataNs, options);
+        }
+        return options.$target;
+    },
+
+    _open: function($elt) {
+        var options = $elt.data(dataNs);
+        if (options && options.$target) {
+            options.$target.modal('open');
+
+            /**
+             * Open the resource manager.
+             * @event ResourceMgr#open.resourcemgr
+             */
+            $elt.trigger('open.' + ns);
+        }
+    },
+
+    _close: function($elt) {
+        var options = $elt.data(dataNs);
+        if (options && options.$target) {
+            options.$target.modal('close');
+        }
+    },
+    /**
+     * Destroy completely the plugin.
+     *
+     * Called the jQuery way once registered by the Pluginifier.
+     * @example $('selector').resourcemgr('destroy');
+     * @public
+     */
+    destroy: function() {
+
+        this.each(function() {
+            var $elt = $(this);
+            var options = $elt.data(dataNs);
+            $elt.data(dataNs, null);
+            /*eslint no-undefined: "error"*/
+            if (typeof options.bindEvent !== 'undefined' && options.bindEvent !== false) {
+                $elt.off(options.bindEvent);
+            }
+
+            if (options.targetId) {
+
+                options.$target
+                    .on('closed.modal', function() {
+                        $('#' + options.targetId).remove();
+                        $(window).off('resize.resourcemgr');
+                        /**
+                         * The plugin have been destroyed.
+                         * @event ResourceMgr#destroy.resourcemgr
+                         */
+                        $elt.trigger('destroy.' + ns);
+                    })
+                    .modal('close');
+            } else {
+                $(window).off('resize.resourcemgr');
+                /**
+                 * The plugin have been destroyed.
+                 * @event ResourceMgr#destroy.resourcemgr
+                 */
+                $elt.trigger('destroy.' + ns);
+            }
+        });
+    }
+};
+
+//Register the resourcemgr to behave as a jQuery plugin.
+Pluginifier.register(ns, resourceMgr);

package/src/scroller.js

@@ -1,94 +1,94 @@
-/**
- * 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) 2017 (original work) Open Assessment Technologies SA;
- */
-/**
- * Helper to manage scrolling
- *
- * @author Jean-Sébastien Conan <jean-sebastien.conan@vesperiagroup.com>
- * @author Christophe Noël <christophe@taotesting.com>
- */
-
-import $ from 'jquery';
-
-import shortcuts from 'util/shortcut';
-
-var scrollHelper;
-
-var ns = '.scroller';
-
-scrollHelper = {
-    /**
-     * Scroll the container so the given element is put at the top of the visible area
-     * @param {String|jQuery|HTMLElement} element
-     * @param {String|jQuery|HTMLElement} container
-     * @param {Number} scrollSpeed - in milliseconds
-     * @returns {Promise} Returns a Promise that will always be resolved when the scroll is done
-     */
-    scrollTo: function scrollTo(element, container, scrollSpeed) {
-        return new Promise(function(resolve) {
-            var $element = $(element),
-                $container = $(container || $element.parent()),
-                currentScrollTop,
-                scrollTop;
-
-            if ($element.length && $container.length) {
-                currentScrollTop = $container.scrollTop();
-                scrollTop = $element.offset().top - $container.offset().top + currentScrollTop;
-
-                if (scrollTop !== currentScrollTop) {
-                    $container
-                        .animate({ scrollTop: scrollTop }, scrollSpeed)
-                        .promise()
-                        .done(resolve);
-                } else {
-                    resolve();
-                }
-            } else {
-                resolve();
-            }
-        });
-    },
-
-    /**
-     * Disable default behavior of scrolling related events (mouse and keyboard)
-     */
-    disableScrolling: function disableScrolling() {
-        ['MouseScrollUp', 'MouseScrollDown', 'ArrowUp', 'ArrowDown'].forEach(function(shortcutName) {
-            shortcuts.add(
-                shortcutName + ns,
-                function(e) {
-                    e.preventDefault();
-                },
-                {
-                    // This is weird. If not specified, scrolling won't be re-enabled, as this specific shortcut
-                    // registry instance has { prevent: true } as a default setting. And it seems that it keeps preventing
-                    // default behavior event when all handlers have been unregistered.
-                    prevent: false
-                }
-            );
-        });
-    },
-
-    /**
-     * Renable scrolling events behavior
-     */
-    enableScrolling: function enableScrolling() {
-        shortcuts.remove(ns);
-    }
-};
-
-export default scrollHelper;
+/**
+ * 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) 2017 (original work) Open Assessment Technologies SA;
+ */
+/**
+ * Helper to manage scrolling
+ *
+ * @author Jean-Sébastien Conan <jean-sebastien.conan@vesperiagroup.com>
+ * @author Christophe Noël <christophe@taotesting.com>
+ */
+
+import $ from 'jquery';
+
+import shortcuts from 'util/shortcut';
+
+var scrollHelper;
+
+var ns = '.scroller';
+
+scrollHelper = {
+    /**
+     * Scroll the container so the given element is put at the top of the visible area
+     * @param {String|jQuery|HTMLElement} element
+     * @param {String|jQuery|HTMLElement} container
+     * @param {Number} scrollSpeed - in milliseconds
+     * @returns {Promise} Returns a Promise that will always be resolved when the scroll is done
+     */
+    scrollTo: function scrollTo(element, container, scrollSpeed) {
+        return new Promise(function(resolve) {
+            var $element = $(element),
+                $container = $(container || $element.parent()),
+                currentScrollTop,
+                scrollTop;
+
+            if ($element.length && $container.length) {
+                currentScrollTop = $container.scrollTop();
+                scrollTop = $element.offset().top - $container.offset().top + currentScrollTop;
+
+                if (scrollTop !== currentScrollTop) {
+                    $container
+                        .animate({ scrollTop: scrollTop }, scrollSpeed)
+                        .promise()
+                        .done(resolve);
+                } else {
+                    resolve();
+                }
+            } else {
+                resolve();
+            }
+        });
+    },
+
+    /**
+     * Disable default behavior of scrolling related events (mouse and keyboard)
+     */
+    disableScrolling: function disableScrolling() {
+        ['MouseScrollUp', 'MouseScrollDown', 'ArrowUp', 'ArrowDown'].forEach(function(shortcutName) {
+            shortcuts.add(
+                shortcutName + ns,
+                function(e) {
+                    e.preventDefault();
+                },
+                {
+                    // This is weird. If not specified, scrolling won't be re-enabled, as this specific shortcut
+                    // registry instance has { prevent: true } as a default setting. And it seems that it keeps preventing
+                    // default behavior event when all handlers have been unregistered.
+                    prevent: false
+                }
+            );
+        });
+    },
+
+    /**
+     * Renable scrolling events behavior
+     */
+    enableScrolling: function enableScrolling() {
+        shortcuts.remove(ns);
+    }
+};
+
+export default scrollHelper;

package/src/scss/basic.scss

@@ -1,16 +1,16 @@
-@charset "UTF-8";
-
-@import "inc/bootstrap";
-@import "inc/fonts";
-@import "inc/base";
-@import "inc/feedback";
-@import "inc/grid";
-@import "inc/select2";
-@import "inc/toolbars";
-@import "inc/tooltip";
-@import "inc/buttons";
-@import "inc/forms";
-@import "inc/flex-grid";
-@import "inc/report";
-@import "inc/jquery.nouislider";
-@import "inc/secondary-properties";
+@charset "UTF-8";
+
+@import "inc/bootstrap";
+@import "inc/fonts";
+@import "inc/base";
+@import "inc/feedback";
+@import "inc/grid";
+@import "inc/select2";
+@import "inc/toolbars";
+@import "inc/tooltip";
+@import "inc/buttons";
+@import "inc/forms";
+@import "inc/flex-grid";
+@import "inc/report";
+@import "inc/jquery.nouislider";
+@import "inc/secondary-properties";