Compare commits
No commits in common. "38473c38616c2bb55578eda55d38a72f5f683fa2" and "4a1a9f88ea97b5a8b1ce05a6541489efca9efb33" have entirely different histories.
38473c3861
...
4a1a9f88ea
132
bsdialog5.js
132
bsdialog5.js
@ -1,6 +1,6 @@
|
||||
/**
|
||||
* BSDialog5
|
||||
* @version v0.2.2.003 (2024/01/22 2037)
|
||||
* @version v0.2.1.068 (2023/11/14 2028)
|
||||
*/
|
||||
class BSDialog05 {
|
||||
|
||||
@ -8,6 +8,48 @@ class BSDialog05 {
|
||||
}
|
||||
|
||||
|
||||
get Options() {
|
||||
return {
|
||||
ShowModal: {
|
||||
ID: null,
|
||||
Title: "",
|
||||
Message: "",
|
||||
URL: null,
|
||||
Size: "md",
|
||||
Colour: "secondary",
|
||||
ShowFooter: true,
|
||||
EasyClose: true
|
||||
},
|
||||
ShowPrompt: {
|
||||
Type: "button",
|
||||
Title: "",
|
||||
Message: "",
|
||||
Size: "md",
|
||||
EasyClose: true,
|
||||
Buttons: [
|
||||
{ Label: "Yes", Value: "Yes", Colour: "primary" },
|
||||
{ Label: "No", Value: "No", Colour: "secondary" },
|
||||
{ Label: "Cancel", Value: "Cancel", Colour: "secondary" }
|
||||
],
|
||||
Textbox: {
|
||||
Label: "",
|
||||
LabelSize: 4,
|
||||
Placeholder: "",
|
||||
Value: "",
|
||||
BoxSize: 8
|
||||
}
|
||||
},
|
||||
UpdateModal: {
|
||||
ID: null,
|
||||
Title: null,
|
||||
Body: null,
|
||||
URL: null,
|
||||
Footer: null,
|
||||
Size: null
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
get #prefix() {
|
||||
return "bsdia5_";
|
||||
}
|
||||
@ -29,19 +71,9 @@ class BSDialog05 {
|
||||
|
||||
async Show(options) {
|
||||
const a = this;
|
||||
const _options = Object.assign({
|
||||
ID: null,
|
||||
Title: "",
|
||||
Message: "",
|
||||
URL: null,
|
||||
Size: "md",
|
||||
Colour: "secondary",
|
||||
ShowFooter: true,
|
||||
EasyClose: true,
|
||||
IsMovable: true
|
||||
}, options);
|
||||
const _options = Object.assign(a.Options.ShowModal, options);
|
||||
|
||||
a.#addModal(_options.ID, _options.Title, _options.Size, _options.ShowFooter, _options.IsMovable, _options.Colour);
|
||||
a.#addModal(_options.ID, _options.Title, _options.Size, _options.ShowFooter, _options.Colour);
|
||||
|
||||
(new bootstrap.Modal(document.getElementById(a.#prefix + _options.ID), {
|
||||
backdrop: _options.EasyClose
|
||||
@ -57,26 +89,7 @@ class BSDialog05 {
|
||||
async Prompt(options) {
|
||||
const a = this;
|
||||
const id = "prompt" + Math.floor(Math.random() * 10000) + 1000;
|
||||
const _options = Object.assign({
|
||||
Type: "button",
|
||||
Title: "",
|
||||
Message: "",
|
||||
Size: "md",
|
||||
EasyClose: true,
|
||||
IsMovable: true,
|
||||
Buttons: [
|
||||
{ Label: "Yes", Value: "Yes", Colour: "primary" },
|
||||
{ Label: "No", Value: "No", Colour: "secondary" },
|
||||
{ Label: "Cancel", Value: "Cancel", Colour: "secondary" }
|
||||
],
|
||||
Textbox: {
|
||||
Label: "",
|
||||
LabelSize: 4,
|
||||
Placeholder: "",
|
||||
Value: "",
|
||||
BoxSize: 8
|
||||
}
|
||||
}, options);
|
||||
const _options = Object.assign(a.Options.ShowPrompt, options);
|
||||
|
||||
switch (_options.Type) {
|
||||
case "textbox":
|
||||
@ -120,14 +133,7 @@ class BSDialog05 {
|
||||
|
||||
async Update(options) {
|
||||
const a = this;
|
||||
let _options = Object.assign({
|
||||
ID: null,
|
||||
Title: null,
|
||||
Body: null,
|
||||
URL: null,
|
||||
Footer: null,
|
||||
Size: null
|
||||
}, options);
|
||||
let _options = Object.assign(a.Options.UpdateModal, options);
|
||||
|
||||
const modal = a.Find(_options.ID);
|
||||
if (modal === null) {
|
||||
@ -200,7 +206,7 @@ class BSDialog05 {
|
||||
}
|
||||
|
||||
|
||||
#addModal(id, title, size, showFooter, isMovable, closeColour) {
|
||||
#addModal(id, title, size, showFooter, closeColour) {
|
||||
const a = this;
|
||||
|
||||
// don't allow duplicates
|
||||
@ -256,42 +262,6 @@ class BSDialog05 {
|
||||
|
||||
a.#toggleSize(id);
|
||||
});
|
||||
|
||||
if (isMovable) {
|
||||
const panel = modal.Modal.querySelectorAll(".modal-dialog")[0];
|
||||
let isMovable = false;
|
||||
let currentPos = { X: 0, Y: 0 };
|
||||
let movePos = { X: 0, Y: 0 };
|
||||
|
||||
modal.Title.addEventListener("mousedown", function(e) {
|
||||
if ((e.buttons == 1) && !isMovable) {
|
||||
movePos = { X: e.clientX, Y: e.clientY };
|
||||
currentPos = {
|
||||
X: (a.#isNullOrWhitespace(panel.style.left) ? 0 : parseInt(panel.style.left.replace("px", ""))),
|
||||
Y: (a.#isNullOrWhitespace(panel.style.top) ? 0 : parseInt(panel.style.top.replace("px", "")))
|
||||
};
|
||||
isMovable = true;
|
||||
|
||||
modal.Title.style.cursor = "move";
|
||||
|
||||
e.preventDefault();
|
||||
}
|
||||
});
|
||||
|
||||
document.addEventListener("mouseup", function(e) {
|
||||
if (isMovable) {
|
||||
isMovable = false;
|
||||
modal.Title.style.cursor = "default";
|
||||
}
|
||||
});
|
||||
|
||||
document.addEventListener("mousemove", function(e) {
|
||||
if ((e.buttons == 1) && isMovable) {
|
||||
panel.style.left = ((e.clientX - movePos.X) + currentPos.X) + 'px';
|
||||
panel.style.top = ((e.clientY - movePos.Y) + currentPos.Y) + 'px';
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
async #showButtonPrompt(id, options) {
|
||||
@ -303,8 +273,7 @@ class BSDialog05 {
|
||||
Title: options.Title,
|
||||
Message: options.Message,
|
||||
Size: options.Size,
|
||||
EasyClose: options.EasyClose,
|
||||
IsMovable: options.IsMovable
|
||||
EasyClose: options.EasyClose
|
||||
});
|
||||
|
||||
let html = '';
|
||||
@ -356,8 +325,7 @@ class BSDialog05 {
|
||||
Title: options.Title,
|
||||
Message: options.Message,
|
||||
Size: options.Size,
|
||||
EasyClose: options.EasyClose,
|
||||
IsMovable: options.IsMovable
|
||||
EasyClose: options.EasyClose
|
||||
});
|
||||
|
||||
let body = '';
|
||||
|
4
bsdialog5.min.js
vendored
4
bsdialog5.min.js
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user