navigation blockers

public-typescript/mapEdit.js

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
         formEvent.preventDefault();
         cityssm.postJSON(urlPrefix + "/maps/" + (isCreate ? "doCreateMap" : "doUpdateMap"), mapForm, (responseJSON) => {
             if (responseJSON.success) {
+                cityssm.disableNavBlocker();
                 if (isCreate) {
                     window.location.href =
                         urlPrefix + "/maps/" + responseJSON.mapId + "/edit";
@@ -31,6 +32,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
         });
     };
     mapForm.addEventListener("submit", updateMap);
+    const inputElements = mapForm.querySelectorAll("input, select");
+    for (const inputElement of inputElements) {
+        inputElement.addEventListener("change", cityssm.enableNavBlocker);
+    }
     if (!isCreate) {
         document
             .querySelector("#button--deleteMap")

public-typescript/mapEdit.ts

@@ -27,6 +27,8 @@ declare const bulmaJS: BulmaJS;
                 errorMessage?: string;
             }) => {
                 if (responseJSON.success) {
+                    cityssm.disableNavBlocker();
+                    
                     if (isCreate) {
                         window.location.href =
                             urlPrefix + "/maps/" + responseJSON.mapId + "/edit";
@@ -50,6 +52,12 @@ declare const bulmaJS: BulmaJS;
 
     mapForm.addEventListener("submit", updateMap);
 
+    const inputElements = mapForm.querySelectorAll("input, select") as NodeListOf<HTMLInputElement | HTMLSelectElement>;
+
+    for (const inputElement of inputElements) {
+        inputElement.addEventListener("change", cityssm.enableNavBlocker);
+    }
+
     if (!isCreate) {
         document
             .querySelector("#button--deleteMap")

public-typescript/workOrderEdit.js

@@ -15,6 +15,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
         submitEvent.preventDefault();
         cityssm.postJSON(urlPrefix + "/workOrders/" + (isCreate ? "doCreateWorkOrder" : "doUpdateWorkOrder"), submitEvent.currentTarget, (responseJSON) => {
             if (responseJSON.success) {
+                cityssm.disableNavBlocker();
                 if (isCreate) {
                     window.location.href =
                         urlPrefix + "/workOrders/" + responseJSON.workOrderId + "/edit";
@@ -35,6 +36,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
             }
         });
     });
+    const inputElements = workOrderFormElement.querySelectorAll("input, select");
+    for (const inputElement of inputElements) {
+        inputElement.addEventListener("change", cityssm.enableNavBlocker);
+    }
     let workOrderMilestones;
     if (!isCreate) {
         const doClose = () => {

public-typescript/workOrderEdit.ts

@@ -36,6 +36,8 @@ declare const bulmaJS: BulmaJS;
             submitEvent.currentTarget,
             (responseJSON: { success: boolean; workOrderId?: number; errorMessage?: string }) => {
                 if (responseJSON.success) {
+                    cityssm.disableNavBlocker();
+                    
                     if (isCreate) {
                         window.location.href =
                             urlPrefix + "/workOrders/" + responseJSON.workOrderId + "/edit";
@@ -56,6 +58,12 @@ declare const bulmaJS: BulmaJS;
         );
     });
 
+    const inputElements = workOrderFormElement.querySelectorAll("input, select") as NodeListOf<HTMLInputElement | HTMLSelectElement>;
+
+    for (const inputElement of inputElements) {
+        inputElement.addEventListener("change", cityssm.enableNavBlocker);
+    }
+
     /*
      * Work Order Options
      */

public/javascripts/mapEdit.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),(()=>{const e=document.querySelector("main").dataset.urlPrefix,t=document.querySelector("#map--mapId").value,a=""===t,s=document.querySelector("#form--map");s.addEventListener("submit",t=>{t.preventDefault(),cityssm.postJSON(e+"/maps/"+(a?"doCreateMap":"doUpdateMap"),s,t=>{t.success?a?window.location.href=e+"/maps/"+t.mapId+"/edit":bulmaJS.alert({message:exports.aliases.map+" Updated Successfully",contextualColorName:"success"}):bulmaJS.alert({title:"Error Updating "+exports.aliases.map,message:t.errorMessage,contextualColorName:"danger"})})}),a||document.querySelector("#button--deleteMap").addEventListener("click",a=>{a.preventDefault();bulmaJS.confirm({title:"Delete "+exports.aliases.map,message:"Are you sure you want to delete this "+exports.aliases.map.toLowerCase()+" and all related "+exports.aliases.lots.toLowerCase()+"?",contextualColorName:"warning",okButton:{text:"Yes, Delete "+exports.aliases.map+"?",callbackFunction:()=>{cityssm.postJSON(e+"/maps/doDeleteMap",{mapId:t},t=>{t.success?window.location.href=e+"/maps?t="+Date.now():bulmaJS.alert({title:"Error Deleting "+exports.aliases.map,message:t.errorMessage,contextualColorName:"danger"})})}}})})})();
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),(()=>{const e=document.querySelector("main").dataset.urlPrefix,t=document.querySelector("#map--mapId").value,a=""===t,s=document.querySelector("#form--map");s.addEventListener("submit",t=>{t.preventDefault(),cityssm.postJSON(e+"/maps/"+(a?"doCreateMap":"doUpdateMap"),s,t=>{t.success?(cityssm.disableNavBlocker(),a?window.location.href=e+"/maps/"+t.mapId+"/edit":bulmaJS.alert({message:exports.aliases.map+" Updated Successfully",contextualColorName:"success"})):bulmaJS.alert({title:"Error Updating "+exports.aliases.map,message:t.errorMessage,contextualColorName:"danger"})})});const o=s.querySelectorAll("input, select");for(const e of o)e.addEventListener("change",cityssm.enableNavBlocker);a||document.querySelector("#button--deleteMap").addEventListener("click",a=>{a.preventDefault();bulmaJS.confirm({title:"Delete "+exports.aliases.map,message:"Are you sure you want to delete this "+exports.aliases.map.toLowerCase()+" and all related "+exports.aliases.lots.toLowerCase()+"?",contextualColorName:"warning",okButton:{text:"Yes, Delete "+exports.aliases.map+"?",callbackFunction:()=>{cityssm.postJSON(e+"/maps/doDeleteMap",{mapId:t},t=>{t.success?window.location.href=e+"/maps?t="+Date.now():bulmaJS.alert({title:"Error Deleting "+exports.aliases.map,message:t.errorMessage,contextualColorName:"danger"})})}}})})})();