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

package/src/movableComponent.js

@@ -1,78 +1,78 @@
-/**
- * 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) 2016 (original work) Open Assessment Technologies SA;
- */
-
-/**
- * Creates a movable and resizable component
- *
- * @author Bertrand Chevrier <bertrand@taotesting.com>
- */
-import _ from 'lodash';
-import componentFactory from 'ui/component';
-import makeDraggable from 'ui/component/draggable';
-import makeResizable from 'ui/component/resizable';
-import makeStackable from 'ui/component/stackable';
-
-/**
- * Some default values
- * @type {Object}
- */
-var defaultConfig = {
-    initialX: 0,
-    initialY: 0,
-    width: 250,
-    height: 100,
-    minWidth: 75,
-    minHeight: 25
-};
-
-/**
- * Creates a new movable component
- * @param {Object} specs The component API
- * @param {Object} defaults The default config assigned to all movable components
- * @param {jQuery|HTMLElement|String} [defaults.renderTo] - An optional container in which renders the component
- * @param {Boolean} [defaults.replace] - When the component is appended to its container, clears the place before
- * @param {Number} [defaults.width] - the initial width of the component
- * @param {Number} [defaults.height] - the intial height of the component
- * @param {Number} [defaults.minWidth] - the min width for resize
- * @param {Number} [defaults.minHeight] - the min height for resize
- * @param {Number} [defaults.maxWidth] - the max width for resize
- * @param {Number} [defaults.maxHeight] - the max height for resize
- * @param {Number} [defaults.initialX] - the initial position top absolute to the windows
- * @param {Number} [defaults.initialY] - the initial position left absolute to the windows
- * @param {String} [defaults.stackingScope] - in which scope to stack the component
- * @returns {Component} the component (uninitialized)
- */
-function movableComponentFactory(specs, defaults) {
-    var component;
-
-    defaults = _.defaults(defaults || {}, defaultConfig);
-
-    component = componentFactory(specs, defaults);
-
-    makeDraggable(component);
-    makeResizable(component);
-    makeStackable(component);
-
-    component.on('render', function() {
-        this.setSize(this.config.width, this.config.height).center();
-    });
-
-    return component;
-}
-
-export default movableComponentFactory;
+/**
+ * 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) 2016 (original work) Open Assessment Technologies SA;
+ */
+
+/**
+ * Creates a movable and resizable component
+ *
+ * @author Bertrand Chevrier <bertrand@taotesting.com>
+ */
+import _ from 'lodash';
+import componentFactory from 'ui/component';
+import makeDraggable from 'ui/component/draggable';
+import makeResizable from 'ui/component/resizable';
+import makeStackable from 'ui/component/stackable';
+
+/**
+ * Some default values
+ * @type {Object}
+ */
+var defaultConfig = {
+    initialX: 0,
+    initialY: 0,
+    width: 250,
+    height: 100,
+    minWidth: 75,
+    minHeight: 25
+};
+
+/**
+ * Creates a new movable component
+ * @param {Object} specs The component API
+ * @param {Object} defaults The default config assigned to all movable components
+ * @param {jQuery|HTMLElement|String} [defaults.renderTo] - An optional container in which renders the component
+ * @param {Boolean} [defaults.replace] - When the component is appended to its container, clears the place before
+ * @param {Number} [defaults.width] - the initial width of the component
+ * @param {Number} [defaults.height] - the intial height of the component
+ * @param {Number} [defaults.minWidth] - the min width for resize
+ * @param {Number} [defaults.minHeight] - the min height for resize
+ * @param {Number} [defaults.maxWidth] - the max width for resize
+ * @param {Number} [defaults.maxHeight] - the max height for resize
+ * @param {Number} [defaults.initialX] - the initial position top absolute to the windows
+ * @param {Number} [defaults.initialY] - the initial position left absolute to the windows
+ * @param {String} [defaults.stackingScope] - in which scope to stack the component
+ * @returns {Component} the component (uninitialized)
+ */
+function movableComponentFactory(specs, defaults) {
+    var component;
+
+    defaults = _.defaults(defaults || {}, defaultConfig);
+
+    component = componentFactory(specs, defaults);
+
+    makeDraggable(component);
+    makeResizable(component);
+    makeStackable(component);
+
+    component.on('render', function() {
+        this.setSize(this.config.width, this.config.height).center();
+    });
+
+    return component;
+}
+
+export default movableComponentFactory;

package/src/pageSizeSelector/tpl/pageSizeSelector.tpl

@@ -1,9 +1,9 @@
-<div class="page-size-selector-container">
-    <select class="select2">
-        {{#each options}}
-        <option {{#if selected}}selected{{/if}} value="{{value}}">
-            {{label}}
-        </option>
-        {{/each}}
-    </select>
-</div>
+<div class="page-size-selector-container">
+    <select class="select2">
+        {{#each options}}
+        <option {{#if selected}}selected{{/if}} value="{{value}}">
+            {{label}}
+        </option>
+        {{/each}}
+    </select>
+</div>

package/src/pageSizeSelector.js

@@ -1,106 +1,106 @@
-/**
- * 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) 2019 (original work) Open Assessment Technologies SA ;
- */
-/**
- * @author Anton Tsymuk <anton@taotesting.com>
- */
-import $ from 'jquery';
-import __ from 'i18n';
-import component from 'ui/component';
-import pageSizeSelectorTpl from 'ui/pageSizeSelector/tpl/pageSizeSelector';
-import 'select2';
-
-/**
- * Default config values
- * @type {Object}
- */
-var defaults = {
-    defaultSize: 25,
-    options: [
-        { label: '25 ' + __('items per page'), value: 25 },
-        { label: '50 ' + __('items per page'), value: 50 },
-        { label: '75 ' + __('items per page'), value: 75 },
-        { label: '100 ' + __('items per page'), value: 100 },
-        { label: '200 ' + __('items per page'), value: 200 }
-    ]
-};
-
-/**
- * Builds a select component with page size options
- *
- * @param {Object} config
- * @param {Number} [config.defaultSize] - selected page size
- * @param {Object} [config.items] - available options
- * @returns {pageSizeSelector}
- */
-var pageSizeSelectorFactory = function pageSizeSelectorFactory(config) {
-    var pageSizeSelectorSpecs = {
-        setSelectedOption: function setSelectedOption() {
-            var options = this.config.options;
-            var defaultSize = this.config.defaultSize;
-
-            var selectedOption;
-            options.forEach(function (option) {
-                if (option.value === defaultSize) {
-                    selectedOption = option;
-
-                    option.selected = true;
-                } else {
-                    option.selected = false;
-                }
-            });
-
-            // if there is no option with provided default size use first option as default
-            if (!selectedOption) {
-                options[0].selected = true;
-            }
-        }
-    };
-
-    return component(pageSizeSelectorSpecs, defaults)
-        .setTemplate(pageSizeSelectorTpl)
-        .on('init', function () {
-            this.setSelectedOption();
-        })
-        .on('render', function () {
-            var self = this;
-            var $component = this.getElement();
-
-            $('.select2', $component)
-                .select2({
-                    dropdownCssClass: 'page-size-dropdown',
-                    minimumResultsForSearch: Infinity
-                })
-                .on('change', function (e) {
-                    self.trigger('change', e.val);
-                });
-        })
-        .after('render', function () {
-            var $component = this.getElement();
-
-            // Notify about the default value after render
-            this.trigger('change', $('select', $component).val());
-        })
-        .on('destroy', function () {
-            var $component = this.getElement();
-
-            $('.select2', $component).select2('destroy');
-        })
-        .init(config);
-};
-
-export default pageSizeSelectorFactory;
+/**
+ * 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) 2019 (original work) Open Assessment Technologies SA ;
+ */
+/**
+ * @author Anton Tsymuk <anton@taotesting.com>
+ */
+import $ from 'jquery';
+import __ from 'i18n';
+import component from 'ui/component';
+import pageSizeSelectorTpl from 'ui/pageSizeSelector/tpl/pageSizeSelector';
+import 'select2';
+
+/**
+ * Default config values
+ * @type {Object}
+ */
+var defaults = {
+    defaultSize: 25,
+    options: [
+        { label: '25 ' + __('items per page'), value: 25 },
+        { label: '50 ' + __('items per page'), value: 50 },
+        { label: '75 ' + __('items per page'), value: 75 },
+        { label: '100 ' + __('items per page'), value: 100 },
+        { label: '200 ' + __('items per page'), value: 200 }
+    ]
+};
+
+/**
+ * Builds a select component with page size options
+ *
+ * @param {Object} config
+ * @param {Number} [config.defaultSize] - selected page size
+ * @param {Object} [config.items] - available options
+ * @returns {pageSizeSelector}
+ */
+var pageSizeSelectorFactory = function pageSizeSelectorFactory(config) {
+    var pageSizeSelectorSpecs = {
+        setSelectedOption: function setSelectedOption() {
+            var options = this.config.options;
+            var defaultSize = this.config.defaultSize;
+
+            var selectedOption;
+            options.forEach(function (option) {
+                if (option.value === defaultSize) {
+                    selectedOption = option;
+
+                    option.selected = true;
+                } else {
+                    option.selected = false;
+                }
+            });
+
+            // if there is no option with provided default size use first option as default
+            if (!selectedOption) {
+                options[0].selected = true;
+            }
+        }
+    };
+
+    return component(pageSizeSelectorSpecs, defaults)
+        .setTemplate(pageSizeSelectorTpl)
+        .on('init', function () {
+            this.setSelectedOption();
+        })
+        .on('render', function () {
+            var self = this;
+            var $component = this.getElement();
+
+            $('.select2', $component)
+                .select2({
+                    dropdownCssClass: 'page-size-dropdown',
+                    minimumResultsForSearch: Infinity
+                })
+                .on('change', function (e) {
+                    self.trigger('change', e.val);
+                });
+        })
+        .after('render', function () {
+            var $component = this.getElement();
+
+            // Notify about the default value after render
+            this.trigger('change', $('select', $component).val());
+        })
+        .on('destroy', function () {
+            var $component = this.getElement();
+
+            $('.select2', $component).select2('destroy');
+        })
+        .init(config);
+};
+
+export default pageSizeSelectorFactory;