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

package/src/dialog/alert.js

@@ -1,70 +1,70 @@
-/**
- * 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) 2015-2021 (original work) Open Assessment Technologies SA ;
- */
-/**
- * @author Jean-Sébastien Conan <jean-sebastien.conan@vesperiagroup.com>
- */
-import _ from 'lodash';
-import __ from 'i18n';
-import dialog from 'ui/dialog';
-
-/**
-  * Displays an alert message
-  * @param {String} message - The displayed message
-  * @param {Function} action - An action called when the alert is closed
-  * @param {Function} onCreateDialog - An action called when dialog created
-  * @param {Object} options - Dialog options
-  * @param {Object} options.buttons - Dialog button options
-  * @param {Object} options.buttons.labels - Dialog button labels
-  * @param {String} options.buttons.labels.ok - "OK" button label
-  * @returns {dialog} - Returns the dialog instance
-  */
-export default function dialogAlert(message, action, onCreateDialog, options) {
-    const _options = {
-        buttons: {
-            labels: {
-                ok: __('Ok')
-            }
-        }
-    };
-    let dialogOptions;
-    let dlg;
-    options = _.defaults(options || {}, _options);
-    dialogOptions = {
-        message: message,
-        autoRender: true,
-        autoDestroy: true,
-        buttons: {
-            ok: {
-                id: 'ok',
-                type: 'info',
-                label: options.buttons.labels.ok || __('Ok'),
-                close: true
-            }
-        }
-    };
-    dlg = dialog(dialogOptions).on('create.dialog', function() {
-        if (onCreateDialog) {
-            onCreateDialog();
-        }
-    });
-
-    if (_.isFunction(action)) {
-        dlg.on('closed.modal', action);
-    }
-    return dlg;
-}
+/**
+ * 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) 2015-2021 (original work) Open Assessment Technologies SA ;
+ */
+/**
+ * @author Jean-Sébastien Conan <jean-sebastien.conan@vesperiagroup.com>
+ */
+import _ from 'lodash';
+import __ from 'i18n';
+import dialog from 'ui/dialog';
+
+/**
+  * Displays an alert message
+  * @param {String} message - The displayed message
+  * @param {Function} action - An action called when the alert is closed
+  * @param {Function} onCreateDialog - An action called when dialog created
+  * @param {Object} options - Dialog options
+  * @param {Object} options.buttons - Dialog button options
+  * @param {Object} options.buttons.labels - Dialog button labels
+  * @param {String} options.buttons.labels.ok - "OK" button label
+  * @returns {dialog} - Returns the dialog instance
+  */
+export default function dialogAlert(message, action, onCreateDialog, options) {
+    const _options = {
+        buttons: {
+            labels: {
+                ok: __('Ok')
+            }
+        }
+    };
+    let dialogOptions;
+    let dlg;
+    options = _.defaults(options || {}, _options);
+    dialogOptions = {
+        message: message,
+        autoRender: true,
+        autoDestroy: true,
+        buttons: {
+            ok: {
+                id: 'ok',
+                type: 'info',
+                label: options.buttons.labels.ok || __('Ok'),
+                close: true
+            }
+        }
+    };
+    dlg = dialog(dialogOptions).on('create.dialog', function() {
+        if (onCreateDialog) {
+            onCreateDialog();
+        }
+    });
+
+    if (_.isFunction(action)) {
+        dlg.on('closed.modal', action);
+    }
+    return dlg;
+}

package/src/dialog/confirm.js

@@ -1,85 +1,85 @@
-/**
- * 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) 2015 (original work) Open Assessment Technologies SA ;
- */
-/**
- * @author Jean-Sébastien Conan <jean-sebastien.conan@vesperiagroup.com>
- */
-import _ from 'lodash';
-import __ from 'i18n';
-import dialog from 'ui/dialog';
-
-/**
- * Displays a confirm message
- * @param {String} message - The displayed message
- * @param {Function} accept - An action called when the message is accepted
- * @param {Function} refuse - An action called when the message is refused
- * @param {Object} options - Dialog options
- * @param {Object} options.buttons - Dialog button options
- * @param {Object} options.buttons.labels - Dialog button labels
- * @param {String} options.buttons.labels.ok - "OK" button label
- * @param {String} options.buttons.labels.cancel - "Cancel" button label
- * @returns {dialog} - Returns the dialog instance
- */
-export default function dialogConfirm(message, accept, refuse, options) {
-    var accepted = false;
-    var _options = {
-        buttons: {
-            labels: {
-                ok: __('Ok'),
-                cancel: __('Cancel')
-            }
-        }
-    };
-    var dialogOptions;
-    var dlg;
-    options = _.defaults(options || {}, _options);
-    dialogOptions = {
-        message: message,
-        autoRender: true,
-        autoDestroy: true,
-        onOkBtn: function() {
-            accepted = true;
-            if (_.isFunction(accept)) {
-                accept.call(this);
-            }
-        },
-        buttons: {
-            ok: {
-                id: 'ok',
-                type: 'info',
-                label: options.buttons.labels.ok || __('Ok'),
-                close: true
-            },
-            cancel: {
-                id: 'cancel',
-                type: 'regular',
-                label: options.buttons.labels.cancel || __('Cancel'),
-                close: true
-            }
-        }
-    };
-    dlg = dialog(dialogOptions);
-
-    if (_.isFunction(refuse)) {
-        dlg.on('closed.modal', function() {
-            if (!accepted) {
-                refuse.call(this);
-            }
-        });
-    }
-    return dlg;
-}
+/**
+ * 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) 2015 (original work) Open Assessment Technologies SA ;
+ */
+/**
+ * @author Jean-Sébastien Conan <jean-sebastien.conan@vesperiagroup.com>
+ */
+import _ from 'lodash';
+import __ from 'i18n';
+import dialog from 'ui/dialog';
+
+/**
+ * Displays a confirm message
+ * @param {String} message - The displayed message
+ * @param {Function} accept - An action called when the message is accepted
+ * @param {Function} refuse - An action called when the message is refused
+ * @param {Object} options - Dialog options
+ * @param {Object} options.buttons - Dialog button options
+ * @param {Object} options.buttons.labels - Dialog button labels
+ * @param {String} options.buttons.labels.ok - "OK" button label
+ * @param {String} options.buttons.labels.cancel - "Cancel" button label
+ * @returns {dialog} - Returns the dialog instance
+ */
+export default function dialogConfirm(message, accept, refuse, options) {
+    var accepted = false;
+    var _options = {
+        buttons: {
+            labels: {
+                ok: __('Ok'),
+                cancel: __('Cancel')
+            }
+        }
+    };
+    var dialogOptions;
+    var dlg;
+    options = _.defaults(options || {}, _options);
+    dialogOptions = {
+        message: message,
+        autoRender: true,
+        autoDestroy: true,
+        onOkBtn: function() {
+            accepted = true;
+            if (_.isFunction(accept)) {
+                accept.call(this);
+            }
+        },
+        buttons: {
+            ok: {
+                id: 'ok',
+                type: 'info',
+                label: options.buttons.labels.ok || __('Ok'),
+                close: true
+            },
+            cancel: {
+                id: 'cancel',
+                type: 'regular',
+                label: options.buttons.labels.cancel || __('Cancel'),
+                close: true
+            }
+        }
+    };
+    dlg = dialog(dialogOptions);
+
+    if (_.isFunction(refuse)) {
+        dlg.on('closed.modal', function() {
+            if (!accepted) {
+                refuse.call(this);
+            }
+        });
+    }
+    return dlg;
+}

package/src/dialog/confirmDelete.js

@@ -1,95 +1,95 @@
-/**
- * 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) 2020 (original work) Open Assessment Technologies SA ;
- */
-/**
- * @author Hanna Dzmitryieva <hanna@taotesting.com>
- */
-import _ from 'lodash';
-import __ from 'i18n';
-import dialog from 'ui/dialog';
-import checkBoxTpl from 'ui/dialog/tpl/checkbox';
-
-/**
- * Displays a confirm delete message with checkbox
- * @param {String} message - The displayed message
- * @param {Function} accept - An action called when the message is accepted
- * @param {Function} refuse - An action called when the message is refused
- * @param {Object} options - Dialog options
- * @param {Object} options.confirmationMessage - "I understand that this action is permanent." message
- * @param {Object} options.buttons - Dialog button options
- * @param {Object} options.buttons.labels - Dialog button labels
- * @param {String} options.buttons.labels.delete - "Delete" button label
- * @param {String} options.buttons.labels.cancel - "Cancel" button label
- * @returns {dialog} - Returns the dialog instance
- */
-const defaults = {
-    buttons: {
-        labels: {
-            delete: __('Delete'),
-            cancel: __('Cancel')
-        }
-    },
-    confirmationMessage: __('I understand that this action is permanent.')
-};
-
-export default function dialogConfirmDelete(message, accept, refuse, options) {
-    let accepted = false;
-    options = _.defaults(options || {}, defaults);
-    const dialogOptions = {
-        message: message,
-        content: checkBoxTpl({ id: 'confirm', checked: false, text: options.confirmationMessage }),
-        autoRender: true,
-        autoDestroy: true,
-        onDeleteBtn: function() {
-            accepted = true;
-            if (_.isFunction(accept)) {
-                accept.call(this);
-            }
-        },
-        buttons: {
-            delete: {
-                id: 'delete',
-                type: 'info',
-                label: options.buttons.labels.delete || defaults.buttons.labels.delete,
-                close: true
-            },
-            cancel: {
-                id: 'cancel',
-                type: 'regular',
-                label: options.buttons.labels.cancel || defaults.buttons.labels.cancel,
-                close: true
-            }
-        }
-    };
-    const dlg = dialog(dialogOptions);
-
-    const $html = dlg.getDom();
-    const $deleteButton = $html.find('[data-control="delete"]');
-    $deleteButton.prop('disabled', true);
-    $html.find('#confirm').on('change', function() {
-        $deleteButton.prop('disabled', !this.checked);
-    });
-
-    if (_.isFunction(refuse)) {
-        dlg.on('closed.modal', function() {
-            if (!accepted) {
-                refuse.call(this);
-            }
-        });
-    }
-    return dlg;
-}
+/**
+ * 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) 2020 (original work) Open Assessment Technologies SA ;
+ */
+/**
+ * @author Hanna Dzmitryieva <hanna@taotesting.com>
+ */
+import _ from 'lodash';
+import __ from 'i18n';
+import dialog from 'ui/dialog';
+import checkBoxTpl from 'ui/dialog/tpl/checkbox';
+
+/**
+ * Displays a confirm delete message with checkbox
+ * @param {String} message - The displayed message
+ * @param {Function} accept - An action called when the message is accepted
+ * @param {Function} refuse - An action called when the message is refused
+ * @param {Object} options - Dialog options
+ * @param {Object} options.confirmationMessage - "I understand that this action is permanent." message
+ * @param {Object} options.buttons - Dialog button options
+ * @param {Object} options.buttons.labels - Dialog button labels
+ * @param {String} options.buttons.labels.delete - "Delete" button label
+ * @param {String} options.buttons.labels.cancel - "Cancel" button label
+ * @returns {dialog} - Returns the dialog instance
+ */
+const defaults = {
+    buttons: {
+        labels: {
+            delete: __('Delete'),
+            cancel: __('Cancel')
+        }
+    },
+    confirmationMessage: __('I understand that this action is permanent.')
+};
+
+export default function dialogConfirmDelete(message, accept, refuse, options) {
+    let accepted = false;
+    options = _.defaults(options || {}, defaults);
+    const dialogOptions = {
+        message: message,
+        content: checkBoxTpl({ id: 'confirm', checked: false, text: options.confirmationMessage }),
+        autoRender: true,
+        autoDestroy: true,
+        onDeleteBtn: function() {
+            accepted = true;
+            if (_.isFunction(accept)) {
+                accept.call(this);
+            }
+        },
+        buttons: {
+            delete: {
+                id: 'delete',
+                type: 'info',
+                label: options.buttons.labels.delete || defaults.buttons.labels.delete,
+                close: true
+            },
+            cancel: {
+                id: 'cancel',
+                type: 'regular',
+                label: options.buttons.labels.cancel || defaults.buttons.labels.cancel,
+                close: true
+            }
+        }
+    };
+    const dlg = dialog(dialogOptions);
+
+    const $html = dlg.getDom();
+    const $deleteButton = $html.find('[data-control="delete"]');
+    $deleteButton.prop('disabled', true);
+    $html.find('#confirm').on('change', function() {
+        $deleteButton.prop('disabled', !this.checked);
+    });
+
+    if (_.isFunction(refuse)) {
+        dlg.on('closed.modal', function() {
+            if (!accepted) {
+                refuse.call(this);
+            }
+        });
+    }
+    return dlg;
+}

package/src/dialog/tpl/body.tpl

@@ -1,24 +1,24 @@
-<div
-    class="preview-modal-feedback modal {{class}}"
-    role="dialog"
-    aria-modal="true"
-    data-control="navigable-modal-body"
-    {{#if heading}}
-        aria-labelledby="core/ui-dialog-heading-{{dialogId}}"
-    {{/if}}
-    aria-describedby="core/ui-dialog-message-{{dialogId}}"
->
-    <div class="modal-body clearfix">
-        {{#if heading}}
-        <h4 id="core/ui-dialog-heading-{{dialogId}}" class="strong">{{heading}}</h4>
-        {{/if}}
-
-        <p id="core/ui-dialog-message-{{dialogId}}" class="message">{{{message}}}</p>
-
-        {{#if content}}
-        <div class="content">{{{content}}}</div>
-        {{/if}}
-
-        <div class="buttons rgt"></div>
-    </div>
-</div>
+<div
+    class="preview-modal-feedback modal {{class}}"
+    role="dialog"
+    aria-modal="true"
+    data-control="navigable-modal-body"
+    {{#if heading}}
+        aria-labelledby="core/ui-dialog-heading-{{dialogId}}"
+    {{/if}}
+    aria-describedby="core/ui-dialog-message-{{dialogId}}"
+>
+    <div class="modal-body clearfix">
+        {{#if heading}}
+        <h4 id="core/ui-dialog-heading-{{dialogId}}" class="strong">{{heading}}</h4>
+        {{/if}}
+
+        <p id="core/ui-dialog-message-{{dialogId}}" class="message">{{{message}}}</p>
+
+        {{#if content}}
+        <div class="content">{{{content}}}</div>
+        {{/if}}
+
+        <div class="buttons rgt"></div>
+    </div>
+</div>

package/src/dialog/tpl/buttons.tpl

@@ -1,6 +1,6 @@
-{{#each buttons}}
-    <button class="btn-{{type}} small {{id}}" data-control="{{id}}" type="button">
-        {{#if icon}}<span class="icon-{{icon}}"></span> {{/if}}
-        <span class="label">{{label}}</span>
-    </button>
-{{/each}}
+{{#each buttons}}
+    <button class="btn-{{type}} small {{id}}" data-control="{{id}}" type="button">
+        {{#if icon}}<span class="icon-{{icon}}"></span> {{/if}}
+        <span class="label">{{label}}</span>
+    </button>
+{{/each}}

package/src/dialog/tpl/checkbox.tpl

@@ -1,5 +1,5 @@
-<label for="{{id}}">
-    <input type="checkbox" id="{{id}}" name="{{id}}" {{#if checked}}checked{{/if}} />
-    <span class="icon-checkbox"></span>
-    {{text}}
-</label>
+<label for="{{id}}">
+    <input type="checkbox" id="{{id}}" name="{{id}}" {{#if checked}}checked{{/if}} />
+    <span class="icon-checkbox"></span>
+    {{text}}
+</label>