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

package/src/generis/widget/checkBox/checkBox.tpl

@@ -1,19 +1,19 @@
-<div class="ui-generis-widget check-box">
-    <div class="left">
-        {{> ui-generis-widget-label }}
-    </div>
-    <div class="right">
-        <div class="check-box-input">
-            {{#each range}}
-            <div class="option">
-                <label>
-                    <input type="checkbox" name="{{this.uri}}" value="{{this.uri}}" {{#includes ../values this.uri}}
-                        checked="true" {{/includes}}>
-                    <span class="icon-checkbox"></span>
-                    {{this.label}}
-                </label>
-            </div>
-            {{/each}}
-        </div>
-    </div>
+<div class="ui-generis-widget check-box">
+    <div class="left">
+        {{> ui-generis-widget-label }}
+    </div>
+    <div class="right">
+        <div class="check-box-input">
+            {{#each range}}
+            <div class="option">
+                <label>
+                    <input type="checkbox" name="{{this.uri}}" value="{{this.uri}}" {{#includes ../values this.uri}}
+                        checked="true" {{/includes}}>
+                    <span class="icon-checkbox"></span>
+                    {{this.label}}
+                </label>
+            </div>
+            {{/each}}
+        </div>
+    </div>
 </div>

package/src/generis/widget/comboBox/comboBox.js

@@ -1,67 +1,67 @@
-/**
- * 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;
- */
-
-import _ from 'lodash';
-import __ from 'i18n';
-import widgetFactory from 'ui/generis/widget/widget';
-import tpl from 'ui/generis/widget/comboBox/comboBox.tpl';
-
-/**
- * The factory
- * @param {Object[]} [options.validator]
- * @param {String} config.label
- * @param {String[]} config.range
- * @param {String} [confgi.required = false]
- * @param {String} config.uri
- * @param {String} [config.value]
- * @returns {ui/component}
- */
-function factory(options, config) {
-    var validator = options.validator || [];
-    var widget;
-
-    widget = widgetFactory(
-        {
-            validator: validator
-        },
-        {
-            // no overrides
-        }
-    )
-        .setTemplate(tpl)
-        .init({
-            label: config.label,
-            range: config.range || [],
-            required: config.required || false,
-            uri: config.uri,
-            value: config.value || ''
-        });
-
-    // Validations
-    if (widget.config.required) {
-        widget.validator.addValidation({
-            message: __('This field is required'),
-            predicate: /\S+/,
-            precedence: 1
-        });
-    }
-
-    return widget;
-}
-
-export default factory;
+/**
+ * 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;
+ */
+
+import _ from 'lodash';
+import __ from 'i18n';
+import widgetFactory from 'ui/generis/widget/widget';
+import tpl from 'ui/generis/widget/comboBox/comboBox.tpl';
+
+/**
+ * The factory
+ * @param {Object[]} [options.validator]
+ * @param {String} config.label
+ * @param {String[]} config.range
+ * @param {String} [confgi.required = false]
+ * @param {String} config.uri
+ * @param {String} [config.value]
+ * @returns {ui/component}
+ */
+function factory(options, config) {
+    var validator = options.validator || [];
+    var widget;
+
+    widget = widgetFactory(
+        {
+            validator: validator
+        },
+        {
+            // no overrides
+        }
+    )
+        .setTemplate(tpl)
+        .init({
+            label: config.label,
+            range: config.range || [],
+            required: config.required || false,
+            uri: config.uri,
+            value: config.value || ''
+        });
+
+    // Validations
+    if (widget.config.required) {
+        widget.validator.addValidation({
+            message: __('This field is required'),
+            predicate: /\S+/,
+            precedence: 1
+        });
+    }
+
+    return widget;
+}
+
+export default factory;

package/src/generis/widget/comboBox/comboBox.tpl

@@ -1,13 +1,13 @@
-<div class="ui-generis-widget combo-box">
-    <div class="left">
-        {{> ui-generis-widget-label }}
-    </div>
-    <div class="right">
-        <select name="{{uri}}">
-            <option value="">{{__ 'Choose a value...'}}</option>
-            {{#each range}}
-            <option value="{{this.uri}}">{{this.label}}</option>
-            {{/each}}
-        </select>
-    </div>
+<div class="ui-generis-widget combo-box">
+    <div class="left">
+        {{> ui-generis-widget-label }}
+    </div>
+    <div class="right">
+        <select name="{{uri}}">
+            <option value="">{{__ 'Choose a value...'}}</option>
+            {{#each range}}
+            <option value="{{this.uri}}">{{this.label}}</option>
+            {{/each}}
+        </select>
+    </div>
 </div>

package/src/generis/widget/css/widget.css

@@ -1,9 +1,9 @@
-/*
-Usage:
-- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
-   if 3 colors used then the position of each will be 33,33%
-- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
-   first param - color, second - position. Also you can use px or other valid units for set position.
+/*
+Usage:
+- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
+   if 3 colors used then the position of each will be 33,33%
+- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
+   first param - color, second - position. Also you can use px or other valid units for set position.
 */
 /* based on "visually-hidden" mixin in LDS for accessibility goals */
 /* Do not edit */
@@ -68,5 +68,5 @@ Usage:
     text-align: right;
     width: 99%;
 }
-
+
 /*# sourceMappingURL=widget.css.map */

package/src/generis/widget/hiddenBox/hiddenBox.js

@@ -1,132 +1,132 @@
-/**
- * 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;
- */
-
-import _ from 'lodash';
-import __ from 'i18n';
-import widgetFactory from 'ui/generis/widget/widget';
-import tpl from 'ui/generis/widget/hiddenBox/hiddenBox.tpl';
-
-/**
- * The factory
- * @param {Object[]} [options.validator]
- * @param {Object} [config.confirmation]
- * @param {String} config.label
- * @param {String} [confgi.required = false]
- * @param {String} config.uri
- * @param {String} [config.value]
- * @returns {ui/component}
- */
-function factory(options, config) {
-    var validator = options.validator || [];
-    var widget;
-
-    widget = widgetFactory(
-        {
-            validator: validator
-        },
-        {
-            /**
-             * Overrides get method
-             * @returns {Object}
-             */
-            get: function get() {
-                var $el;
-                var ret = {
-                    value: this.config.value,
-                    confirmation: this.config.confirmation.value
-                };
-
-                if (this.is('rendered')) {
-                    $el = this.getElement();
-                    ret.value = $el.find('[name="' + this.config.uri + '"]').val();
-                    ret.confirmation = $el.find('[name="' + this.config.confirmation.uri + '"]').val();
-                }
-
-                return ret;
-            },
-
-            /**
-             * Overrides set method
-             * @param {String} value
-             * @returns {Object}
-             */
-            set: function set(value) {
-                var $el;
-
-                this.config.value = this.config.confirmation.value = value;
-
-                if (this.is('rendered')) {
-                    $el = this.getElement();
-                    $el.find('[name="' + this.config.uri + '"]').val(value);
-                    $el.find('[name="' + this.config.confirmation.uri + '"]').val(value);
-                }
-
-                return {
-                    value: this.config.value,
-                    confirmation: this.config.confirmation.value
-                };
-            },
-
-            /**
-             * Overrides serialize method
-             * @returns {Object}
-             */
-            serialize: function serialize() {
-                return {
-                    name: this.config.uri,
-                    value: this.get().value
-                };
-            }
-        }
-    )
-        .setTemplate(tpl)
-        .init({
-            confirmation: {
-                label: __('%s Confirmation', config.label),
-                uri: config.uri + '_confirmation',
-                value: config.value || ''
-            },
-            label: config.label,
-            required: config.required || false,
-            uri: config.uri,
-            value: config.value || ''
-        });
-
-    // Validations
-    if (widget.config.required) {
-        widget.validator.addValidation({
-            message: __('This field is required'),
-            predicate: function(value) {
-                return /\S+/.test(value.value);
-            },
-            precedence: 1
-        });
-    }
-
-    widget.validator.addValidation({
-        message: __('Fields must match'),
-        predicate: function(value) {
-            return value.value === value.confirmation;
-        },
-        precedence: 2
-    });
-
-    return widget;
-}
-
-export default factory;
+/**
+ * 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;
+ */
+
+import _ from 'lodash';
+import __ from 'i18n';
+import widgetFactory from 'ui/generis/widget/widget';
+import tpl from 'ui/generis/widget/hiddenBox/hiddenBox.tpl';
+
+/**
+ * The factory
+ * @param {Object[]} [options.validator]
+ * @param {Object} [config.confirmation]
+ * @param {String} config.label
+ * @param {String} [confgi.required = false]
+ * @param {String} config.uri
+ * @param {String} [config.value]
+ * @returns {ui/component}
+ */
+function factory(options, config) {
+    var validator = options.validator || [];
+    var widget;
+
+    widget = widgetFactory(
+        {
+            validator: validator
+        },
+        {
+            /**
+             * Overrides get method
+             * @returns {Object}
+             */
+            get: function get() {
+                var $el;
+                var ret = {
+                    value: this.config.value,
+                    confirmation: this.config.confirmation.value
+                };
+
+                if (this.is('rendered')) {
+                    $el = this.getElement();
+                    ret.value = $el.find('[name="' + this.config.uri + '"]').val();
+                    ret.confirmation = $el.find('[name="' + this.config.confirmation.uri + '"]').val();
+                }
+
+                return ret;
+            },
+
+            /**
+             * Overrides set method
+             * @param {String} value
+             * @returns {Object}
+             */
+            set: function set(value) {
+                var $el;
+
+                this.config.value = this.config.confirmation.value = value;
+
+                if (this.is('rendered')) {
+                    $el = this.getElement();
+                    $el.find('[name="' + this.config.uri + '"]').val(value);
+                    $el.find('[name="' + this.config.confirmation.uri + '"]').val(value);
+                }
+
+                return {
+                    value: this.config.value,
+                    confirmation: this.config.confirmation.value
+                };
+            },
+
+            /**
+             * Overrides serialize method
+             * @returns {Object}
+             */
+            serialize: function serialize() {
+                return {
+                    name: this.config.uri,
+                    value: this.get().value
+                };
+            }
+        }
+    )
+        .setTemplate(tpl)
+        .init({
+            confirmation: {
+                label: __('%s Confirmation', config.label),
+                uri: config.uri + '_confirmation',
+                value: config.value || ''
+            },
+            label: config.label,
+            required: config.required || false,
+            uri: config.uri,
+            value: config.value || ''
+        });
+
+    // Validations
+    if (widget.config.required) {
+        widget.validator.addValidation({
+            message: __('This field is required'),
+            predicate: function(value) {
+                return /\S+/.test(value.value);
+            },
+            precedence: 1
+        });
+    }
+
+    widget.validator.addValidation({
+        message: __('Fields must match'),
+        predicate: function(value) {
+            return value.value === value.confirmation;
+        },
+        precedence: 2
+    });
+
+    return widget;
+}
+
+export default factory;

package/src/generis/widget/hiddenBox/hiddenBox.tpl

@@ -1,17 +1,17 @@
-<div class="ui-generis-widget hidden-box">
-    <div class="left">
-        {{> ui-generis-widget-label }}
-    </div>
-    <div class="right">
-        <input name="{{uri}}" type="password">
-    </div>
-</div>
-
-<div class="ui-generis-widget hidden-box confirmation">
-    <div class="left">
-        {{> ui-generis-widget-label confirmation }}
-    </div>
-    <div class="right">
-        <input name="{{confirmation.uri}}" type="password">
-    </div>
+<div class="ui-generis-widget hidden-box">
+    <div class="left">
+        {{> ui-generis-widget-label }}
+    </div>
+    <div class="right">
+        <input name="{{uri}}" type="password">
+    </div>
+</div>
+
+<div class="ui-generis-widget hidden-box confirmation">
+    <div class="left">
+        {{> ui-generis-widget-label confirmation }}
+    </div>
+    <div class="right">
+        <input name="{{confirmation.uri}}" type="password">
+    </div>
 </div>

package/src/generis/widget/loader.js

@@ -1,49 +1,49 @@
-/**
- * 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;
- */
-
-import _ from 'lodash';
-import checkBoxFactory from 'ui/generis/widget/checkBox/checkBox';
-import comboBoxFactory from 'ui/generis/widget/comboBox/comboBox';
-import hiddenBoxFactory from 'ui/generis/widget/hiddenBox/hiddenBox';
-import textBoxFactory from 'ui/generis/widget/textBox/textBox';
-
-var _default = 'http://www.tao.lu/datatypes/WidgetDefinitions.rdf#TextBox';
-var _widgetFactories = {
-    'http://www.tao.lu/datatypes/WidgetDefinitions.rdf#CheckBox': checkBoxFactory,
-    'http://www.tao.lu/datatypes/WidgetDefinitions.rdf#ComboBox': comboBoxFactory,
-    'http://www.tao.lu/datatypes/WidgetDefinitions.rdf#StateWidget': comboBoxFactory,
-    'http://www.tao.lu/datatypes/WidgetDefinitions.rdf#HiddenBox': hiddenBoxFactory,
-    'http://www.tao.lu/datatypes/WidgetDefinitions.rdf#TextBox': textBoxFactory
-};
-
-/**
- * Returns the correct widget factory based on the widget uri
- * @param {String} uri
- * @returns {Function}
- */
-export default function(uri) {
-    var factory;
-
-    if (!uri || !_.contains(Object.keys(_widgetFactories), uri)) {
-        factory = _widgetFactories[_default];
-    } else {
-        factory = _widgetFactories[uri];
-    }
-
-    return factory;
-}
+/**
+ * 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;
+ */
+
+import _ from 'lodash';
+import checkBoxFactory from 'ui/generis/widget/checkBox/checkBox';
+import comboBoxFactory from 'ui/generis/widget/comboBox/comboBox';
+import hiddenBoxFactory from 'ui/generis/widget/hiddenBox/hiddenBox';
+import textBoxFactory from 'ui/generis/widget/textBox/textBox';
+
+var _default = 'http://www.tao.lu/datatypes/WidgetDefinitions.rdf#TextBox';
+var _widgetFactories = {
+    'http://www.tao.lu/datatypes/WidgetDefinitions.rdf#CheckBox': checkBoxFactory,
+    'http://www.tao.lu/datatypes/WidgetDefinitions.rdf#ComboBox': comboBoxFactory,
+    'http://www.tao.lu/datatypes/WidgetDefinitions.rdf#StateWidget': comboBoxFactory,
+    'http://www.tao.lu/datatypes/WidgetDefinitions.rdf#HiddenBox': hiddenBoxFactory,
+    'http://www.tao.lu/datatypes/WidgetDefinitions.rdf#TextBox': textBoxFactory
+};
+
+/**
+ * Returns the correct widget factory based on the widget uri
+ * @param {String} uri
+ * @returns {Function}
+ */
+export default function(uri) {
+    var factory;
+
+    if (!uri || !_.contains(Object.keys(_widgetFactories), uri)) {
+        factory = _widgetFactories[_default];
+    } else {
+        factory = _widgetFactories[uri];
+    }
+
+    return factory;
+}