@innovastudio/contentbuilder 1.4.69 → 1.4.70

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.4.69",
+  "version": "1.4.70",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.esm.js

@@ -3932,6 +3932,70 @@ class Util {
       return s;
     }
   }
+  showMessage(message) {
+    const dom = this.dom;
+    let html = '';
+    html = `<div class="is-modal modalmessage" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
+            <div class="is-modal-content" style="padding-top: 15px;padding-bottom: 20px;max-width: 450px;">
+                <div style="margin: 20px 0 30px;font-size: 17px;">${message}</div>
+                <button title="${this.out('Ok')}" class="input-ok classic focus-warning">${this.out('Ok')}</button>
+            </div>
+        </div>`;
+    const builderStuff = this.builder.builderStuff;
+    let modalMessage = builderStuff.querySelector('.modalmessage');
+    if (!modalMessage) {
+      dom.appendHtml(builderStuff, html);
+      modalMessage = builderStuff.querySelector('.modalmessage');
+    }
+    this.showModal(modalMessage, true);
+    let buttonok = modalMessage.querySelector('.is-confirm .input-ok');
+    dom.addEventListener(buttonok, 'click', () => {
+      this.hideModal(modalMessage);
+      modalMessage.parentNode.removeChild(modalMessage); //remove modal
+    });
+  }
+
+  showChoice(message, yestext, callback) {
+    const dom = this.dom;
+    let html = '';
+    html = `<div class="is-modal modalmessage" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
+            <div class="is-modal-content" style="padding-top: 15px;padding-bottom: 20px;max-width: 450px;">
+                <div style="margin: 20px 0 30px;font-size: 17px;">${message}</div>
+
+                <div style="display:flex;">
+                    <button title="${this.out('Cancel')}" class="input-cancel classic-secondary" style="width:100%;margin-right:4px;">${this.out('Cancel')}</button>
+                    <button title="${yestext}" class="input-ok classic-primary" style="width:100%">${yestext}</button>
+                </div>
+            </div>
+        </div>`;
+    const builderStuff = this.builder.builderStuff;
+    let modalMessage = builderStuff.querySelector('.modalmessage');
+    if (!modalMessage) {
+      dom.appendHtml(builderStuff, html);
+      modalMessage = builderStuff.querySelector('.modalmessage');
+    }
+    this.showModal(modalMessage, false, () => {
+      //this function runs when overlay is clicked. Remove modal.
+      modalMessage.parentNode.removeChild(modalMessage);
+      callback(false);
+    });
+    let btnCancel = modalMessage.querySelector('.modalmessage .input-cancel');
+    dom.addEventListener(btnCancel, 'click', () => {
+      this.hideModal(modalMessage);
+      modalMessage.parentNode.removeChild(modalMessage); //remove modal
+
+      callback(false);
+    });
+    btnCancel.focus();
+    let btnOk = modalMessage.querySelector('.modalmessage .input-ok');
+    dom.addEventListener(btnOk, 'click', () => {
+      this.hideModal(modalMessage);
+      modalMessage.parentNode.removeChild(modalMessage); //remove modal
+
+      //do task
+      callback(true);
+    });
+  }
   confirm(message, callback, yesno, yestext) {
     if (!this.builder.deleteConfirm) {
       callback(true);