updates

Author: ThomasTJdev

assets/css/main.css

@@ -333,6 +333,13 @@ label.labelBold {
   box-shadow: none;
 }
 
+.tabulator .tabulator-cell.semibold {
+  font-weight: 400;
+}
+.tabulator .tabulator-cell.slimpadding {
+  padding: 4px 4px;
+}
+
 
 /* Sidebar */
 .sidebar {

assets/js/contacts.js

@@ -75,7 +75,6 @@ function addContact() {
               jsCreateElement('input', {
                 attrs: {
                   type: 'checkbox',
-                  checked: 'checked',
                   id: 'requiresDoubleOptInNew'
                 }
               }),

assets/js/flows.js

@@ -1,5 +1,6 @@
 let
   globalFlowID,
+  globalFlowName,
   globalFlowStepsData = [];
 
 
@@ -166,8 +167,9 @@ function removeFlowDo(flowID) {
 
 
 // -- Open flow
-function openFlow(flowID) {
+function openFlow(flowID, flowName) {
   globalFlowID = flowID;
+  globalFlowName = flowName || dqs("#flowName").innerText;
 
   fetch("/api/flow_steps/all?flowID=" + flowID, {
     method: "GET"
@@ -390,6 +392,11 @@ async function buildFlowHTML(data) {
   const html = jsCreateElement('div', {
     children: [
       jsCreateElement('div', {
+        attrs: {
+          id: 'flowName',
+          class: 'headingH3 mb20'
+        },
+        children: [globalFlowName]
       }),
       jsCreateElement('div', {
         children: flowSteps
@@ -724,11 +731,11 @@ function openStepStats(stepID) {
     ajaxURL:"/api/flow_steps/stats/contacts?flowStepID=" + stepID,
     progressiveLoad:"scroll",
     columns:[
-      {title:"Status", field:"status", width:200},
-      {title:"Contact", field:"user_email", width:200},
-      {title:"Sent At", field:"sent_at", width:200},
-      {title:"Opened times", field:"open_count", width:200},
-      {title:"Scheduled for", field:"scheduled_for", width:200},
+      {title:"Status", field:"status", headerFilter:true, width:200},
+      {title:"Contact", field:"user_email", headerFilter:true, width:200},
+      {title:"Sent At", field:"sent_at", headerFilter:true, width:200},
+      {title:"Opened times", field:"open_count", headerFilter:true, width:200},
+      {title:"Scheduled for", field:"scheduled_for", headerFilter:true, width:200},
     ],
   });
 

assets/js/index.js

@@ -212,13 +212,22 @@ function rawModalLoader(content) {
   const modal = jsRender(
     jsCreateElement("div", {
       attrs: {
-        class: "modalpop"
+        class: "modalpop confirmclose"
       },
       children: [
         jsCreateElement("div", {
           attrs: {
             class: "modal-content"
-          }
+          },
+          children: [
+            jsCreateElement("div", {
+              attrs: {
+                style: "position: absolute;right: 20px;top: 7px;cursor: pointer;font-size: 22px;",
+                onclick: "dqs('.modalpop').classList.remove('show')"
+              },
+              children: ["×"]
+            }),
+          ]
         })
       ]
     })
@@ -230,11 +239,27 @@ function rawModalLoader(content) {
     modal.classList.add("show");
   }, 10);
 
+  // Handle click outside modal to close
   window.onclick = function(event) {
     if (event.target == modal && !modal.classList.contains("confirmclose")) {
       modal.classList.remove('show');
     }
   }
+
+  // Handle ESC key to close modal - only add listener if not already present
+  if (!window.escKeyListenerAdded) {
+    const handleEscKey = function(event) {
+      if (event.key === 'Escape') {
+        const openModal = dqs('.modalpop.show');
+        if (openModal) {
+          openModal.classList.remove('show');
+        }
+      }
+    };
+    
+    document.addEventListener('keydown', handleEscKey);
+    window.escKeyListenerAdded = true;
+  }
 }
 
 

assets/js/mails.js

@@ -363,6 +363,13 @@ function loadMail(id) {
                         selected: data.category == 'event' ? 'selected' : false
                       },
                       children: ['Event']
+                    }),
+                    jsCreateElement('option', {
+                      attrs: {
+                        value: 'flow',
+                        selected: data.category == 'archived' ? 'selected' : false
+                      },
+                      children: ['Archived']
                     })
                   ]
                 })
@@ -796,7 +803,7 @@ async function duplicateMail(mailID) {
   .then(manageErrors)
   .then(response => response.json())
   .then(data => {
-    window.location.reload();
+    window.location.href = "/mails?viewMail=" + data.id;
   });
 
   console.log(mailData);

assets/js/settings.js

@@ -272,7 +272,8 @@ function saveSettingsMain() {
       pageName: dqs("#pageName").value,
       hostname: dqs("#hostname").value,
       logoUrl: dqs("#logoUrl").value,
-      optinEmailID: dqs("#optinEmailID").value
+      optinEmailID: dqs("#optinEmailID").value,
+      linkSuccess: dqs("#linkSuccess").value
     })
   })
   .then(manageErrors)