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

package/src/form/widget/providers/radioBox.js

@@ -1,99 +1,99 @@
-/**
- * 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 Open Assessment Technologies SA ;
- */
-/**
- * Defines a radioBox widget
- * @author Jean-Sébastien Conan <jean-sebastien@taotesting.com>
- */
-
-import radioBoxTpl from 'ui/form/widget/tpl/radioBox';
-
-/**
- * Defines the provider for a radioBox widget.
- *
- * @example
- * import widgetRadioBoxProvider from 'ui/form/widget/providers/radioBox';
- * widgetFactory.registerProvider('radioBox', widgetRadioBoxProvider);
- * const widget = widgetFactory(container, {
- *     widget: 'radioBox'
- *     uri: 'rb',
- *     label: 'All good?',
- *     range: [{
- *         uri: 'yes',
- *         label: 'Yes'
- *     }, {
- *         uri: 'no',
- *         label: 'No'
- *     }]
- * });
- */
-const widgetRadioBoxProvider = {
-    /**
-     * Initialize the widget.
-     * @param {widgetConfig} config
-     */
-    init(config) {
-        // the type will be reflected to the HTML markup
-        config.widgetType = 'radio-box';
-    },
-
-    /**
-     * Gets the value of the widget, which will be either an empty string or an URI from the range.
-     * @returns {String}
-     */
-    getValue() {
-        let value = this.getConfig().value || '';
-
-        if (this.is('rendered')) {
-            value = this.getElement()
-                .find(`.option input:checked`)
-                .val() || '';
-        }
-
-        return value;
-    },
-
-    /**
-     * Sets the value of the widget, which can be either an empty string or an URI from the range.
-     * @param {String} value
-     */
-    setValue(value) {
-        if (this.is('rendered')) {
-            this.getWidgetElement()
-                .prop('checked', false);
-            this.getElement()
-                .find(`.option input[value="${value}"]`)
-                .prop('checked', true);
-        }
-    },
-
-    /**
-     * Gets access to the actual form element
-     * @returns {jQuery|null}
-     */
-    getWidgetElement() {
-        return this.getElement()
-            .find('.option input');
-    },
-
-    /**
-     * Expose the template to the factory and it will apply it
-     */
-    template: radioBoxTpl
-};
-
-export default widgetRadioBoxProvider;
+/**
+ * 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 Open Assessment Technologies SA ;
+ */
+/**
+ * Defines a radioBox widget
+ * @author Jean-Sébastien Conan <jean-sebastien@taotesting.com>
+ */
+
+import radioBoxTpl from 'ui/form/widget/tpl/radioBox';
+
+/**
+ * Defines the provider for a radioBox widget.
+ *
+ * @example
+ * import widgetRadioBoxProvider from 'ui/form/widget/providers/radioBox';
+ * widgetFactory.registerProvider('radioBox', widgetRadioBoxProvider);
+ * const widget = widgetFactory(container, {
+ *     widget: 'radioBox'
+ *     uri: 'rb',
+ *     label: 'All good?',
+ *     range: [{
+ *         uri: 'yes',
+ *         label: 'Yes'
+ *     }, {
+ *         uri: 'no',
+ *         label: 'No'
+ *     }]
+ * });
+ */
+const widgetRadioBoxProvider = {
+    /**
+     * Initialize the widget.
+     * @param {widgetConfig} config
+     */
+    init(config) {
+        // the type will be reflected to the HTML markup
+        config.widgetType = 'radio-box';
+    },
+
+    /**
+     * Gets the value of the widget, which will be either an empty string or an URI from the range.
+     * @returns {String}
+     */
+    getValue() {
+        let value = this.getConfig().value || '';
+
+        if (this.is('rendered')) {
+            value = this.getElement()
+                .find(`.option input:checked`)
+                .val() || '';
+        }
+
+        return value;
+    },
+
+    /**
+     * Sets the value of the widget, which can be either an empty string or an URI from the range.
+     * @param {String} value
+     */
+    setValue(value) {
+        if (this.is('rendered')) {
+            this.getWidgetElement()
+                .prop('checked', false);
+            this.getElement()
+                .find(`.option input[value="${value}"]`)
+                .prop('checked', true);
+        }
+    },
+
+    /**
+     * Gets access to the actual form element
+     * @returns {jQuery|null}
+     */
+    getWidgetElement() {
+        return this.getElement()
+            .find('.option input');
+    },
+
+    /**
+     * Expose the template to the factory and it will apply it
+     */
+    template: radioBoxTpl
+};
+
+export default widgetRadioBoxProvider;

package/src/form/widget/providers/textArea.js

@@ -1,53 +1,53 @@
-/**
- * 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 Open Assessment Technologies SA ;
- */
-/**
- * Defines a textArea widget
- * @author Jean-Sébastien Conan <jean-sebastien@taotesting.com>
- */
-
-import textAreaTpl from 'ui/form/widget/tpl/textArea';
-
-/**
- * Defines the provider for a textArea widget.
- *
- * @example
- * import widgetTextAreaProvider from 'ui/form/widget/providers/textArea';
- * widgetFactory.registerProvider('textArea', widgetTextAreaProvider);
- * const widget = widgetFactory(container, {
- *     widget: 'textArea'
- *     uri: 'text',
- *     label: 'Text'
- * });
- */
-const widgetTextAreaProvider = {
-    /**
-     * Initialize the widget.
-     * @param {widgetConfig} config
-     */
-    init(config) {
-        // the type will be reflected to the HTML markup
-        config.widgetType = 'text-area';
-    },
-
-    /**
-     * Expose the template to the factory and it will apply it
-     */
-    template: textAreaTpl
-};
-
+/**
+ * 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 Open Assessment Technologies SA ;
+ */
+/**
+ * Defines a textArea widget
+ * @author Jean-Sébastien Conan <jean-sebastien@taotesting.com>
+ */
+
+import textAreaTpl from 'ui/form/widget/tpl/textArea';
+
+/**
+ * Defines the provider for a textArea widget.
+ *
+ * @example
+ * import widgetTextAreaProvider from 'ui/form/widget/providers/textArea';
+ * widgetFactory.registerProvider('textArea', widgetTextAreaProvider);
+ * const widget = widgetFactory(container, {
+ *     widget: 'textArea'
+ *     uri: 'text',
+ *     label: 'Text'
+ * });
+ */
+const widgetTextAreaProvider = {
+    /**
+     * Initialize the widget.
+     * @param {widgetConfig} config
+     */
+    init(config) {
+        // the type will be reflected to the HTML markup
+        config.widgetType = 'text-area';
+    },
+
+    /**
+     * Expose the template to the factory and it will apply it
+     */
+    template: textAreaTpl
+};
+
 export default widgetTextAreaProvider;

package/src/form/widget/providers/textBox.js

@@ -1,48 +1,48 @@
-/**
- * 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 Open Assessment Technologies SA ;
- */
-/**
- * Defines a textBox widget
- * @author Jean-Sébastien Conan <jean-sebastien@taotesting.com>
- */
-
-/**
- * Defines the provider for a textBox widget.
- *
- * @example
- * import widgetTextBoxProvider from 'ui/form/widget/providers/textBox';
- * widgetFactory.registerProvider('textBox', widgetTextBoxProvider);
- * const widget = widgetFactory(container, {
- *     widget: 'textBox'
- *     uri: 'text',
- *     label: 'Text'
- * });
- *
- */
-const widgetTextBoxProvider = {
-    /**
-     * Initialize the widget.
-     * @param {widgetConfig} config
-     */
-    init(config) {
-        // Simply set the type.
-        // The default template is already a text input.
-        config.widgetType = 'text-box';
-    }
-};
-
-export default widgetTextBoxProvider;
+/**
+ * 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 Open Assessment Technologies SA ;
+ */
+/**
+ * Defines a textBox widget
+ * @author Jean-Sébastien Conan <jean-sebastien@taotesting.com>
+ */
+
+/**
+ * Defines the provider for a textBox widget.
+ *
+ * @example
+ * import widgetTextBoxProvider from 'ui/form/widget/providers/textBox';
+ * widgetFactory.registerProvider('textBox', widgetTextBoxProvider);
+ * const widget = widgetFactory(container, {
+ *     widget: 'textBox'
+ *     uri: 'text',
+ *     label: 'Text'
+ * });
+ *
+ */
+const widgetTextBoxProvider = {
+    /**
+     * Initialize the widget.
+     * @param {widgetConfig} config
+     */
+    init(config) {
+        // Simply set the type.
+        // The default template is already a text input.
+        config.widgetType = 'text-box';
+    }
+};
+
+export default widgetTextBoxProvider;

package/src/form/widget/scss/widget.scss

@@ -1,55 +1,55 @@
-@import 'inc/bootstrap';
-
-.form-widget {
-    margin: 10px 0;
-
-    .widget-label {
-        display: inline-block;
-        margin-top: 8px;
-        width: 34%;
-        vertical-align: top;
-    }
-
-    .widget-field {
-        display: inline-block;
-        min-width: 150px;
-        width: 65%;
-
-        .widget-input, .widget-input-inline {
-            @include simple-border();
-            background-color: white;
-            color: $textColor;
-            font-family: $regularFont;
-            padding: 8px;
-            width: 100%;
-        }
-        .widget-input-inline {
-            font: inherit;
-            height: 36px;
-        }
-
-        .check-box-input, .radio-box-input {
-            color: $textColor;
-            display: inline-block;
-            font-family: $regularFont;
-            padding: 4px;
-            width: 100%;
-
-            .option {
-                padding-top: 4px;
-            }
-        }
-    }
-
-    &.error,
-    &.invalid {
-        .widget-field {
-            .widget-input,
-            .widget-input-inline,
-            .check-box-input {
-                border-color: $error;
-                color: $error;
-            }
-        }
-    }
-}
+@import 'inc/bootstrap';
+
+.form-widget {
+    margin: 10px 0;
+
+    .widget-label {
+        display: inline-block;
+        margin-top: 8px;
+        width: 34%;
+        vertical-align: top;
+    }
+
+    .widget-field {
+        display: inline-block;
+        min-width: 150px;
+        width: 65%;
+
+        .widget-input, .widget-input-inline {
+            @include simple-border();
+            background-color: white;
+            color: $textColor;
+            font-family: $regularFont;
+            padding: 8px;
+            width: 100%;
+        }
+        .widget-input-inline {
+            font: inherit;
+            height: 36px;
+        }
+
+        .check-box-input, .radio-box-input {
+            color: $textColor;
+            display: inline-block;
+            font-family: $regularFont;
+            padding: 4px;
+            width: 100%;
+
+            .option {
+                padding-top: 4px;
+            }
+        }
+    }
+
+    &.error,
+    &.invalid {
+        .widget-field {
+            .widget-input,
+            .widget-input-inline,
+            .check-box-input {
+                border-color: $error;
+                color: $error;
+            }
+        }
+    }
+}

package/src/form/widget/tpl/checkBox.tpl

@@ -1,25 +1,25 @@
-<div class="form-widget {{widgetType}}">
-    <div class="widget-label">
-        {{> ui-form-widget-label }}
-    </div>
-    <div class="widget-field">
-        <div class="check-box-input">
-            {{#each range}}
-            <div class="option">
-                <label>
-                    <input
-                        class="widget-input-inline"
-                        type="checkbox"
-                        name="{{this.uri}}"
-                        value="{{this.uri}}"
-                        {{#includes ../value this.uri}}
-                        checked="true"
-                        {{/includes}}>
-                    <span class="icon-checkbox"></span>
-                    {{this.label}}
-                </label>
-            </div>
-            {{/each}}
-        </div>
-    </div>
-</div>
+<div class="form-widget {{widgetType}}">
+    <div class="widget-label">
+        {{> ui-form-widget-label }}
+    </div>
+    <div class="widget-field">
+        <div class="check-box-input">
+            {{#each range}}
+            <div class="option">
+                <label>
+                    <input
+                        class="widget-input-inline"
+                        type="checkbox"
+                        name="{{this.uri}}"
+                        value="{{this.uri}}"
+                        {{#includes ../value this.uri}}
+                        checked="true"
+                        {{/includes}}>
+                    <span class="icon-checkbox"></span>
+                    {{this.label}}
+                </label>
+            </div>
+            {{/each}}
+        </div>
+    </div>
+</div>

package/src/form/widget/tpl/comboBox.tpl

@@ -1,13 +1,13 @@
-<div class="form-widget {{widgetType}}">
-    <div class="widget-label">
-        {{> ui-form-widget-label }}
-    </div>
-    <div class="widget-field">
-        <select class="widget-input-inline" name="{{uri}}">
-            <option value="">{{__ 'Choose a value...'}}</option>
-            {{#each range}}
-            <option value="{{this.uri}}">{{this.label}}</option>
-            {{/each}}
-        </select>
-    </div>
-</div>
+<div class="form-widget {{widgetType}}">
+    <div class="widget-label">
+        {{> ui-form-widget-label }}
+    </div>
+    <div class="widget-field">
+        <select class="widget-input-inline" name="{{uri}}">
+            <option value="">{{__ 'Choose a value...'}}</option>
+            {{#each range}}
+            <option value="{{this.uri}}">{{this.label}}</option>
+            {{/each}}
+        </select>
+    </div>
+</div>

package/src/form/widget/tpl/hidden.tpl

@@ -1 +1 @@
-<input type="hidden" name="{{uri}}" value="{{value}}" />
+<input type="hidden" name="{{uri}}" value="{{value}}" />

package/src/form/widget/tpl/hiddenBox.tpl

@@ -1,17 +1,17 @@
-<div class="form-widget {{widgetType}}">
-    <div class="widget-label">
-        {{> ui-form-widget-label }}
-    </div>
-    <div class="widget-field">
-        <input class="widget-input-inline" type="password" name="{{uri}}" />
-    </div>
-</div>
-
-<div class="form-widget {{widgetType}} confirmation">
-    <div class="widget-label">
-        {{> ui-form-widget-label confirmation}}
-    </div>
-    <div class="widget-field">
-        <input class="widget-input-inline" type="password" name="{{confirmation.uri}}" />
-    </div>
-</div>
+<div class="form-widget {{widgetType}}">
+    <div class="widget-label">
+        {{> ui-form-widget-label }}
+    </div>
+    <div class="widget-field">
+        <input class="widget-input-inline" type="password" name="{{uri}}" />
+    </div>
+</div>
+
+<div class="form-widget {{widgetType}} confirmation">
+    <div class="widget-label">
+        {{> ui-form-widget-label confirmation}}
+    </div>
+    <div class="widget-field">
+        <input class="widget-input-inline" type="password" name="{{confirmation.uri}}" />
+    </div>
+</div>

package/src/form/widget/tpl/label.tpl

@@ -1,6 +1,6 @@
-<label for="{{uri}}">
-    {{label}}
-    {{#if required}}
-    <abbr title="{{__ 'This field is required' }}">*</abbr>
-    {{/if}}
-</label>
+<label for="{{uri}}">
+    {{label}}
+    {{#if required}}
+    <abbr title="{{__ 'This field is required' }}">*</abbr>
+    {{/if}}
+</label>