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 = '';