@ntlab/ntjs-repo 3.0.0

package/Bootstrap/Dialog/Confirm.js

@@ -0,0 +1,82 @@
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2023-2025 Toha <tohenk@yahoo.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+ * of the Software, and to permit persons to whom the Software is furnished to do
+ * so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const { ScriptRepository, ScriptManager } = require('@ntlab/ntjs');
+const JQuery = ScriptManager.require('JQuery');
+
+/**
+ * Bootstrap/Dialog/Confirm script repository.
+ */
+class Confirm extends JQuery {
+
+    initialize() {
+        this.name = 'Confirm';
+        this.position = ScriptRepository.POSITION_FIRST;
+        this.addDependencies(['JQuery/Define', 'Bootstrap/Dialog']);
+    }
+
+    getScript() {
+        const yes = this.translate('Yes');
+        const no = this.translate('No');
+
+        return `
+$.define('ntdlg', {
+    confirm(id, title, message, icon, cb_yes, cb_no) {
+        if (typeof icon === 'function') {
+            cb_no = cb_yes;
+            cb_yes = icon;
+            icon = undefined;
+        }
+        icon = icon || $.ntdlg.ICON_QUESTION;
+        $.ntdlg.dialog(id, title, message, icon, {
+            '${yes}': {
+                icon: $.ntdlg.BTN_ICON_OK,
+                handler() {
+                    $.ntdlg.close($(this));
+                    if (typeof cb_yes === 'function') {
+                        cb_yes();
+                    }
+                }
+            },
+            '${no}': {
+                icon: $.ntdlg.BTN_ICON_CANCEL,
+                handler() {
+                    $.ntdlg.close($(this));
+                    if (typeof cb_no === 'function') {
+                        cb_no();
+                    }
+                }
+            }
+        });
+    }
+}, true);
+`;
+    }
+
+    static instance() {
+        return new this();
+    }
+}
+
+module.exports = Confirm;

package/Bootstrap/Dialog/Input.js

@@ -0,0 +1,85 @@
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2023-2025 Toha <tohenk@yahoo.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+ * of the Software, and to permit persons to whom the Software is furnished to do
+ * so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const { ScriptRepository, ScriptManager } = require('@ntlab/ntjs');
+const JQuery = ScriptManager.require('JQuery');
+
+/**
+ * Bootstrap/Dialog/Input script repository.
+ */
+class Input extends JQuery {
+
+    initialize() {
+        this.name = 'Input';
+        this.position = ScriptRepository.POSITION_FIRST;
+        this.addDependencies(['JQuery/Define', 'Bootstrap/Dialog']);
+    }
+
+    getScript() {
+        const ok = this.translate('OK');
+        const cancel = this.translate('Cancel');
+
+        return `
+$.define('ntdlg', {
+    input(id, title, message, value, size, icon, callback) {
+        if (typeof size === 'function') {
+            callback = size;
+            size = null;
+        } else if (typeof icon === 'function') {
+            callback = icon;
+            icon = null;
+        }
+        size = size || 50;
+        icon = icon || $.ntdlg.ICON_INPUT;
+        message = '<p class="mb-1">' + message + '</p><input class="form-control focused" type="text" value="' + value + '" size="' + size + '">'
+        $.ntdlg.dialog(id, title, message, icon, {
+            '${ok}': {
+                icon: $.ntdlg.BTN_ICON_OK,
+                handler() {
+                    const dlg = $(this);
+                    $.ntdlg.close(dlg);
+                    if (typeof callback === 'function') {
+                        const v = dlg.find('input[type=text]').val();
+                        callback(v);
+                    }
+                }
+            },
+            '${cancel}': {
+                icon: $.ntdlg.BTN_ICON_CANCEL,
+                handler() {
+                    $.ntdlg.close($(this));
+                }
+            }
+        });
+    }
+}, true);
+`;
+    }
+
+    static instance() {
+        return new this();
+    }
+}
+
+module.exports = Input;

package/Bootstrap/Dialog/Message.js

@@ -0,0 +1,63 @@
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2023-2025 Toha <tohenk@yahoo.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+ * of the Software, and to permit persons to whom the Software is furnished to do
+ * so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const { ScriptRepository, ScriptManager } = require('@ntlab/ntjs');
+const JQuery = ScriptManager.require('JQuery');
+
+/**
+ * Bootstrap/Dialog/Message script repository.
+ */
+class Message extends JQuery {
+
+    initialize() {
+        this.name = 'Message';
+        this.position = ScriptRepository.POSITION_FIRST;
+        this.addDependencies(['JQuery/Define', 'Bootstrap/Dialog']);
+    }
+
+    getScript() {
+        const ok = this.translate('OK');
+
+        return `
+$.define('ntdlg', {
+    message(id, title, message, icon) {
+        $.ntdlg.dialog(id, title, message, icon, {
+            '${ok}': {
+                icon: $.ntdlg.BTN_ICON_OK,
+                handler() {
+                    $.ntdlg.close($(this));
+                }
+            }
+        });
+    }
+}, true);
+`;
+    }
+
+    static instance() {
+        return new this();
+    }
+}
+
+module.exports = Message;

package/Bootstrap/Dialog/Wait.js

@@ -0,0 +1,136 @@
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2023-2025 Toha <tohenk@yahoo.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+ * of the Software, and to permit persons to whom the Software is furnished to do
+ * so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const { ScriptRepository, ScriptManager } = require('@ntlab/ntjs');
+const JQuery = ScriptManager.require('JQuery');
+
+/**
+ * Bootstrap/Dialog/Wait script repository.
+ */
+class Wait extends JQuery {
+
+    initialize() {
+        this.name = 'Wait';
+        this.position = ScriptRepository.POSITION_FIRST;
+        this.addDependencies(['JQuery/Define', 'Bootstrap/Dialog']);
+    }
+
+    getScript() {
+        const message = this.translate('Loading...');
+        const title = this.translate('Please wait');
+
+        return `
+$.define('ntdlg', {
+    waitdlg: {
+        id: 'wdialog',
+        getDlg(create) {
+            const self = this;
+            let dlg = $('#' + self.id);
+            if (dlg.length) {
+                self.dlg = dlg;
+            } else {
+                if (create) {
+                    const spinner = $.ntdlg.spinnerTmpl;
+                    const content =
+                        '<div id="' + self.id + '" class="modal fade" tabindex="-1">' +
+                        '  <div class="modal-dialog modal-dialog-centered">' +
+                        '    <div class="modal-content">' +
+                        '      <div class="modal-header">${title}</div>' +
+                        '      <div class="modal-body">' +
+                        '        <div class="d-flex">' +
+                        '          <div class="flex-shrink-0 icon">' + spinner + '</div>' +
+                        '          <div class="flex-grow-1 ms-3">' +
+                        '            <div class="msg">${message}</div>' +
+                        '          </div>' +
+                        '        </div>' +
+                        '      </div>' +
+                        '   </div>' +
+                        '  </div>' +
+                        '</div>';
+                    $(document.body).append(content);
+                    dlg = $('#' + self.id);
+                    dlg.on('shown.bs.modal', function(e) {
+                        const dlg = $(this);
+                        dlg.addClass('active');
+                        if (dlg.hasClass('dismiss')) {
+                            setTimeout(function() {
+                                $.ntdlg.close(dlg);
+                            }, 500);
+                        }
+                    });
+                    dlg.on('hidden.bs.modal', function(e) {
+                        const dlg = $(this);
+                        dlg.removeClass('active');
+                    });
+                    $.ntdlg._create(dlg[0], {keyboard: false});
+                    self.dlg = dlg;
+                }
+            }
+        },
+        isActive() {
+            const self = this;
+            self.getDlg();
+            if (self.dlg) {
+                return self.dlg.hasClass('show') ? true : false;
+            }
+        },
+        show(msg) {
+            const self = this;
+            self.close();
+            self.getDlg(true);
+            if (msg) {
+                self.dlg.find('.modal-body .msg').html(msg);
+            }
+            self.dlg.removeClass('dismiss');
+            $.ntdlg.show(self.dlg);
+        },
+        close() {
+            const self = this;
+            self.getDlg();
+            if (self.dlg) {
+                if (self.dlg.hasClass('active')) {
+                    $.ntdlg.close(self.dlg);
+                } else {
+                    self.dlg.addClass('dismiss');
+                }
+            }
+        }
+    },
+    wait(message) {
+        if (message) {
+            $.ntdlg.waitdlg.show(message);
+        } else {
+            $.ntdlg.waitdlg.close();
+        }
+    }
+}, true);
+`;
+    }
+
+    static instance() {
+        return new this();
+    }
+}
+
+module.exports = Wait;