diff --git a/database/getWorkOrderMilestones.d.ts b/database/getWorkOrderMilestones.d.ts
index 49659686..69010a77 100644
--- a/database/getWorkOrderMilestones.d.ts
+++ b/database/getWorkOrderMilestones.d.ts
@@ -1,9 +1,10 @@
+import { type DateString } from '@cityssm/utils-datetime';
 import type { PoolConnection } from 'better-sqlite-pool';
 import type { WorkOrderMilestone } from '../types/recordTypes.js';
 export interface WorkOrderMilestoneFilters {
     workOrderId?: number | string;
     workOrderMilestoneDateFilter?: 'upcomingMissed' | 'recent' | 'date' | 'blank' | 'notBlank';
-    workOrderMilestoneDateString?: string;
+    workOrderMilestoneDateString?: '' | DateString;
     workOrderTypeIds?: string;
     workOrderMilestoneTypeIds?: string;
 }
diff --git a/database/getWorkOrderMilestones.js b/database/getWorkOrderMilestones.js
index 64452530..32fc3249 100644
--- a/database/getWorkOrderMilestones.js
+++ b/database/getWorkOrderMilestones.js
@@ -42,11 +42,12 @@ function buildWhereClause(filters) {
             break;
         }
     }
-    if ((filters.workOrderMilestoneDateString ?? '') !== '') {
+    if (filters.workOrderMilestoneDateString !== undefined && filters.workOrderMilestoneDateString !== '') {
         sqlWhereClause += ' and m.workOrderMilestoneDate = ?';
         sqlParameters.push(dateStringToInteger(filters.workOrderMilestoneDateString));
     }
-    if ((filters.workOrderTypeIds ?? '') !== '' &&
+    if (filters.workOrderTypeIds !== undefined &&
+        filters.workOrderTypeIds !== '' &&
         commaSeparatedNumbersRegex.test(filters.workOrderTypeIds)) {
         sqlWhereClause += ` and w.workOrderTypeId in (${filters.workOrderTypeIds})`;
     }
diff --git a/database/getWorkOrderMilestones.ts b/database/getWorkOrderMilestones.ts
index c918ac61..82938e83 100644
--- a/database/getWorkOrderMilestones.ts
+++ b/database/getWorkOrderMilestones.ts
@@ -23,7 +23,7 @@ export interface WorkOrderMilestoneFilters {
     | 'date'
     | 'blank'
     | 'notBlank'
-  workOrderMilestoneDateString?: string
+  workOrderMilestoneDateString?: '' | DateString
   workOrderTypeIds?: string
   workOrderMilestoneTypeIds?: string
 }
@@ -33,6 +33,7 @@ interface WorkOrderMilestoneOptions {
   orderBy: 'completion' | 'date'
 }
 
+// eslint-disable-next-line security/detect-unsafe-regex
 const commaSeparatedNumbersRegex = /^\d+(?:,\d+)*$/
 
 function buildWhereClause(filters: WorkOrderMilestoneFilters): {
@@ -98,16 +99,17 @@ function buildWhereClause(filters: WorkOrderMilestoneFilters): {
     }
   }
 
-  if ((filters.workOrderMilestoneDateString ?? '') !== '') {
+  if (filters.workOrderMilestoneDateString !== undefined && filters.workOrderMilestoneDateString !== '') {
     sqlWhereClause += ' and m.workOrderMilestoneDate = ?'
     sqlParameters.push(
-      dateStringToInteger(filters.workOrderMilestoneDateString as DateString)
+      dateStringToInteger(filters.workOrderMilestoneDateString)
     )
   }
 
   if (
-    (filters.workOrderTypeIds ?? '') !== '' &&
-    commaSeparatedNumbersRegex.test(filters.workOrderTypeIds!)
+    filters.workOrderTypeIds !== undefined &&
+    filters.workOrderTypeIds !== '' &&
+    commaSeparatedNumbersRegex.test(filters.workOrderTypeIds)
   ) {
     sqlWhereClause += ` and w.workOrderTypeId in (${filters.workOrderTypeIds})`
   }
@@ -115,7 +117,7 @@ function buildWhereClause(filters: WorkOrderMilestoneFilters): {
   if (
     filters.workOrderMilestoneTypeIds !== undefined &&
     filters.workOrderMilestoneTypeIds !== '' &&
-    commaSeparatedNumbersRegex.test(filters.workOrderMilestoneTypeIds!)
+    commaSeparatedNumbersRegex.test(filters.workOrderMilestoneTypeIds)
   ) {
     sqlWhereClause += ` and m.workOrderMilestoneTypeId in (${filters.workOrderMilestoneTypeIds})`
   }
diff --git a/handlers/workOrders-post/doGetWorkOrderMilestones.ts b/handlers/workOrders-post/doGetWorkOrderMilestones.ts
index f761a67c..176578dc 100644
--- a/handlers/workOrders-post/doGetWorkOrderMilestones.ts
+++ b/handlers/workOrders-post/doGetWorkOrderMilestones.ts
@@ -1,15 +1,20 @@
 import type { Request, Response } from 'express'
 
-import getWorkOrderMilestones from '../../database/getWorkOrderMilestones.js'
+import getWorkOrderMilestones, {
+  type WorkOrderMilestoneFilters
+} from '../../database/getWorkOrderMilestones.js'
 
 export default async function handler(
   request: Request,
   response: Response
 ): Promise<void> {
-  const workOrderMilestones = await getWorkOrderMilestones(request.body, {
-    includeWorkOrders: true,
-    orderBy: 'date'
-  })
+  const workOrderMilestones = await getWorkOrderMilestones(
+    request.body as WorkOrderMilestoneFilters,
+    {
+      includeWorkOrders: true,
+      orderBy: 'date'
+    }
+  )
 
   response.json({
     workOrderMilestones
diff --git a/public-typescript/workOrderEdit.js b/public-typescript/workOrderEdit.js
index f14b499f..315bf58d 100644
--- a/public-typescript/workOrderEdit.js
+++ b/public-typescript/workOrderEdit.js
@@ -1,15 +1,15 @@
 "use strict";
-/* eslint-disable spaced-comment, @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
+// eslint-disable-next-line @eslint-community/eslint-comments/disable-enable-pair
+/* eslint-disable unicorn/prefer-module */
 Object.defineProperty(exports, "__esModule", { value: true });
 (() => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const los = exports.los;
     const workOrderId = document.querySelector('#workOrderEdit--workOrderId').value;
     const isCreate = workOrderId === '';
     const workOrderFormElement = document.querySelector('#form--workOrderEdit');
-    los.initializeDatePickers(workOrderFormElement
-        .querySelector('#workOrderEdit--workOrderOpenDateString')
-        .closest('.field'));
+    los.initializeDatePickers((_a = workOrderFormElement
+        .querySelector('#workOrderEdit--workOrderOpenDateString')) === null || _a === void 0 ? void 0 : _a.closest('.field'));
     los.initializeUnlockFieldButtons(workOrderFormElement);
     function setUnsavedChanges() {
         var _a;
@@ -59,7 +59,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
      * Work Order Options
      */
     function doClose() {
-        cityssm.postJSON(los.urlPrefix + '/workOrders/doCloseWorkOrder', {
+        cityssm.postJSON(`${los.urlPrefix}/workOrders/doCloseWorkOrder`, {
             workOrderId
         }, (rawResponseJSON) => {
             var _a;
@@ -78,14 +78,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
         });
     }
     function doDelete() {
-        cityssm.postJSON(los.urlPrefix + '/workOrders/doDeleteWorkOrder', {
+        cityssm.postJSON(`${los.urlPrefix}/workOrders/doDeleteWorkOrder`, {
             workOrderId
         }, (rawResponseJSON) => {
             var _a;
             const responseJSON = rawResponseJSON;
             if (responseJSON.success) {
                 clearUnsavedChanges();
-                window.location.href = los.urlPrefix + '/workOrders';
+                window.location.href = `${los.urlPrefix}/workOrders`;
             }
             else {
                 bulmaJS.alert({
@@ -97,8 +97,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
         });
     }
     let workOrderMilestones;
-    (_a = document
-        .querySelector('#button--closeWorkOrder')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => {
+    (_b = document
+        .querySelector('#button--closeWorkOrder')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', () => {
         const hasOpenMilestones = workOrderMilestones.some((milestone) => {
             return !milestone.workOrderMilestoneCompletionDate;
         });
@@ -137,8 +137,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
             });
         }
     });
-    (_b = document
-        .querySelector('#button--deleteWorkOrder')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', (clickEvent) => {
+    (_c = document
+        .querySelector('#button--deleteWorkOrder')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', (clickEvent) => {
         clickEvent.preventDefault();
         bulmaJS.confirm({
             title: 'Delete Work Order',
@@ -914,6 +914,56 @@ Object.defineProperty(exports, "__esModule", { value: true });
     /*
      * Milestones
      */
+    function clearPanelBlockElements(panelElement) {
+        for (const panelBlockElement of panelElement.querySelectorAll('.panel-block')) {
+            panelBlockElement.remove();
+        }
+    }
+    function refreshConflictingMilestones(workOrderMilestoneDateString, targetPanelElement) {
+        // Clear panel-block elements
+        clearPanelBlockElements(targetPanelElement);
+        // eslint-disable-next-line no-unsanitized/method
+        targetPanelElement.insertAdjacentHTML('beforeend', `<div class="panel-block is-block">
+      ${los.getLoadingParagraphHTML('Loading conflicting milestones...')}
+      </div>`);
+        cityssm.postJSON(`${los.urlPrefix}/workOrders/doGetWorkOrderMilestones`, {
+            workOrderMilestoneDateFilter: 'date',
+            workOrderMilestoneDateString
+        }, (rawResponseJSON) => {
+            var _a, _b, _c, _d;
+            const responseJSON = rawResponseJSON;
+            const workOrderMilestones = responseJSON.workOrderMilestones.filter((possibleMilestone) => {
+                return possibleMilestone.workOrderId.toString() !== workOrderId;
+            });
+            clearPanelBlockElements(targetPanelElement);
+            for (const milestone of workOrderMilestones) {
+                targetPanelElement.insertAdjacentHTML('beforeend', `<div class="panel-block is-block">
+              <div class="columns">
+                <div class="column is-5">
+                  ${cityssm.escapeHTML(milestone.workOrderMilestoneTime === 0 ? 'No Time' : (_a = milestone.workOrderMilestoneTimePeriodString) !== null && _a !== void 0 ? _a : '')}<br />
+                  <strong>${cityssm.escapeHTML((_b = milestone.workOrderMilestoneType) !== null && _b !== void 0 ? _b : '')}</strong>
+                </div>
+                <div class="column">
+                  ${cityssm.escapeHTML((_c = milestone.workOrderNumber) !== null && _c !== void 0 ? _c : '')}<br />
+                  <span class="is-size-7">
+                    ${cityssm.escapeHTML((_d = milestone.workOrderDescription) !== null && _d !== void 0 ? _d : '')}
+                  </span>
+                </div>
+              </div>
+              </div>`);
+            }
+            if (workOrderMilestones.length === 0) {
+                targetPanelElement.insertAdjacentHTML('beforeend', `<div class="panel-block is-block">
+              <div class="message is-info">
+                <p class="message-body">
+                  There are no milestones on other work orders scheduled for
+                  ${cityssm.escapeHTML(workOrderMilestoneDateString)}.
+                </p>
+              </div>
+              </div>`);
+            }
+        });
+    }
     function processMilestoneResponse(rawResponseJSON) {
         var _a;
         const responseJSON = rawResponseJSON;
@@ -1002,9 +1052,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
             return currentMilestone.workOrderMilestoneId === workOrderMilestoneId;
         });
         let editCloseModalFunction;
+        let workOrderMilestoneDateStringElement;
         function doEdit(submitEvent) {
             submitEvent.preventDefault();
-            cityssm.postJSON(los.urlPrefix + '/workOrders/doUpdateWorkOrderMilestone', submitEvent.currentTarget, (rawResponseJSON) => {
+            cityssm.postJSON(`${los.urlPrefix}/workOrders/doUpdateWorkOrderMilestone`, submitEvent.currentTarget, (rawResponseJSON) => {
                 const responseJSON = rawResponseJSON;
                 processMilestoneResponse(responseJSON);
                 if (responseJSON.success) {
@@ -1014,9 +1065,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
         }
         cityssm.openHtmlModal('workOrder-editMilestone', {
             onshow(modalElement) {
+                var _a, _b, _c, _d, _e;
                 ;
                 modalElement.querySelector('#milestoneEdit--workOrderId').value = workOrderId;
-                modalElement.querySelector('#milestoneEdit--workOrderMilestoneId').value = workOrderMilestone.workOrderMilestoneId.toString();
+                modalElement.querySelector('#milestoneEdit--workOrderMilestoneId').value = (_b = (_a = workOrderMilestone.workOrderMilestoneId) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '';
                 const milestoneTypeElement = modalElement.querySelector('#milestoneEdit--workOrderMilestoneTypeId');
                 let milestoneTypeFound = false;
                 for (const milestoneType of exports.workOrderMilestoneTypes) {
@@ -1040,21 +1092,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
                     optionElement.selected = true;
                     milestoneTypeElement.append(optionElement);
                 }
-                ;
-                modalElement.querySelector('#milestoneEdit--workOrderMilestoneDateString').value = workOrderMilestone.workOrderMilestoneDateString;
+                workOrderMilestoneDateStringElement = modalElement.querySelector('#milestoneEdit--workOrderMilestoneDateString');
+                workOrderMilestoneDateStringElement.value = (_c = workOrderMilestone.workOrderMilestoneDateString) !== null && _c !== void 0 ? _c : '';
                 if (workOrderMilestone.workOrderMilestoneTime) {
                     ;
-                    modalElement.querySelector('#milestoneEdit--workOrderMilestoneTimeString').value = workOrderMilestone.workOrderMilestoneTimeString;
+                    modalElement.querySelector('#milestoneEdit--workOrderMilestoneTimeString').value = (_d = workOrderMilestone.workOrderMilestoneTimeString) !== null && _d !== void 0 ? _d : '';
                 }
                 ;
-                modalElement.querySelector('#milestoneEdit--workOrderMilestoneDescription').value = workOrderMilestone.workOrderMilestoneDescription;
+                modalElement.querySelector('#milestoneEdit--workOrderMilestoneDescription').value = (_e = workOrderMilestone.workOrderMilestoneDescription) !== null && _e !== void 0 ? _e : '';
             },
             onshown(modalElement, closeModalFunction) {
+                var _a;
                 editCloseModalFunction = closeModalFunction;
                 bulmaJS.toggleHtmlClipped();
                 los.initializeDatePickers(modalElement);
                 // los.initializeTimePickers(modalElement);
-                modalElement.querySelector('form').addEventListener('submit', doEdit);
+                (_a = modalElement.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doEdit);
+                const conflictingMilestonePanelElement = document.querySelector('#milestoneEdit--conflictingMilestonesPanel');
+                workOrderMilestoneDateStringElement.addEventListener('change', () => {
+                    refreshConflictingMilestones(workOrderMilestoneDateStringElement.value, conflictingMilestonePanelElement);
+                });
+                refreshConflictingMilestones(workOrderMilestoneDateStringElement.value, conflictingMilestonePanelElement);
             },
             onremoved() {
                 bulmaJS.toggleHtmlClipped();
@@ -1152,10 +1210,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
             exports.workOrderMilestones;
         delete exports.workOrderMilestones;
         renderMilestones();
-        (_c = document
-            .querySelector('#button--addMilestone')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', () => {
-            let addModalElement;
+        (_d = document
+            .querySelector('#button--addMilestone')) === null || _d === void 0 ? void 0 : _d.addEventListener('click', () => {
             let addFormElement;
+            let workOrderMilestoneDateStringElement;
             let addCloseModalFunction;
             function doAdd(submitEvent) {
                 if (submitEvent) {
@@ -1163,7 +1221,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
                 }
                 const currentDateString = cityssm.dateToString(new Date());
                 function _doAdd() {
-                    cityssm.postJSON(los.urlPrefix + '/workOrders/doAddWorkOrderMilestone', addFormElement, (rawResponseJSON) => {
+                    cityssm.postJSON(`${los.urlPrefix}/workOrders/doAddWorkOrderMilestone`, addFormElement, (rawResponseJSON) => {
                         const responseJSON = rawResponseJSON;
                         processMilestoneResponse(responseJSON);
                         if (responseJSON.success) {
@@ -1171,7 +1229,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
                         }
                     });
                 }
-                const milestoneDateString = addModalElement.querySelector('#milestoneAdd--workOrderMilestoneDateString').value;
+                const milestoneDateString = workOrderMilestoneDateStringElement.value;
                 if (milestoneDateString !== '' &&
                     milestoneDateString < currentDateString) {
                     bulmaJS.confirm({
@@ -1200,11 +1258,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
                         optionElement.textContent = milestoneType.workOrderMilestoneType;
                         milestoneTypeElement.append(optionElement);
                     }
-                    ;
-                    modalElement.querySelector('#milestoneAdd--workOrderMilestoneDateString').valueAsDate = new Date();
+                    workOrderMilestoneDateStringElement = modalElement.querySelector('#milestoneAdd--workOrderMilestoneDateString');
+                    workOrderMilestoneDateStringElement.valueAsDate = new Date();
                 },
                 onshown(modalElement, closeModalFunction) {
-                    addModalElement = modalElement;
                     addCloseModalFunction = closeModalFunction;
                     los.initializeDatePickers(modalElement);
                     // los.initializeTimePickers(modalElement);
@@ -1212,6 +1269,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
                     modalElement.querySelector('#milestoneAdd--workOrderMilestoneTypeId').focus();
                     addFormElement = modalElement.querySelector('form');
                     addFormElement.addEventListener('submit', doAdd);
+                    const conflictingMilestonePanelElement = document.querySelector('#milestoneAdd--conflictingMilestonesPanel');
+                    workOrderMilestoneDateStringElement.addEventListener('change', () => {
+                        refreshConflictingMilestones(workOrderMilestoneDateStringElement.value, conflictingMilestonePanelElement);
+                    });
+                    refreshConflictingMilestones(workOrderMilestoneDateStringElement.value, conflictingMilestonePanelElement);
                 },
                 onremoved() {
                     bulmaJS.toggleHtmlClipped();
diff --git a/public-typescript/workOrderEdit/workOrderEdit.js b/public-typescript/workOrderEdit/workOrderEdit.js
index 9c7ff5de..f7f7a604 100644
--- a/public-typescript/workOrderEdit/workOrderEdit.js
+++ b/public-typescript/workOrderEdit/workOrderEdit.js
@@ -1,15 +1,15 @@
 "use strict";
-/* eslint-disable spaced-comment, @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
+// eslint-disable-next-line @eslint-community/eslint-comments/disable-enable-pair
+/* eslint-disable unicorn/prefer-module */
 Object.defineProperty(exports, "__esModule", { value: true });
 (() => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const los = exports.los;
     const workOrderId = document.querySelector('#workOrderEdit--workOrderId').value;
     const isCreate = workOrderId === '';
     const workOrderFormElement = document.querySelector('#form--workOrderEdit');
-    los.initializeDatePickers(workOrderFormElement
-        .querySelector('#workOrderEdit--workOrderOpenDateString')
-        .closest('.field'));
+    los.initializeDatePickers((_a = workOrderFormElement
+        .querySelector('#workOrderEdit--workOrderOpenDateString')) === null || _a === void 0 ? void 0 : _a.closest('.field'));
     los.initializeUnlockFieldButtons(workOrderFormElement);
     function setUnsavedChanges() {
         var _a;
@@ -59,7 +59,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
      * Work Order Options
      */
     function doClose() {
-        cityssm.postJSON(los.urlPrefix + '/workOrders/doCloseWorkOrder', {
+        cityssm.postJSON(`${los.urlPrefix}/workOrders/doCloseWorkOrder`, {
             workOrderId
         }, (rawResponseJSON) => {
             var _a;
@@ -78,14 +78,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
         });
     }
     function doDelete() {
-        cityssm.postJSON(los.urlPrefix + '/workOrders/doDeleteWorkOrder', {
+        cityssm.postJSON(`${los.urlPrefix}/workOrders/doDeleteWorkOrder`, {
             workOrderId
         }, (rawResponseJSON) => {
             var _a;
             const responseJSON = rawResponseJSON;
             if (responseJSON.success) {
                 clearUnsavedChanges();
-                window.location.href = los.urlPrefix + '/workOrders';
+                window.location.href = `${los.urlPrefix}/workOrders`;
             }
             else {
                 bulmaJS.alert({
@@ -97,8 +97,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
         });
     }
     let workOrderMilestones;
-    (_a = document
-        .querySelector('#button--closeWorkOrder')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => {
+    (_b = document
+        .querySelector('#button--closeWorkOrder')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', () => {
         const hasOpenMilestones = workOrderMilestones.some((milestone) => {
             return !milestone.workOrderMilestoneCompletionDate;
         });
@@ -137,8 +137,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
             });
         }
     });
-    (_b = document
-        .querySelector('#button--deleteWorkOrder')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', (clickEvent) => {
+    (_c = document
+        .querySelector('#button--deleteWorkOrder')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', (clickEvent) => {
         clickEvent.preventDefault();
         bulmaJS.confirm({
             title: 'Delete Work Order',
@@ -163,6 +163,56 @@ Object.defineProperty(exports, "__esModule", { value: true });
     /*
      * Milestones
      */
+    function clearPanelBlockElements(panelElement) {
+        for (const panelBlockElement of panelElement.querySelectorAll('.panel-block')) {
+            panelBlockElement.remove();
+        }
+    }
+    function refreshConflictingMilestones(workOrderMilestoneDateString, targetPanelElement) {
+        // Clear panel-block elements
+        clearPanelBlockElements(targetPanelElement);
+        // eslint-disable-next-line no-unsanitized/method
+        targetPanelElement.insertAdjacentHTML('beforeend', `<div class="panel-block is-block">
+      ${los.getLoadingParagraphHTML('Loading conflicting milestones...')}
+      </div>`);
+        cityssm.postJSON(`${los.urlPrefix}/workOrders/doGetWorkOrderMilestones`, {
+            workOrderMilestoneDateFilter: 'date',
+            workOrderMilestoneDateString
+        }, (rawResponseJSON) => {
+            var _a, _b, _c, _d;
+            const responseJSON = rawResponseJSON;
+            const workOrderMilestones = responseJSON.workOrderMilestones.filter((possibleMilestone) => {
+                return possibleMilestone.workOrderId.toString() !== workOrderId;
+            });
+            clearPanelBlockElements(targetPanelElement);
+            for (const milestone of workOrderMilestones) {
+                targetPanelElement.insertAdjacentHTML('beforeend', `<div class="panel-block is-block">
+              <div class="columns">
+                <div class="column is-5">
+                  ${cityssm.escapeHTML(milestone.workOrderMilestoneTime === 0 ? 'No Time' : (_a = milestone.workOrderMilestoneTimePeriodString) !== null && _a !== void 0 ? _a : '')}<br />
+                  <strong>${cityssm.escapeHTML((_b = milestone.workOrderMilestoneType) !== null && _b !== void 0 ? _b : '')}</strong>
+                </div>
+                <div class="column">
+                  ${cityssm.escapeHTML((_c = milestone.workOrderNumber) !== null && _c !== void 0 ? _c : '')}<br />
+                  <span class="is-size-7">
+                    ${cityssm.escapeHTML((_d = milestone.workOrderDescription) !== null && _d !== void 0 ? _d : '')}
+                  </span>
+                </div>
+              </div>
+              </div>`);
+            }
+            if (workOrderMilestones.length === 0) {
+                targetPanelElement.insertAdjacentHTML('beforeend', `<div class="panel-block is-block">
+              <div class="message is-info">
+                <p class="message-body">
+                  There are no milestones on other work orders scheduled for
+                  ${cityssm.escapeHTML(workOrderMilestoneDateString)}.
+                </p>
+              </div>
+              </div>`);
+            }
+        });
+    }
     function processMilestoneResponse(rawResponseJSON) {
         var _a;
         const responseJSON = rawResponseJSON;
@@ -251,9 +301,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
             return currentMilestone.workOrderMilestoneId === workOrderMilestoneId;
         });
         let editCloseModalFunction;
+        let workOrderMilestoneDateStringElement;
         function doEdit(submitEvent) {
             submitEvent.preventDefault();
-            cityssm.postJSON(los.urlPrefix + '/workOrders/doUpdateWorkOrderMilestone', submitEvent.currentTarget, (rawResponseJSON) => {
+            cityssm.postJSON(`${los.urlPrefix}/workOrders/doUpdateWorkOrderMilestone`, submitEvent.currentTarget, (rawResponseJSON) => {
                 const responseJSON = rawResponseJSON;
                 processMilestoneResponse(responseJSON);
                 if (responseJSON.success) {
@@ -263,9 +314,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
         }
         cityssm.openHtmlModal('workOrder-editMilestone', {
             onshow(modalElement) {
+                var _a, _b, _c, _d, _e;
                 ;
                 modalElement.querySelector('#milestoneEdit--workOrderId').value = workOrderId;
-                modalElement.querySelector('#milestoneEdit--workOrderMilestoneId').value = workOrderMilestone.workOrderMilestoneId.toString();
+                modalElement.querySelector('#milestoneEdit--workOrderMilestoneId').value = (_b = (_a = workOrderMilestone.workOrderMilestoneId) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '';
                 const milestoneTypeElement = modalElement.querySelector('#milestoneEdit--workOrderMilestoneTypeId');
                 let milestoneTypeFound = false;
                 for (const milestoneType of exports.workOrderMilestoneTypes) {
@@ -289,21 +341,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
                     optionElement.selected = true;
                     milestoneTypeElement.append(optionElement);
                 }
-                ;
-                modalElement.querySelector('#milestoneEdit--workOrderMilestoneDateString').value = workOrderMilestone.workOrderMilestoneDateString;
+                workOrderMilestoneDateStringElement = modalElement.querySelector('#milestoneEdit--workOrderMilestoneDateString');
+                workOrderMilestoneDateStringElement.value = (_c = workOrderMilestone.workOrderMilestoneDateString) !== null && _c !== void 0 ? _c : '';
                 if (workOrderMilestone.workOrderMilestoneTime) {
                     ;
-                    modalElement.querySelector('#milestoneEdit--workOrderMilestoneTimeString').value = workOrderMilestone.workOrderMilestoneTimeString;
+                    modalElement.querySelector('#milestoneEdit--workOrderMilestoneTimeString').value = (_d = workOrderMilestone.workOrderMilestoneTimeString) !== null && _d !== void 0 ? _d : '';
                 }
                 ;
-                modalElement.querySelector('#milestoneEdit--workOrderMilestoneDescription').value = workOrderMilestone.workOrderMilestoneDescription;
+                modalElement.querySelector('#milestoneEdit--workOrderMilestoneDescription').value = (_e = workOrderMilestone.workOrderMilestoneDescription) !== null && _e !== void 0 ? _e : '';
             },
             onshown(modalElement, closeModalFunction) {
+                var _a;
                 editCloseModalFunction = closeModalFunction;
                 bulmaJS.toggleHtmlClipped();
                 los.initializeDatePickers(modalElement);
                 // los.initializeTimePickers(modalElement);
-                modalElement.querySelector('form').addEventListener('submit', doEdit);
+                (_a = modalElement.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doEdit);
+                const conflictingMilestonePanelElement = document.querySelector('#milestoneEdit--conflictingMilestonesPanel');
+                workOrderMilestoneDateStringElement.addEventListener('change', () => {
+                    refreshConflictingMilestones(workOrderMilestoneDateStringElement.value, conflictingMilestonePanelElement);
+                });
+                refreshConflictingMilestones(workOrderMilestoneDateStringElement.value, conflictingMilestonePanelElement);
             },
             onremoved() {
                 bulmaJS.toggleHtmlClipped();
@@ -401,10 +459,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
             exports.workOrderMilestones;
         delete exports.workOrderMilestones;
         renderMilestones();
-        (_c = document
-            .querySelector('#button--addMilestone')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', () => {
-            let addModalElement;
+        (_d = document
+            .querySelector('#button--addMilestone')) === null || _d === void 0 ? void 0 : _d.addEventListener('click', () => {
             let addFormElement;
+            let workOrderMilestoneDateStringElement;
             let addCloseModalFunction;
             function doAdd(submitEvent) {
                 if (submitEvent) {
@@ -412,7 +470,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
                 }
                 const currentDateString = cityssm.dateToString(new Date());
                 function _doAdd() {
-                    cityssm.postJSON(los.urlPrefix + '/workOrders/doAddWorkOrderMilestone', addFormElement, (rawResponseJSON) => {
+                    cityssm.postJSON(`${los.urlPrefix}/workOrders/doAddWorkOrderMilestone`, addFormElement, (rawResponseJSON) => {
                         const responseJSON = rawResponseJSON;
                         processMilestoneResponse(responseJSON);
                         if (responseJSON.success) {
@@ -420,7 +478,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
                         }
                     });
                 }
-                const milestoneDateString = addModalElement.querySelector('#milestoneAdd--workOrderMilestoneDateString').value;
+                const milestoneDateString = workOrderMilestoneDateStringElement.value;
                 if (milestoneDateString !== '' &&
                     milestoneDateString < currentDateString) {
                     bulmaJS.confirm({
@@ -449,11 +507,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
                         optionElement.textContent = milestoneType.workOrderMilestoneType;
                         milestoneTypeElement.append(optionElement);
                     }
-                    ;
-                    modalElement.querySelector('#milestoneAdd--workOrderMilestoneDateString').valueAsDate = new Date();
+                    workOrderMilestoneDateStringElement = modalElement.querySelector('#milestoneAdd--workOrderMilestoneDateString');
+                    workOrderMilestoneDateStringElement.valueAsDate = new Date();
                 },
                 onshown(modalElement, closeModalFunction) {
-                    addModalElement = modalElement;
                     addCloseModalFunction = closeModalFunction;
                     los.initializeDatePickers(modalElement);
                     // los.initializeTimePickers(modalElement);
@@ -461,6 +518,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
                     modalElement.querySelector('#milestoneAdd--workOrderMilestoneTypeId').focus();
                     addFormElement = modalElement.querySelector('form');
                     addFormElement.addEventListener('submit', doAdd);
+                    const conflictingMilestonePanelElement = document.querySelector('#milestoneAdd--conflictingMilestonesPanel');
+                    workOrderMilestoneDateStringElement.addEventListener('change', () => {
+                        refreshConflictingMilestones(workOrderMilestoneDateStringElement.value, conflictingMilestonePanelElement);
+                    });
+                    refreshConflictingMilestones(workOrderMilestoneDateStringElement.value, conflictingMilestonePanelElement);
                 },
                 onremoved() {
                     bulmaJS.toggleHtmlClipped();
diff --git a/public-typescript/workOrderEdit/workOrderEdit.ts b/public-typescript/workOrderEdit/workOrderEdit.ts
index 7c340ae9..bbed42e4 100644
--- a/public-typescript/workOrderEdit/workOrderEdit.ts
+++ b/public-typescript/workOrderEdit/workOrderEdit.ts
@@ -1,13 +1,16 @@
-/* eslint-disable spaced-comment, @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
+// eslint-disable-next-line @eslint-community/eslint-comments/disable-enable-pair
+/* eslint-disable unicorn/prefer-module */
 
-import type { cityssmGlobal } from '@cityssm/bulma-webapp-js/src/types'
-import type { BulmaJS } from '@cityssm/bulma-js/types'
+import type { BulmaJS } from '@cityssm/bulma-js/types.js'
+import type { cityssmGlobal } from '@cityssm/bulma-webapp-js/src/types.js'
 
-import type * as globalTypes from '../../types/globalTypes'
-import type * as recordTypes from '../../types/recordTypes'
+import type * as globalTypes from '../../types/globalTypes.js'
+import type * as recordTypes from '../../types/recordTypes.js'
 
 declare const cityssm: cityssmGlobal
 declare const bulmaJS: BulmaJS
+
+declare const exports: Record<string, unknown>
 ;(() => {
   const los = exports.los as globalTypes.LOS
 
@@ -23,8 +26,8 @@ declare const bulmaJS: BulmaJS
 
   los.initializeDatePickers(
     workOrderFormElement
-      .querySelector('#workOrderEdit--workOrderOpenDateString')!
-      .closest('.field') as HTMLElement
+      .querySelector('#workOrderEdit--workOrderOpenDateString')
+      ?.closest('.field') as HTMLElement
   )
   los.initializeUnlockFieldButtons(workOrderFormElement)
 
@@ -96,7 +99,7 @@ declare const bulmaJS: BulmaJS
 
   function doClose(): void {
     cityssm.postJSON(
-      los.urlPrefix + '/workOrders/doCloseWorkOrder',
+      `${los.urlPrefix}/workOrders/doCloseWorkOrder`,
       {
         workOrderId
       },
@@ -122,7 +125,7 @@ declare const bulmaJS: BulmaJS
 
   function doDelete(): void {
     cityssm.postJSON(
-      los.urlPrefix + '/workOrders/doDeleteWorkOrder',
+      `${los.urlPrefix}/workOrders/doDeleteWorkOrder`,
       {
         workOrderId
       },
@@ -134,7 +137,7 @@ declare const bulmaJS: BulmaJS
 
         if (responseJSON.success) {
           clearUnsavedChanges()
-          window.location.href = los.urlPrefix + '/workOrders'
+          window.location.href = `${los.urlPrefix}/workOrders`
         } else {
           bulmaJS.alert({
             title: 'Error Deleting Work Order',
@@ -225,15 +228,94 @@ declare const bulmaJS: BulmaJS
    * Milestones
    */
 
+  function clearPanelBlockElements(panelElement: HTMLElement): void {
+    for (const panelBlockElement of panelElement.querySelectorAll(
+      '.panel-block'
+    )) {
+      panelBlockElement.remove()
+    }
+  }
+
+  function refreshConflictingMilestones(
+    workOrderMilestoneDateString: string,
+    targetPanelElement: HTMLElement
+  ): void {
+    // Clear panel-block elements
+    clearPanelBlockElements(targetPanelElement)
+
+    // eslint-disable-next-line no-unsanitized/method
+    targetPanelElement.insertAdjacentHTML(
+      'beforeend',
+      `<div class="panel-block is-block">
+      ${los.getLoadingParagraphHTML('Loading conflicting milestones...')}
+      </div>`
+    )
+
+    cityssm.postJSON(
+      `${los.urlPrefix}/workOrders/doGetWorkOrderMilestones`,
+      {
+        workOrderMilestoneDateFilter: 'date',
+        workOrderMilestoneDateString
+      },
+      (rawResponseJSON) => {
+        const responseJSON = rawResponseJSON as {
+          workOrderMilestones: recordTypes.WorkOrderMilestone[]
+        }
+
+        const workOrderMilestones = responseJSON.workOrderMilestones.filter(
+          (possibleMilestone) => {
+            return possibleMilestone.workOrderId.toString() !== workOrderId
+          }
+        )
+
+        clearPanelBlockElements(targetPanelElement)
+
+        for (const milestone of workOrderMilestones) {
+          targetPanelElement.insertAdjacentHTML(
+            'beforeend',
+            `<div class="panel-block is-block">
+              <div class="columns">
+                <div class="column is-5">
+                  ${cityssm.escapeHTML(milestone.workOrderMilestoneTime === 0 ? 'No Time' : milestone.workOrderMilestoneTimePeriodString ?? '')}<br />
+                  <strong>${cityssm.escapeHTML(milestone.workOrderMilestoneType ?? '')}</strong>
+                </div>
+                <div class="column">
+                  ${cityssm.escapeHTML(milestone.workOrderNumber ?? '')}<br />
+                  <span class="is-size-7">
+                    ${cityssm.escapeHTML(milestone.workOrderDescription ?? '')}
+                  </span>
+                </div>
+              </div>
+              </div>`
+          )
+        }
+
+        if (workOrderMilestones.length === 0) {
+          targetPanelElement.insertAdjacentHTML(
+            'beforeend',
+            `<div class="panel-block is-block">
+              <div class="message is-info">
+                <p class="message-body">
+                  There are no milestones on other work orders scheduled for
+                  ${cityssm.escapeHTML(workOrderMilestoneDateString)}.
+                </p>
+              </div>
+              </div>`
+          )
+        }
+      }
+    )
+  }
+
   function processMilestoneResponse(rawResponseJSON: unknown): void {
     const responseJSON = rawResponseJSON as {
       success: boolean
       errorMessage?: string
-      workOrderMilestones?: recordTypes.WorkOrderMilestone[]
+      workOrderMilestones: recordTypes.WorkOrderMilestone[]
     }
 
     if (responseJSON.success) {
-      workOrderMilestones = responseJSON.workOrderMilestones!
+      workOrderMilestones = responseJSON.workOrderMilestones
       renderMilestones()
     } else {
       bulmaJS.alert({
@@ -370,12 +452,13 @@ declare const bulmaJS: BulmaJS
     })!
 
     let editCloseModalFunction: () => void
+    let workOrderMilestoneDateStringElement: HTMLInputElement
 
     function doEdit(submitEvent: SubmitEvent): void {
       submitEvent.preventDefault()
 
       cityssm.postJSON(
-        los.urlPrefix + '/workOrders/doUpdateWorkOrderMilestone',
+        `${los.urlPrefix}/workOrders/doUpdateWorkOrderMilestone`,
         submitEvent.currentTarget,
         (rawResponseJSON) => {
           const responseJSON = rawResponseJSON as {
@@ -403,7 +486,7 @@ declare const bulmaJS: BulmaJS
           modalElement.querySelector(
             '#milestoneEdit--workOrderMilestoneId'
           ) as HTMLInputElement
-        ).value = workOrderMilestone.workOrderMilestoneId!.toString()
+        ).value = workOrderMilestone.workOrderMilestoneId?.toString() ?? ''
 
         const milestoneTypeElement = modalElement.querySelector(
           '#milestoneEdit--workOrderMilestoneTypeId'
@@ -441,25 +524,27 @@ declare const bulmaJS: BulmaJS
           milestoneTypeElement.append(optionElement)
         }
 
-        ;(
+        workOrderMilestoneDateStringElement = (
           modalElement.querySelector(
             '#milestoneEdit--workOrderMilestoneDateString'
           ) as HTMLInputElement
-        ).value = workOrderMilestone.workOrderMilestoneDateString!
+        )
+        
+        workOrderMilestoneDateStringElement.value = workOrderMilestone.workOrderMilestoneDateString ?? ''
 
         if (workOrderMilestone.workOrderMilestoneTime) {
           ;(
             modalElement.querySelector(
               '#milestoneEdit--workOrderMilestoneTimeString'
             ) as HTMLInputElement
-          ).value = workOrderMilestone.workOrderMilestoneTimeString!
+          ).value = workOrderMilestone.workOrderMilestoneTimeString ?? ''
         }
 
         ;(
           modalElement.querySelector(
             '#milestoneEdit--workOrderMilestoneDescription'
           ) as HTMLTextAreaElement
-        ).value = workOrderMilestone.workOrderMilestoneDescription!
+        ).value = workOrderMilestone.workOrderMilestoneDescription ?? ''
       },
       onshown(modalElement, closeModalFunction) {
         editCloseModalFunction = closeModalFunction
@@ -468,7 +553,26 @@ declare const bulmaJS: BulmaJS
 
         los.initializeDatePickers(modalElement)
         // los.initializeTimePickers(modalElement);
-        modalElement.querySelector('form')!.addEventListener('submit', doEdit)
+        modalElement.querySelector('form')?.addEventListener('submit', doEdit)
+
+        const conflictingMilestonePanelElement = document.querySelector(
+          '#milestoneEdit--conflictingMilestonesPanel'
+        ) as HTMLElement
+
+        workOrderMilestoneDateStringElement.addEventListener(
+          'change',
+          () => {
+            refreshConflictingMilestones(
+              workOrderMilestoneDateStringElement.value,
+              conflictingMilestonePanelElement
+            )
+          }
+        )
+
+        refreshConflictingMilestones(
+          workOrderMilestoneDateStringElement.value,
+          conflictingMilestonePanelElement
+        )
       },
       onremoved() {
         bulmaJS.toggleHtmlClipped()
@@ -588,8 +692,9 @@ declare const bulmaJS: BulmaJS
     document
       .querySelector('#button--addMilestone')
       ?.addEventListener('click', () => {
-        let addModalElement: HTMLElement
+
         let addFormElement: HTMLFormElement
+        let workOrderMilestoneDateStringElement: HTMLInputElement
         let addCloseModalFunction: () => void
 
         function doAdd(submitEvent: SubmitEvent): void {
@@ -601,7 +706,7 @@ declare const bulmaJS: BulmaJS
 
           function _doAdd(): void {
             cityssm.postJSON(
-              los.urlPrefix + '/workOrders/doAddWorkOrderMilestone',
+              `${los.urlPrefix}/workOrders/doAddWorkOrderMilestone`,
               addFormElement,
               (rawResponseJSON) => {
                 const responseJSON = rawResponseJSON as {
@@ -619,11 +724,7 @@ declare const bulmaJS: BulmaJS
             )
           }
 
-          const milestoneDateString = (
-            addModalElement.querySelector(
-              '#milestoneAdd--workOrderMilestoneDateString'
-            ) as HTMLInputElement
-          ).value
+          const milestoneDateString = workOrderMilestoneDateStringElement.value
 
           if (
             milestoneDateString !== '' &&
@@ -666,14 +767,14 @@ declare const bulmaJS: BulmaJS
               milestoneTypeElement.append(optionElement)
             }
 
-            ;(
-              modalElement.querySelector(
-                '#milestoneAdd--workOrderMilestoneDateString'
-              ) as HTMLInputElement
-            ).valueAsDate = new Date()
+            workOrderMilestoneDateStringElement = modalElement.querySelector(
+              '#milestoneAdd--workOrderMilestoneDateString'
+            ) as HTMLInputElement
+
+            workOrderMilestoneDateStringElement.valueAsDate = new Date()
           },
           onshown(modalElement, closeModalFunction) {
-            addModalElement = modalElement
+
             addCloseModalFunction = closeModalFunction
 
             los.initializeDatePickers(modalElement)
@@ -686,8 +787,29 @@ declare const bulmaJS: BulmaJS
               ) as HTMLSelectElement
             ).focus()
 
-            addFormElement = modalElement.querySelector('form')!
+            addFormElement = modalElement.querySelector(
+              'form'
+            ) as HTMLFormElement
             addFormElement.addEventListener('submit', doAdd)
+
+            const conflictingMilestonePanelElement = document.querySelector(
+              '#milestoneAdd--conflictingMilestonesPanel'
+            ) as HTMLElement
+
+            workOrderMilestoneDateStringElement.addEventListener(
+              'change',
+              () => {
+                refreshConflictingMilestones(
+                  workOrderMilestoneDateStringElement.value,
+                  conflictingMilestonePanelElement
+                )
+              }
+            )
+
+            refreshConflictingMilestones(
+              workOrderMilestoneDateStringElement.value,
+              conflictingMilestonePanelElement
+            )
           },
           onremoved() {
             bulmaJS.toggleHtmlClipped()
diff --git a/public/html/workOrder-addMilestone.html b/public/html/workOrder-addMilestone.html
index 1c6807f3..c6c262bf 100644
--- a/public/html/workOrder-addMilestone.html
+++ b/public/html/workOrder-addMilestone.html
@@ -1,6 +1,6 @@
 <div class="modal" role="dialog">
   <div class="modal-background"></div>
-  <div class="modal-card">
+  <div class="modal-card" style="width:1000px">
     <header class="modal-card-head">
       <h3 class="modal-card-title">Add Milestone</h3>
       <button
@@ -10,84 +10,95 @@
       ></button>
     </header>
     <section class="modal-card-body">
-      <form id="form--milestoneAdd">
-        <input
-          id="milestoneAdd--workOrderId"
-          name="workOrderId"
-          type="hidden"
-          value=""
-        />
-
-        <div class="field">
-          <label class="label" for="milestoneAdd--workOrderMilestoneTypeId"
-            >Milestone Type</label
-          >
-          <div class="control">
-            <div class="select is-fullwidth">
-              <select
-                id="milestoneAdd--workOrderMilestoneTypeId"
-                name="workOrderMilestoneTypeId"
-              >
-                <option value="">(No Milestone Type)</option>
-              </select>
-            </div>
-          </div>
-        </div>
-        <div class="columns">
-          <div class="column">
+      <div class="columns">
+        <div class="column">
+          <form id="form--milestoneAdd">
+            <input
+              id="milestoneAdd--workOrderId"
+              name="workOrderId"
+              type="hidden"
+              value=""
+            />
+    
             <div class="field">
-              <label
-                class="label"
-                for="milestoneAdd--workOrderMilestoneDateString"
-                >Milestone Date</label
+              <label class="label" for="milestoneAdd--workOrderMilestoneTypeId"
+                >Milestone Type</label
               >
-              <div class="control has-icons-left">
-                <input
-                  class="input"
-                  id="milestoneAdd--workOrderMilestoneDateString"
-                  name="workOrderMilestoneDateString"
-                  type="date"
-                />
-                <span class="icon is-left">
-                  <i class="fas fa-calendar" aria-hidden="true"></i>
-                </span>
+              <div class="control">
+                <div class="select is-fullwidth">
+                  <select
+                    id="milestoneAdd--workOrderMilestoneTypeId"
+                    name="workOrderMilestoneTypeId"
+                  >
+                    <option value="">(No Milestone Type)</option>
+                  </select>
+                </div>
               </div>
             </div>
-          </div>
-          <div class="column">
-            <div class="field">
-              <label
-                class="label"
-                for="milestoneAdd--workOrderMilestoneTimeString"
-                >Milestone Time</label
-              >
-              <div class="control has-icons-left">
-                <input
-                  class="input"
-                  id="milestoneAdd--workOrderMilestoneTimeString"
-                  name="workOrderMilestoneTimeString"
-                  type="time"
-                />
-                <span class="icon is-left">
-                  <i class="fas fa-clock" aria-hidden="true"></i>
-                </span>
+            <div class="columns">
+              <div class="column">
+                <div class="field">
+                  <label
+                    class="label"
+                    for="milestoneAdd--workOrderMilestoneDateString"
+                    >Milestone Date</label
+                  >
+                  <div class="control has-icons-left">
+                    <input
+                      class="input"
+                      id="milestoneAdd--workOrderMilestoneDateString"
+                      name="workOrderMilestoneDateString"
+                      type="date"
+                    />
+                    <span class="icon is-left">
+                      <i class="fas fa-calendar" aria-hidden="true"></i>
+                    </span>
+                  </div>
+                </div>
+              </div>
+              <div class="column">
+                <div class="field">
+                  <label
+                    class="label"
+                    for="milestoneAdd--workOrderMilestoneTimeString"
+                    >Milestone Time</label
+                  >
+                  <div class="control has-icons-left">
+                    <input
+                      class="input"
+                      id="milestoneAdd--workOrderMilestoneTimeString"
+                      name="workOrderMilestoneTimeString"
+                      type="time"
+                    />
+                    <span class="icon is-left">
+                      <i class="fas fa-clock" aria-hidden="true"></i>
+                    </span>
+                  </div>
+                </div>
               </div>
             </div>
+            <div class="field">
+              <label class="label" for="milestoneAdd--workOrderMilestoneDescription"
+                >Description</label
+              >
+              <div class="control">
+                <textarea
+                  class="textarea"
+                  id="milestoneAdd--workOrderMilestoneDescription"
+                  name="workOrderMilestoneDescription"
+                ></textarea>
+              </div>
+            </div>
+          </form>
+        </div>
+        <div class="column">
+          <div class="panel is-info" id="milestoneAdd--conflictingMilestonesPanel">
+            <h4 class="panel-heading">
+              Potentially Conflicting Milestones
+            </h4>
           </div>
         </div>
-        <div class="field">
-          <label class="label" for="milestoneAdd--workOrderMilestoneDescription"
-            >Description</label
-          >
-          <div class="control">
-            <textarea
-              class="textarea"
-              id="milestoneAdd--workOrderMilestoneDescription"
-              name="workOrderMilestoneDescription"
-            ></textarea>
-          </div>
-        </div>
-      </form>
+      </div>
     </section>
     <footer class="modal-card-foot justify-right">
       <button class="button is-success" type="submit" form="form--milestoneAdd">
diff --git a/public/html/workOrder-editMilestone.html b/public/html/workOrder-editMilestone.html
index eda087c6..958ebc2f 100644
--- a/public/html/workOrder-editMilestone.html
+++ b/public/html/workOrder-editMilestone.html
@@ -1,6 +1,6 @@
 <div class="modal" role="dialog">
   <div class="modal-background"></div>
-  <div class="modal-card">
+  <div class="modal-card" style="width:1000px">
     <header class="modal-card-head">
       <h3 class="modal-card-title">Edit Milestone</h3>
       <button
@@ -10,92 +10,103 @@
       ></button>
     </header>
     <section class="modal-card-body">
-      <form id="form--milestoneEdit">
-        <input
-          id="milestoneEdit--workOrderId"
-          name="workOrderId"
-          type="hidden"
-          value=""
-        />
-        <input
-          id="milestoneEdit--workOrderMilestoneId"
-          name="workOrderMilestoneId"
-          type="hidden"
-          value=""
-        />
-
-        <div class="field">
-          <label class="label" for="milestoneEdit--workOrderMilestoneTypeId"
-            >Milestone Type</label
-          >
-          <div class="control">
-            <div class="select is-fullwidth">
-              <select
-                id="milestoneEdit--workOrderMilestoneTypeId"
-                name="workOrderMilestoneTypeId"
+      <div class="columns">
+        <div class="column">
+          <form id="form--milestoneEdit">
+            <input
+              id="milestoneEdit--workOrderId"
+              name="workOrderId"
+              type="hidden"
+              value=""
+            />
+            <input
+              id="milestoneEdit--workOrderMilestoneId"
+              name="workOrderMilestoneId"
+              type="hidden"
+              value=""
+            />
+    
+            <div class="field">
+              <label class="label" for="milestoneEdit--workOrderMilestoneTypeId"
+                >Milestone Type</label
               >
-                <option value="">(No Milestone Type)</option>
-              </select>
+              <div class="control">
+                <div class="select is-fullwidth">
+                  <select
+                    id="milestoneEdit--workOrderMilestoneTypeId"
+                    name="workOrderMilestoneTypeId"
+                  >
+                    <option value="">(No Milestone Type)</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+            <div class="columns">
+              <div class="column">
+                <div class="field">
+                  <label
+                    class="label"
+                    for="milestoneEdit--workOrderMilestoneDateString"
+                    >Milestone Date</label
+                  >
+                  <div class="control has-icons-left">
+                    <input
+                      class="input"
+                      id="milestoneEdit--workOrderMilestoneDateString"
+                      name="workOrderMilestoneDateString"
+                      type="date"
+                    />
+                    <span class="icon is-left">
+                      <i class="fas fa-calendar" aria-hidden="true"></i>
+                    </span>
+                  </div>
+                </div>
+              </div>
+              <div class="column">
+                <div class="field">
+                  <label
+                    class="label"
+                    for="milestoneEdit--workOrderMilestoneTimeString"
+                    >Milestone Time</label
+                  >
+                  <div class="control has-icons-left">
+                    <input
+                      class="input"
+                      id="milestoneEdit--workOrderMilestoneTimeString"
+                      name="workOrderMilestoneTimeString"
+                      type="time"
+                    />
+                    <span class="icon is-left">
+                      <i class="fas fa-clock" aria-hidden="true"></i>
+                    </span>
+                  </div>
+                </div>
+              </div>
             </div>
-          </div>
-        </div>
-        <div class="columns">
-          <div class="column">
             <div class="field">
               <label
                 class="label"
-                for="milestoneEdit--workOrderMilestoneDateString"
-                >Milestone Date</label
+                for="milestoneEdit--workOrderMilestoneDescription"
+                >Description</label
               >
-              <div class="control has-icons-left">
-                <input
-                  class="input"
-                  id="milestoneEdit--workOrderMilestoneDateString"
-                  name="workOrderMilestoneDateString"
-                  type="date"
-                />
-                <span class="icon is-left">
-                  <i class="fas fa-calendar" aria-hidden="true"></i>
-                </span>
-              </div>
-            </div>
-          </div>
-          <div class="column">
-            <div class="field">
-              <label
-                class="label"
-                for="milestoneEdit--workOrderMilestoneTimeString"
-                >Milestone Time</label
-              >
-              <div class="control has-icons-left">
-                <input
-                  class="input"
-                  id="milestoneEdit--workOrderMilestoneTimeString"
-                  name="workOrderMilestoneTimeString"
-                  type="time"
-                />
-                <span class="icon is-left">
-                  <i class="fas fa-clock" aria-hidden="true"></i>
-                </span>
+              <div class="control">
+                <textarea
+                  class="textarea"
+                  id="milestoneEdit--workOrderMilestoneDescription"
+                  name="workOrderMilestoneDescription"
+                ></textarea>
               </div>
             </div>
+          </form>
+        </div>
+        <div class="column">
+          <div class="panel is-info" id="milestoneEdit--conflictingMilestonesPanel">
+            <h4 class="panel-heading">
+              Potentially Conflicting Milestones
+            </h4>
           </div>
         </div>
-        <div class="field">
-          <label
-            class="label"
-            for="milestoneEdit--workOrderMilestoneDescription"
-            >Description</label
-          >
-          <div class="control">
-            <textarea
-              class="textarea"
-              id="milestoneEdit--workOrderMilestoneDescription"
-              name="workOrderMilestoneDescription"
-            ></textarea>
-          </div>
-        </div>
-      </form>
+      </div>
     </section>
     <footer class="modal-card-foot justify-right">
       <button
diff --git a/public/javascripts/workOrderEdit.min.js b/public/javascripts/workOrderEdit.min.js
index 22a93572..39341148 100644
--- a/public/javascripts/workOrderEdit.min.js
+++ b/public/javascripts/workOrderEdit.min.js
@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),(()=>{var e;const t=exports.los,o=document.querySelector("#workOrderEdit--workOrderId").value,r=""===o,s=document.querySelector("#form--workOrderEdit");function n(){var e;t.setUnsavedChanges(),null===(e=document.querySelector("button[type='submit'][form='form--workOrderEdit']"))||void 0===e||e.classList.remove("is-light")}function a(){var e;t.clearUnsavedChanges(),null===(e=document.querySelector("button[type='submit'][form='form--workOrderEdit']"))||void 0===e||e.classList.add("is-light")}t.initializeDatePickers(s.querySelector("#workOrderEdit--workOrderOpenDateString").closest(".field")),t.initializeUnlockFieldButtons(s),s.addEventListener("submit",e=>{e.preventDefault(),cityssm.postJSON(t.urlPrefix+"/workOrders/"+(r?"doCreateWorkOrder":"doUpdateWorkOrder"),e.currentTarget,e=>{var o;const s=e;s.success?(a(),r?window.location.href=t.getWorkOrderURL(s.workOrderId,!0):bulmaJS.alert({message:"Work Order Updated Successfully",contextualColorName:"success"})):bulmaJS.alert({title:"Error Updating Work Order",message:null!==(o=s.errorMessage)&&void 0!==o?o:"",contextualColorName:"danger"})})});const l=s.querySelectorAll("input, select, textarea");for(const e of l)e.addEventListener("change",n);function c(){cityssm.postJSON(t.urlPrefix+"/workOrders/doCloseWorkOrder",{workOrderId:o},e=>{var r;const s=e;s.success?(a(),window.location.href=t.getWorkOrderURL(o)):bulmaJS.alert({title:"Error Closing Work Order",message:null!==(r=s.errorMessage)&&void 0!==r?r:"",contextualColorName:"danger"})})}function i(){cityssm.postJSON(t.urlPrefix+"/workOrders/doDeleteWorkOrder",{workOrderId:o},e=>{var o;const r=e;r.success?(a(),window.location.href=t.urlPrefix+"/workOrders"):bulmaJS.alert({title:"Error Deleting Work Order",message:null!==(o=r.errorMessage)&&void 0!==o?o:"",contextualColorName:"danger"})})}let d;if(null===(k=document.querySelector("#button--closeWorkOrder"))||void 0===k||k.addEventListener("click",()=>{d.some(e=>!e.workOrderMilestoneCompletionDate)?bulmaJS.alert({title:"Outstanding Milestones",message:"You cannot close a work order with outstanding milestones.\n            Either complete the outstanding milestones, or remove them from the work order.",contextualColorName:"warning"}):bulmaJS.confirm({title:"Close Work Order",message:t.hasUnsavedChanges()?"Are you sure you want to close this work order with unsaved changes?":"Are you sure you want to close this work order?",contextualColorName:t.hasUnsavedChanges()?"warning":"info",okButton:{text:"Yes, Close Work Order",callbackFunction:c}})}),null===(u=document.querySelector("#button--deleteWorkOrder"))||void 0===u||u.addEventListener("click",e=>{e.preventDefault(),bulmaJS.confirm({title:"Delete Work Order",message:"Are you sure you want to delete this work order?",contextualColorName:"warning",okButton:{text:"Yes, Delete Work Order",callbackFunction:i}})}),!r){var u;Object.defineProperty(exports,"__esModule",{value:!0});let e=exports.workOrderLots;delete exports.workOrderLots;let r=exports.workOrderLotOccupancies;function m(e){const s=e.currentTarget.closest(".container--lotOccupancy").dataset.lotOccupancyId;bulmaJS.confirm({title:`Delete ${t.escapedAliases.Occupancy} Relationship`,message:`Are you sure you want to remove the relationship to this ${t.escapedAliases.occupancy} record from this work order?  Note that the record will remain.`,contextualColorName:"warning",okButton:{text:"Yes, Delete Relationship",callbackFunction:function(){cityssm.postJSON(t.urlPrefix+"/workOrders/doDeleteWorkOrderLotOccupancy",{workOrderId:o,lotOccupancyId:s},e=>{var t;const o=e;o.success?(r=o.workOrderLotOccupancies,g()):bulmaJS.alert({title:"Error Deleting Relationship",message:null!==(t=o.errorMessage)&&void 0!==t?t:"",contextualColorName:"danger"})})}}})}function p(r,s){cityssm.postJSON(t.urlPrefix+"/workOrders/doAddWorkOrderLot",{workOrderId:o,lotId:r},o=>{var r;const n=o;n.success?(e=n.workOrderLots,g()):bulmaJS.alert({title:`Error Adding ${t.escapedAliases.Lot}`,message:null!==(r=n.errorMessage)&&void 0!==r?r:"",contextualColorName:"danger"}),void 0!==s&&s(n.success)})}function y(e){p(e.currentTarget.dataset.lotId)}function O(r){const s=Number.parseInt(r.currentTarget.closest(".container--lot").dataset.lotId,10),n=e.find(e=>e.lotId===s);let a;function l(o){o.preventDefault(),cityssm.postJSON(t.urlPrefix+"/workOrders/doUpdateLotStatus",o.currentTarget,t=>{var o;const r=t;r.success?(e=r.workOrderLots,g(),a()):bulmaJS.alert({title:"Error Deleting Relationship",message:null!==(o=r.errorMessage)&&void 0!==o?o:"",contextualColorName:"danger"})})}cityssm.openHtmlModal("lot-editLotStatus",{onshow(e){t.populateAliases(e),e.querySelector("#lotStatusEdit--lotId").value=s.toString(),e.querySelector("#lotStatusEdit--lotName").value=n.lotName;const r=e.querySelector("#lotStatusEdit--lotStatusId");let a=!1;for(const e of exports.lotStatuses){const t=document.createElement("option");t.value=e.lotStatusId.toString(),t.textContent=e.lotStatus,e.lotStatusId===n.lotStatusId&&(a=!0),r.append(t)}if(!a&&n.lotStatusId){const e=document.createElement("option");e.value=n.lotStatusId.toString(),e.textContent=n.lotStatus,r.append(e)}n.lotStatusId&&(r.value=n.lotStatusId.toString()),e.querySelector("form").insertAdjacentHTML("beforeend",`<input name="workOrderId" type="hidden" value="${o}" />`)},onshown(e,t){a=t,bulmaJS.toggleHtmlClipped(),e.querySelector("form").addEventListener("submit",l)},onremoved(){bulmaJS.toggleHtmlClipped()}})}function h(r){const s=r.currentTarget.closest(".container--lot").dataset.lotId;bulmaJS.confirm({title:`Delete ${t.escapedAliases.Occupancy} Relationship`,message:`Are you sure you want to remove the relationship to this ${t.escapedAliases.occupancy} record from this work order?  Note that the record will remain.`,contextualColorName:"warning",okButton:{text:"Yes, Delete Relationship",callbackFunction:function(){cityssm.postJSON(t.urlPrefix+"/workOrders/doDeleteWorkOrderLot",{workOrderId:o,lotId:s},t=>{var o;const r=t;r.success?(e=r.workOrderLots,g()):bulmaJS.alert({title:"Error Deleting Relationship",message:null!==(o=r.errorMessage)&&void 0!==o?o:"",contextualColorName:"danger"})})}}})}function g(){!function(){var o,s,n,a;const l=document.querySelector("#container--lotOccupancies");if(document.querySelector(".tabs a[href='#relatedTab--lotOccupancies'] .tag").textContent=r.length.toString(),0===r.length)return void(l.innerHTML=`<div class="message is-info">\n              <p class="message-body">There are no ${t.escapedAliases.occupancies} associated with this work order.</p>\n              </div>`);l.innerHTML=`<table class="table is-fullwidth is-striped is-hoverable">\n            <thead><tr>\n            <th class="has-width-1"></th>\n            <th>${t.escapedAliases.Occupancy} Type</th>\n            <th>${t.escapedAliases.Lot}</th>\n            <th>${t.escapedAliases.OccupancyStartDate}</th>\n            <th>End Date</th>\n            <th>${t.escapedAliases.Occupants}</th>\n            <th class="has-width-1"></th>\n            </tr></thead>\n            <tbody></tbody>\n            </table>`;const c=cityssm.dateToString(new Date);for(const i of r){const r=document.createElement("tr");r.className="container--lotOccupancy",r.dataset.lotOccupancyId=i.lotOccupancyId.toString();const d=!(i.occupancyEndDate&&i.occupancyEndDateString<c),u=i.lotId&&e.some(e=>i.lotId===e.lotId);r.innerHTML='<td class="is-width-1 has-text-centered">'+(d?'<i class="fas fa-play" title="Current '+t.escapedAliases.Occupancy+'"></i>':'<i class="fas fa-stop" title="Previous '+t.escapedAliases.Occupancy+'"></i>')+'</td><td><a class="has-text-weight-bold" href="'+t.getLotOccupancyURL(i.lotOccupancyId)+'">'+cityssm.escapeHTML(null!==(o=i.occupancyType)&&void 0!==o?o:"")+"</a><br />"+`<span class="is-size-7">#${i.lotOccupancyId}</span>`+"</td>",i.lotId?r.insertAdjacentHTML("beforeend","<td>"+cityssm.escapeHTML(null!==(s=i.lotName)&&void 0!==s?s:"")+(u?"":' <button class="button is-small is-light is-success button--addLot" data-lot-id="'+i.lotId.toString()+'" data-tooltip="Add '+t.escapedAliases.Lot+'" aria-label="Add '+t.escapedAliases.Lot+'" type="button"><i class="fas fa-plus" aria-hidden="true"></i></button>')+"</td>"):r.insertAdjacentHTML("beforeend",`<td><span class="has-text-grey">(No ${t.escapedAliases.Lot})</span></td>`);let p="";for(const e of i.lotOccupancyOccupants)p+=`<li class="has-tooltip-left"\n                data-tooltip="${cityssm.escapeHTML(e.lotOccupantType)}">\n                <span class="fa-li">\n                <i class="fas fa-fw fa-${cityssm.escapeHTML(""===(null!==(n=e.fontAwesomeIconClass)&&void 0!==n?n:"")?"user":e.fontAwesomeIconClass)}" aria-label="${t.escapedAliases.Occupant}"></i>\n                </span>\n                ${cityssm.escapeHTML(e.occupantName)}\n                ${cityssm.escapeHTML(e.occupantFamilyName)}\n                </li>`;r.insertAdjacentHTML("beforeend","<td>"+i.occupancyStartDateString+"</td><td>"+(i.occupancyEndDate?i.occupancyEndDateString:'<span class="has-text-grey">(No End Date)</span>')+"</td><td>"+(0===i.lotOccupancyOccupants.length?`<span class="has-text-grey">(No ${t.escapedAliases.Occupants})</span>`:`<ul class="fa-ul ml-5">${p}</ul>`)+'</td><td><button class="button is-small is-light is-danger button--deleteLotOccupancy" data-tooltip="Delete Relationship" type="button"><i class="fas fa-trash" aria-hidden="true"></i></button></td>'),null===(a=r.querySelector(".button--addLot"))||void 0===a||a.addEventListener("click",y),r.querySelector(".button--deleteLotOccupancy").addEventListener("click",m),l.querySelector("tbody").append(r)}}(),function(){var o,r,s,n;const a=document.querySelector("#container--lots");if(document.querySelector(".tabs a[href='#relatedTab--lots'] .tag").textContent=e.length.toString(),0!==e.length){a.innerHTML=`<table class="table is-fullwidth is-striped is-hoverable">\n                <thead><tr>\n                <th>${t.escapedAliases.Lot}</th>\n                <th>${t.escapedAliases.Map}</th>\n                <th>${t.escapedAliases.Lot} Type</th>\n                <th>Status</th>\n                <th class="has-width-1"></th>\n                </tr></thead>\n                <tbody></tbody>\n                </table>`;for(const l of e){const e=document.createElement("tr");e.className="container--lot",e.dataset.lotId=l.lotId.toString(),e.innerHTML='<td><a class="has-text-weight-bold" href="'+t.getLotURL(l.lotId)+'">'+cityssm.escapeHTML(null!==(o=l.lotName)&&void 0!==o?o:"")+"</a></td>"+`<td>${cityssm.escapeHTML(null!==(r=l.mapName)&&void 0!==r?r:"")}</td>`+`<td>${cityssm.escapeHTML(null!==(s=l.lotType)&&void 0!==s?s:"")}</td>`+"<td>"+(l.lotStatusId?cityssm.escapeHTML(null!==(n=l.lotStatus)&&void 0!==n?n:""):'<span class="has-text-grey">(No Status)</span>')+'</td><td class="is-nowrap">\n                <button class="button is-small is-light is-info button--editLotStatus" data-tooltip="Update Status" type="button">\n                <i class="fas fa-pencil-alt" aria-hidden="true"></i>\n                </button>\n                <button class="button is-small is-light is-danger button--deleteLot" data-tooltip="Delete Relationship" type="button">\n                <i class="fas fa-trash" aria-hidden="true"></i>\n                </button>\n                </td>',e.querySelector(".button--editLotStatus").addEventListener("click",O),e.querySelector(".button--deleteLot").addEventListener("click",h),a.querySelector("tbody").append(e)}}else a.innerHTML=`<div class="message is-info">\n                    <p class="message-body">There are no ${t.escapedAliases.lots} associated with this work order.</p>\n                    </div>`}()}function w(e){const s=e.currentTarget.closest("tr");!function(e,s){cityssm.postJSON(t.urlPrefix+"/workOrders/doAddWorkOrderLotOccupancy",{workOrderId:o,lotOccupancyId:e},e=>{var o;const n=e;n.success?(r=n.workOrderLotOccupancies,g()):bulmaJS.alert({title:"Error Adding "+t.escapedAliases.Occupancy,message:null!==(o=n.errorMessage)&&void 0!==o?o:"",contextualColorName:"danger"}),void 0!==s&&s(n.success)})}(s.dataset.lotOccupancyId,e=>{e&&s.remove()})}function S(e){const t=e.currentTarget.closest("tr");p(t.dataset.lotId,e=>{e&&t.remove()})}delete exports.workOrderLotOccupancies,g(),null===(k=document.querySelector("#button--addLotOccupancy"))||void 0===k||k.addEventListener("click",()=>{let e,r;function s(o){o&&o.preventDefault(),r.innerHTML=t.getLoadingParagraphHTML("Searching..."),cityssm.postJSON(t.urlPrefix+"/lotOccupancies/doSearchLotOccupancies",e,e=>{var o,s;const n=e;if(0!==n.lotOccupancies.length){r.innerHTML=`<table class="table is-fullwidth is-striped is-hoverable">\n                    <thead><tr>\n                    <th class="has-width-1"></th>\n                    <th>${t.escapedAliases.Occupancy} Type</th>\n                    <th>${t.escapedAliases.Lot}</th>\n                    <th>${t.escapedAliases.OccupancyStartDate}</th>\n                    <th>End Date</th>\n                    <th>${t.escapedAliases.Occupants}</th>\n                    </tr></thead>\n                    <tbody></tbody>\n                    </table>`;for(const e of n.lotOccupancies){const n=document.createElement("tr");n.className="container--lotOccupancy",n.dataset.lotOccupancyId=e.lotOccupancyId.toString(),n.innerHTML=`<td class="has-text-centered">\n                        <button class="button is-small is-success button--addLotOccupancy" data-tooltip="Add" type="button" aria-label="Add">\n                          <i class="fas fa-plus" aria-hidden="true"></i>\n                        </button>\n                      </td>\n                      <td class="has-text-weight-bold">\n                        ${cityssm.escapeHTML(null!==(o=e.occupancyType)&&void 0!==o?o:"")}\n                      </td>`,e.lotId?n.insertAdjacentHTML("beforeend","<td>"+cityssm.escapeHTML(null!==(s=e.lotName)&&void 0!==s?s:"")+"</td>"):n.insertAdjacentHTML("beforeend",`<td><span class="has-text-grey">(No ${t.escapedAliases.Lot})</span></td>`),n.insertAdjacentHTML("beforeend",`<td>${e.occupancyStartDateString}</td>`+"<td>"+(e.occupancyEndDate?e.occupancyEndDateString:'<span class="has-text-grey">(No End Date)</span>')+"</td><td>"+(0===e.lotOccupancyOccupants.length?`<span class="has-text-grey">(No ${cityssm.escapeHTML(t.escapedAliases.Occupants)})</span>`:cityssm.escapeHTML(e.lotOccupancyOccupants[0].occupantName+" "+e.lotOccupancyOccupants[0].occupantFamilyName)+(e.lotOccupancyOccupants.length>1?" plus "+(e.lotOccupancyOccupants.length-1).toString():""))+"</td>"),n.querySelector(".button--addLotOccupancy").addEventListener("click",w),r.querySelector("tbody").append(n)}}else r.innerHTML='<div class="message is-info">\n                      <p class="message-body">There are no records that meet the search criteria.</p>\n                      </div>'})}cityssm.openHtmlModal("workOrder-addLotOccupancy",{onshow(n){t.populateAliases(n),e=n.querySelector("form"),r=n.querySelector("#resultsContainer--lotOccupancyAdd"),n.querySelector("#lotOccupancySearch--notWorkOrderId").value=o,n.querySelector("#lotOccupancySearch--occupancyEffectiveDateString").value=document.querySelector("#workOrderEdit--workOrderOpenDateString").value,s()},onshown(t){bulmaJS.toggleHtmlClipped();const o=t.querySelector("#lotOccupancySearch--occupantName");o.addEventListener("change",s),o.focus(),t.querySelector("#lotOccupancySearch--lotName").addEventListener("change",s),e.addEventListener("submit",s)},onremoved(){bulmaJS.toggleHtmlClipped(),document.querySelector("#button--addLotOccupancy").focus()}})}),null===(u=document.querySelector("#button--addLot"))||void 0===u||u.addEventListener("click",()=>{let e,r;function s(o){o&&o.preventDefault(),r.innerHTML=t.getLoadingParagraphHTML("Searching..."),cityssm.postJSON(t.urlPrefix+"/lots/doSearchLots",e,e=>{var o,s,n,a;const l=e;if(0!==l.lots.length){r.innerHTML=`<table class="table is-fullwidth is-striped is-hoverable">\n                  <thead><tr>\n                  <th class="has-width-1"></th>\n                  <th>${t.escapedAliases.Lot}</th>\n                  <th>${t.escapedAliases.Map}</th>\n                  <th>${t.escapedAliases.Lot} Type</th>\n                  <th>Status</th>\n                  </tr></thead>\n                  <tbody></tbody>\n                  </table>`;for(const e of l.lots){const t=document.createElement("tr");t.className="container--lot",t.dataset.lotId=e.lotId.toString(),t.innerHTML='<td class="has-text-centered"><button class="button is-small is-success button--addLot" data-tooltip="Add" type="button" aria-label="Add"><i class="fas fa-plus" aria-hidden="true"></i></button></td><td class="has-text-weight-bold">'+cityssm.escapeHTML(null!==(o=e.lotName)&&void 0!==o?o:"")+"</td><td>"+cityssm.escapeHTML(null!==(s=e.mapName)&&void 0!==s?s:"")+"</td><td>"+cityssm.escapeHTML(null!==(n=e.lotType)&&void 0!==n?n:"")+"</td><td>"+cityssm.escapeHTML(null!==(a=e.lotStatus)&&void 0!==a?a:"")+"</td>",t.querySelector(".button--addLot").addEventListener("click",S),r.querySelector("tbody").append(t)}}else r.innerHTML='<div class="message is-info"><p class="message-body">There are no records that meet the search criteria.</p></div>'})}cityssm.openHtmlModal("workOrder-addLot",{onshow(n){t.populateAliases(n),e=n.querySelector("form"),r=n.querySelector("#resultsContainer--lotAdd"),n.querySelector("#lotSearch--notWorkOrderId").value=o;const a=n.querySelector("#lotSearch--lotStatusId");for(const e of exports.lotStatuses){const t=document.createElement("option");t.value=e.lotStatusId.toString(),t.textContent=e.lotStatus,a.append(t)}s()},onshown(t){bulmaJS.toggleHtmlClipped();const o=t.querySelector("#lotSearch--lotName");o.addEventListener("change",s),o.focus(),t.querySelector("#lotSearch--lotStatusId").addEventListener("change",s),e.addEventListener("submit",s)},onremoved(){bulmaJS.toggleHtmlClipped(),document.querySelector("#button--addLot").focus()}})})}var k;Object.defineProperty(exports,"__esModule",{value:!0});let f=exports.workOrderComments;function b(e){const r=Number.parseInt(e.currentTarget.closest("tr").dataset.workOrderCommentId,10),s=f.find(e=>e.workOrderCommentId===r);let n,a;function l(e){e.preventDefault(),cityssm.postJSON(t.urlPrefix+"/workOrders/doUpdateWorkOrderComment",n,e=>{var t;e.success?(f=e.workOrderComments,a(),M()):bulmaJS.alert({title:"Error Updating Comment",message:null!==(t=e.errorMessage)&&void 0!==t?t:"",contextualColorName:"danger"})})}cityssm.openHtmlModal("workOrder-editComment",{onshow(e){e.querySelector("#workOrderCommentEdit--workOrderId").value=o,e.querySelector("#workOrderCommentEdit--workOrderCommentId").value=r.toString(),e.querySelector("#workOrderCommentEdit--workOrderComment").value=s.workOrderComment;const t=e.querySelector("#workOrderCommentEdit--workOrderCommentDateString");t.value=s.workOrderCommentDateString;const n=cityssm.dateToString(new Date);t.max=s.workOrderCommentDateString<=n?n:s.workOrderCommentDateString,e.querySelector("#workOrderCommentEdit--workOrderCommentTimeString").value=s.workOrderCommentTimeString},onshown(e,o){bulmaJS.toggleHtmlClipped(),t.initializeDatePickers(e),e.querySelector("#workOrderCommentEdit--workOrderComment").focus(),(n=e.querySelector("form")).addEventListener("submit",l),a=o},onremoved(){bulmaJS.toggleHtmlClipped()}})}function v(e){const r=Number.parseInt(e.currentTarget.closest("tr").dataset.workOrderCommentId,10);bulmaJS.confirm({title:"Remove Comment?",message:"Are you sure you want to remove this comment?",okButton:{text:"Yes, Remove Comment",callbackFunction:function(){cityssm.postJSON(t.urlPrefix+"/workOrders/doDeleteWorkOrderComment",{workOrderId:o,workOrderCommentId:r},e=>{var t;e.success?(f=e.workOrderComments,M()):bulmaJS.alert({title:"Error Removing Comment",message:null!==(t=e.errorMessage)&&void 0!==t?t:"",contextualColorName:"danger"})})}},contextualColorName:"warning"})}function M(){var e,t;const o=document.querySelector("#container--workOrderComments");if(0===f.length)return void(o.innerHTML='<div class="message is-info">\n          <p class="message-body">There are no comments to display.</p>\n          </div>');const r=document.createElement("table");r.className="table is-fullwidth is-striped is-hoverable",r.innerHTML='<thead><tr>\n        <th>Commentor</th>\n        <th>Comment Date</th>\n        <th>Comment</th>\n        <th class="is-hidden-print"><span class="is-sr-only">Options</span></th></tr></thead><tbody></tbody>';for(const o of f){const s=document.createElement("tr");s.dataset.workOrderCommentId=o.workOrderCommentId.toString(),s.innerHTML="<td>"+cityssm.escapeHTML(null!==(e=o.recordCreate_userName)&&void 0!==e?e:"")+"</td><td>"+o.workOrderCommentDateString+(0===o.workOrderCommentTime?"":" "+o.workOrderCommentTimePeriodString)+"</td><td>"+cityssm.escapeHTML(null!==(t=o.workOrderComment)&&void 0!==t?t:"")+'</td><td class="is-hidden-print"><div class="buttons are-small is-justify-content-end"><button class="button is-primary button--edit" type="button"><span class="icon is-small"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span> <span>Edit</span></button><button class="button is-light is-danger button--delete" data-tooltip="Delete Comment" type="button" aria-label="Delete"><i class="fas fa-trash" aria-hidden="true"></i></button></div></td>',s.querySelector(".button--edit").addEventListener("click",b),s.querySelector(".button--delete").addEventListener("click",v),r.querySelector("tbody").append(s)}o.innerHTML="",o.append(r)}function L(e){var t;const o=e;o.success?(d=o.workOrderMilestones,E()):bulmaJS.alert({title:"Error Reopening Milestone",message:null!==(t=o.errorMessage)&&void 0!==t?t:"",contextualColorName:"danger"})}function C(e){e.preventDefault();const r=cityssm.dateToString(new Date),s=Number.parseInt(e.currentTarget.closest(".container--milestone").dataset.workOrderMilestoneId,10),n=d.find(e=>e.workOrderMilestoneId===s);bulmaJS.confirm({title:"Complete Milestone",message:"Are you sure you want to complete this milestone?"+(""!==n.workOrderMilestoneDateString&&n.workOrderMilestoneDateString>r?"<br /><strong>Note that this milestone is expected to be completed in the future.</strong>":""),messageIsHtml:!0,contextualColorName:"warning",okButton:{text:"Yes, Complete Milestone",callbackFunction:function(){cityssm.postJSON(t.urlPrefix+"/workOrders/doCompleteWorkOrderMilestone",{workOrderId:o,workOrderMilestoneId:s},L)}}})}function T(e){e.preventDefault();const r=e.currentTarget.closest(".container--milestone").dataset.workOrderMilestoneId;bulmaJS.confirm({title:"Reopen Milestone",message:"Are you sure you want to remove the completion status from this milestone, and reopen it?",contextualColorName:"warning",okButton:{text:"Yes, Reopen Milestone",callbackFunction:function(){cityssm.postJSON(t.urlPrefix+"/workOrders/doReopenWorkOrderMilestone",{workOrderId:o,workOrderMilestoneId:r},L)}}})}function I(e){e.preventDefault();const r=e.currentTarget.closest(".container--milestone").dataset.workOrderMilestoneId;bulmaJS.confirm({title:"Delete Milestone",message:"Are you sure you want to delete this milestone?",contextualColorName:"warning",okButton:{text:"Yes, Delete Milestone",callbackFunction:function(){cityssm.postJSON(t.urlPrefix+"/workOrders/doDeleteWorkOrderMilestone",{workOrderMilestoneId:r,workOrderId:o},L)}}})}function x(e){e.preventDefault();const r=Number.parseInt(e.currentTarget.closest(".container--milestone").dataset.workOrderMilestoneId,10),s=d.find(e=>e.workOrderMilestoneId===r);let n;function a(e){e.preventDefault(),cityssm.postJSON(t.urlPrefix+"/workOrders/doUpdateWorkOrderMilestone",e.currentTarget,e=>{const t=e;L(t),t.success&&n()})}cityssm.openHtmlModal("workOrder-editMilestone",{onshow(e){e.querySelector("#milestoneEdit--workOrderId").value=o,e.querySelector("#milestoneEdit--workOrderMilestoneId").value=s.workOrderMilestoneId.toString();const t=e.querySelector("#milestoneEdit--workOrderMilestoneTypeId");let r=!1;for(const e of exports.workOrderMilestoneTypes){const o=document.createElement("option");o.value=e.workOrderMilestoneTypeId.toString(),o.textContent=e.workOrderMilestoneType,e.workOrderMilestoneTypeId===s.workOrderMilestoneTypeId&&(o.selected=!0,r=!0),t.append(o)}if(!r&&s.workOrderMilestoneTypeId){const e=document.createElement("option");e.value=s.workOrderMilestoneTypeId.toString(),e.textContent=s.workOrderMilestoneType,e.selected=!0,t.append(e)}e.querySelector("#milestoneEdit--workOrderMilestoneDateString").value=s.workOrderMilestoneDateString,s.workOrderMilestoneTime&&(e.querySelector("#milestoneEdit--workOrderMilestoneTimeString").value=s.workOrderMilestoneTimeString),e.querySelector("#milestoneEdit--workOrderMilestoneDescription").value=s.workOrderMilestoneDescription},onshown(e,o){n=o,bulmaJS.toggleHtmlClipped(),t.initializeDatePickers(e),e.querySelector("form").addEventListener("submit",a)},onremoved(){bulmaJS.toggleHtmlClipped()}})}function E(){var e,t,o,r,s;const n=document.querySelector("#panel--milestones"),a=n.querySelectorAll(".panel-block");for(const e of a)e.remove();for(const a of d){const l=document.createElement("div");l.className="panel-block is-block container--milestone",l.dataset.workOrderMilestoneId=a.workOrderMilestoneId.toString(),l.innerHTML='<div class="columns is-mobile"><div class="column is-narrow">'+(a.workOrderMilestoneCompletionDate?'<span class="button is-static" data-tooltip="Completed '+a.workOrderMilestoneCompletionDateString+'" aria-label="Completed '+a.workOrderMilestoneCompletionDateString+'"><span class="icon is-small"><i class="fas fa-check" aria-hidden="true"></i></span></span>':'<button class="button button--completeMilestone" data-tooltip="Incomplete" type="button" aria-label="Incomplete"><span class="icon is-small"><i class="far fa-square" aria-hidden="true"></i></span></button>')+'</div><div class="column">'+(a.workOrderMilestoneTypeId?"<strong>"+cityssm.escapeHTML(null!==(e=a.workOrderMilestoneType)&&void 0!==e?e:"")+"</strong><br />":"")+(0===a.workOrderMilestoneDate?'<span class="has-text-grey">(No Set Date)</span>':a.workOrderMilestoneDateString)+(a.workOrderMilestoneTime?" "+a.workOrderMilestoneTimePeriodString:"")+'<br /><span class="is-size-7">'+cityssm.escapeHTML(null!==(t=a.workOrderMilestoneDescription)&&void 0!==t?t:"")+'</span></div><div class="column is-narrow"><div class="dropdown is-right"><div class="dropdown-trigger"><button class="button is-small" data-tooltip="Options" type="button" aria-label="Options"><i class="fas fa-ellipsis-v" aria-hidden="true"></i></button></div><div class="dropdown-menu"><div class="dropdown-content">'+(a.workOrderMilestoneCompletionDate?'<a class="dropdown-item button--reopenMilestone" href="#"><span class="icon is-small"><i class="fas fa-times" aria-hidden="true"></i></span> <span>Reopen Milestone</span></a>':'<a class="dropdown-item button--editMilestone" href="#"><span class="icon is-small"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span> <span>Edit Milestone</span></a>')+'<hr class="dropdown-divider" /><a class="dropdown-item button--deleteMilestone" href="#"><span class="icon is-small"><i class="fas fa-trash has-text-danger" aria-hidden="true"></i></span> <span>Delete Milestone</span></a></div></div></div></div></div>',null===(o=l.querySelector(".button--reopenMilestone"))||void 0===o||o.addEventListener("click",T),null===(r=l.querySelector(".button--editMilestone"))||void 0===r||r.addEventListener("click",x),null===(s=l.querySelector(".button--completeMilestone"))||void 0===s||s.addEventListener("click",C),l.querySelector(".button--deleteMilestone").addEventListener("click",I),n.append(l)}bulmaJS.init(n)}delete exports.workOrderComments,null===(k=document.querySelector("#workOrderComments--add"))||void 0===k||k.addEventListener("click",function(){let e;function r(o){o.preventDefault(),cityssm.postJSON(t.urlPrefix+"/workOrders/doAddWorkOrderComment",o.currentTarget,t=>{t.success&&(f=t.workOrderComments,M(),e())})}cityssm.openHtmlModal("workOrder-addComment",{onshow(e){t.populateAliases(e),e.querySelector("#workOrderCommentAdd--workOrderId").value=o,e.querySelector("form").addEventListener("submit",r)},onshown(t,o){bulmaJS.toggleHtmlClipped(),e=o,t.querySelector("#workOrderCommentAdd--workOrderComment").focus()},onremoved(){bulmaJS.toggleHtmlClipped(),document.querySelector("#workOrderComments--add").focus()}})}),r||M(),r||(d=exports.workOrderMilestones,delete exports.workOrderMilestones,E(),null===(e=document.querySelector("#button--addMilestone"))||void 0===e||e.addEventListener("click",()=>{let e,r,s;function n(o){o&&o.preventDefault();const n=cityssm.dateToString(new Date);function a(){cityssm.postJSON(t.urlPrefix+"/workOrders/doAddWorkOrderMilestone",r,e=>{const t=e;L(t),t.success&&s()})}const l=e.querySelector("#milestoneAdd--workOrderMilestoneDateString").value;""!==l&&l<n?bulmaJS.confirm({title:"Milestone Date in the Past",message:"Are you sure you want to create a milestone with a date in the past?",contextualColorName:"warning",okButton:{text:"Yes, Create a Past Milestone",callbackFunction:a}}):a()}cityssm.openHtmlModal("workOrder-addMilestone",{onshow(e){e.querySelector("#milestoneAdd--workOrderId").value=o;const t=e.querySelector("#milestoneAdd--workOrderMilestoneTypeId");for(const e of exports.workOrderMilestoneTypes){const o=document.createElement("option");o.value=e.workOrderMilestoneTypeId.toString(),o.textContent=e.workOrderMilestoneType,t.append(o)}e.querySelector("#milestoneAdd--workOrderMilestoneDateString").valueAsDate=new Date},onshown(o,a){e=o,s=a,t.initializeDatePickers(o),bulmaJS.toggleHtmlClipped(),o.querySelector("#milestoneAdd--workOrderMilestoneTypeId").focus(),(r=o.querySelector("form")).addEventListener("submit",n)},onremoved(){bulmaJS.toggleHtmlClipped(),document.querySelector("#button--addMilestone").focus()}})}))})();
\ No newline at end of file
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),(()=>{var e,t;const o=exports.los,r=document.querySelector("#workOrderEdit--workOrderId").value,s=""===r,n=document.querySelector("#form--workOrderEdit");function a(){var e;o.setUnsavedChanges(),null===(e=document.querySelector("button[type='submit'][form='form--workOrderEdit']"))||void 0===e||e.classList.remove("is-light")}function l(){var e;o.clearUnsavedChanges(),null===(e=document.querySelector("button[type='submit'][form='form--workOrderEdit']"))||void 0===e||e.classList.add("is-light")}o.initializeDatePickers(null===(S=n.querySelector("#workOrderEdit--workOrderOpenDateString"))||void 0===S?void 0:S.closest(".field")),o.initializeUnlockFieldButtons(n),n.addEventListener("submit",e=>{e.preventDefault(),cityssm.postJSON(o.urlPrefix+"/workOrders/"+(s?"doCreateWorkOrder":"doUpdateWorkOrder"),e.currentTarget,e=>{var t;const r=e;r.success?(l(),s?window.location.href=o.getWorkOrderURL(r.workOrderId,!0):bulmaJS.alert({message:"Work Order Updated Successfully",contextualColorName:"success"})):bulmaJS.alert({title:"Error Updating Work Order",message:null!==(t=r.errorMessage)&&void 0!==t?t:"",contextualColorName:"danger"})})});const i=n.querySelectorAll("input, select, textarea");for(const e of i)e.addEventListener("change",a);function c(){cityssm.postJSON(`${o.urlPrefix}/workOrders/doCloseWorkOrder`,{workOrderId:r},e=>{var t;const s=e;s.success?(l(),window.location.href=o.getWorkOrderURL(r)):bulmaJS.alert({title:"Error Closing Work Order",message:null!==(t=s.errorMessage)&&void 0!==t?t:"",contextualColorName:"danger"})})}function d(){cityssm.postJSON(`${o.urlPrefix}/workOrders/doDeleteWorkOrder`,{workOrderId:r},e=>{var t;const r=e;r.success?(l(),window.location.href=`${o.urlPrefix}/workOrders`):bulmaJS.alert({title:"Error Deleting Work Order",message:null!==(t=r.errorMessage)&&void 0!==t?t:"",contextualColorName:"danger"})})}let u;if(null===(m=document.querySelector("#button--closeWorkOrder"))||void 0===m||m.addEventListener("click",()=>{u.some(e=>!e.workOrderMilestoneCompletionDate)?bulmaJS.alert({title:"Outstanding Milestones",message:"You cannot close a work order with outstanding milestones.\n            Either complete the outstanding milestones, or remove them from the work order.",contextualColorName:"warning"}):bulmaJS.confirm({title:"Close Work Order",message:o.hasUnsavedChanges()?"Are you sure you want to close this work order with unsaved changes?":"Are you sure you want to close this work order?",contextualColorName:o.hasUnsavedChanges()?"warning":"info",okButton:{text:"Yes, Close Work Order",callbackFunction:c}})}),null===(e=document.querySelector("#button--deleteWorkOrder"))||void 0===e||e.addEventListener("click",e=>{e.preventDefault(),bulmaJS.confirm({title:"Delete Work Order",message:"Are you sure you want to delete this work order?",contextualColorName:"warning",okButton:{text:"Yes, Delete Work Order",callbackFunction:d}})}),!s){var m;Object.defineProperty(exports,"__esModule",{value:!0});let e=exports.workOrderLots;delete exports.workOrderLots;let t=exports.workOrderLotOccupancies;function p(e){const s=e.currentTarget.closest(".container--lotOccupancy").dataset.lotOccupancyId;bulmaJS.confirm({title:`Delete ${o.escapedAliases.Occupancy} Relationship`,message:`Are you sure you want to remove the relationship to this ${o.escapedAliases.occupancy} record from this work order?  Note that the record will remain.`,contextualColorName:"warning",okButton:{text:"Yes, Delete Relationship",callbackFunction:function(){cityssm.postJSON(o.urlPrefix+"/workOrders/doDeleteWorkOrderLotOccupancy",{workOrderId:r,lotOccupancyId:s},e=>{var o;const r=e;r.success?(t=r.workOrderLotOccupancies,k()):bulmaJS.alert({title:"Error Deleting Relationship",message:null!==(o=r.errorMessage)&&void 0!==o?o:"",contextualColorName:"danger"})})}}})}function y(t,s){cityssm.postJSON(o.urlPrefix+"/workOrders/doAddWorkOrderLot",{workOrderId:r,lotId:t},t=>{var r;const n=t;n.success?(e=n.workOrderLots,k()):bulmaJS.alert({title:`Error Adding ${o.escapedAliases.Lot}`,message:null!==(r=n.errorMessage)&&void 0!==r?r:"",contextualColorName:"danger"}),void 0!==s&&s(n.success)})}function O(e){y(e.currentTarget.dataset.lotId)}function h(t){const s=Number.parseInt(t.currentTarget.closest(".container--lot").dataset.lotId,10),n=e.find(e=>e.lotId===s);let a;function l(t){t.preventDefault(),cityssm.postJSON(o.urlPrefix+"/workOrders/doUpdateLotStatus",t.currentTarget,t=>{var o;const r=t;r.success?(e=r.workOrderLots,k(),a()):bulmaJS.alert({title:"Error Deleting Relationship",message:null!==(o=r.errorMessage)&&void 0!==o?o:"",contextualColorName:"danger"})})}cityssm.openHtmlModal("lot-editLotStatus",{onshow(e){o.populateAliases(e),e.querySelector("#lotStatusEdit--lotId").value=s.toString(),e.querySelector("#lotStatusEdit--lotName").value=n.lotName;const t=e.querySelector("#lotStatusEdit--lotStatusId");let a=!1;for(const e of exports.lotStatuses){const o=document.createElement("option");o.value=e.lotStatusId.toString(),o.textContent=e.lotStatus,e.lotStatusId===n.lotStatusId&&(a=!0),t.append(o)}if(!a&&n.lotStatusId){const e=document.createElement("option");e.value=n.lotStatusId.toString(),e.textContent=n.lotStatus,t.append(e)}n.lotStatusId&&(t.value=n.lotStatusId.toString()),e.querySelector("form").insertAdjacentHTML("beforeend",`<input name="workOrderId" type="hidden" value="${r}" />`)},onshown(e,t){a=t,bulmaJS.toggleHtmlClipped(),e.querySelector("form").addEventListener("submit",l)},onremoved(){bulmaJS.toggleHtmlClipped()}})}function g(t){const s=t.currentTarget.closest(".container--lot").dataset.lotId;bulmaJS.confirm({title:`Delete ${o.escapedAliases.Occupancy} Relationship`,message:`Are you sure you want to remove the relationship to this ${o.escapedAliases.occupancy} record from this work order?  Note that the record will remain.`,contextualColorName:"warning",okButton:{text:"Yes, Delete Relationship",callbackFunction:function(){cityssm.postJSON(o.urlPrefix+"/workOrders/doDeleteWorkOrderLot",{workOrderId:r,lotId:s},t=>{var o;const r=t;r.success?(e=r.workOrderLots,k()):bulmaJS.alert({title:"Error Deleting Relationship",message:null!==(o=r.errorMessage)&&void 0!==o?o:"",contextualColorName:"danger"})})}}})}function k(){!function(){var r,s,n,a;const l=document.querySelector("#container--lotOccupancies");if(document.querySelector(".tabs a[href='#relatedTab--lotOccupancies'] .tag").textContent=t.length.toString(),0===t.length)return void(l.innerHTML=`<div class="message is-info">\n              <p class="message-body">There are no ${o.escapedAliases.occupancies} associated with this work order.</p>\n              </div>`);l.innerHTML=`<table class="table is-fullwidth is-striped is-hoverable">\n            <thead><tr>\n            <th class="has-width-1"></th>\n            <th>${o.escapedAliases.Occupancy} Type</th>\n            <th>${o.escapedAliases.Lot}</th>\n            <th>${o.escapedAliases.OccupancyStartDate}</th>\n            <th>End Date</th>\n            <th>${o.escapedAliases.Occupants}</th>\n            <th class="has-width-1"></th>\n            </tr></thead>\n            <tbody></tbody>\n            </table>`;const i=cityssm.dateToString(new Date);for(const c of t){const t=document.createElement("tr");t.className="container--lotOccupancy",t.dataset.lotOccupancyId=c.lotOccupancyId.toString();const d=!(c.occupancyEndDate&&c.occupancyEndDateString<i),u=c.lotId&&e.some(e=>c.lotId===e.lotId);t.innerHTML='<td class="is-width-1 has-text-centered">'+(d?'<i class="fas fa-play" title="Current '+o.escapedAliases.Occupancy+'"></i>':'<i class="fas fa-stop" title="Previous '+o.escapedAliases.Occupancy+'"></i>')+'</td><td><a class="has-text-weight-bold" href="'+o.getLotOccupancyURL(c.lotOccupancyId)+'">'+cityssm.escapeHTML(null!==(r=c.occupancyType)&&void 0!==r?r:"")+"</a><br />"+`<span class="is-size-7">#${c.lotOccupancyId}</span>`+"</td>",c.lotId?t.insertAdjacentHTML("beforeend","<td>"+cityssm.escapeHTML(null!==(s=c.lotName)&&void 0!==s?s:"")+(u?"":' <button class="button is-small is-light is-success button--addLot" data-lot-id="'+c.lotId.toString()+'" data-tooltip="Add '+o.escapedAliases.Lot+'" aria-label="Add '+o.escapedAliases.Lot+'" type="button"><i class="fas fa-plus" aria-hidden="true"></i></button>')+"</td>"):t.insertAdjacentHTML("beforeend",`<td><span class="has-text-grey">(No ${o.escapedAliases.Lot})</span></td>`);let m="";for(const e of c.lotOccupancyOccupants)m+=`<li class="has-tooltip-left"\n                data-tooltip="${cityssm.escapeHTML(e.lotOccupantType)}">\n                <span class="fa-li">\n                <i class="fas fa-fw fa-${cityssm.escapeHTML(""===(null!==(n=e.fontAwesomeIconClass)&&void 0!==n?n:"")?"user":e.fontAwesomeIconClass)}" aria-label="${o.escapedAliases.Occupant}"></i>\n                </span>\n                ${cityssm.escapeHTML(e.occupantName)}\n                ${cityssm.escapeHTML(e.occupantFamilyName)}\n                </li>`;t.insertAdjacentHTML("beforeend","<td>"+c.occupancyStartDateString+"</td><td>"+(c.occupancyEndDate?c.occupancyEndDateString:'<span class="has-text-grey">(No End Date)</span>')+"</td><td>"+(0===c.lotOccupancyOccupants.length?`<span class="has-text-grey">(No ${o.escapedAliases.Occupants})</span>`:`<ul class="fa-ul ml-5">${m}</ul>`)+'</td><td><button class="button is-small is-light is-danger button--deleteLotOccupancy" data-tooltip="Delete Relationship" type="button"><i class="fas fa-trash" aria-hidden="true"></i></button></td>'),null===(a=t.querySelector(".button--addLot"))||void 0===a||a.addEventListener("click",O),t.querySelector(".button--deleteLotOccupancy").addEventListener("click",p),l.querySelector("tbody").append(t)}}(),function(){var t,r,s,n;const a=document.querySelector("#container--lots");if(document.querySelector(".tabs a[href='#relatedTab--lots'] .tag").textContent=e.length.toString(),0!==e.length){a.innerHTML=`<table class="table is-fullwidth is-striped is-hoverable">\n                <thead><tr>\n                <th>${o.escapedAliases.Lot}</th>\n                <th>${o.escapedAliases.Map}</th>\n                <th>${o.escapedAliases.Lot} Type</th>\n                <th>Status</th>\n                <th class="has-width-1"></th>\n                </tr></thead>\n                <tbody></tbody>\n                </table>`;for(const l of e){const e=document.createElement("tr");e.className="container--lot",e.dataset.lotId=l.lotId.toString(),e.innerHTML='<td><a class="has-text-weight-bold" href="'+o.getLotURL(l.lotId)+'">'+cityssm.escapeHTML(null!==(t=l.lotName)&&void 0!==t?t:"")+"</a></td>"+`<td>${cityssm.escapeHTML(null!==(r=l.mapName)&&void 0!==r?r:"")}</td>`+`<td>${cityssm.escapeHTML(null!==(s=l.lotType)&&void 0!==s?s:"")}</td>`+"<td>"+(l.lotStatusId?cityssm.escapeHTML(null!==(n=l.lotStatus)&&void 0!==n?n:""):'<span class="has-text-grey">(No Status)</span>')+'</td><td class="is-nowrap">\n                <button class="button is-small is-light is-info button--editLotStatus" data-tooltip="Update Status" type="button">\n                <i class="fas fa-pencil-alt" aria-hidden="true"></i>\n                </button>\n                <button class="button is-small is-light is-danger button--deleteLot" data-tooltip="Delete Relationship" type="button">\n                <i class="fas fa-trash" aria-hidden="true"></i>\n                </button>\n                </td>',e.querySelector(".button--editLotStatus").addEventListener("click",h),e.querySelector(".button--deleteLot").addEventListener("click",g),a.querySelector("tbody").append(e)}}else a.innerHTML=`<div class="message is-info">\n                    <p class="message-body">There are no ${o.escapedAliases.lots} associated with this work order.</p>\n                    </div>`}()}function w(e){const s=e.currentTarget.closest("tr");!function(e,s){cityssm.postJSON(o.urlPrefix+"/workOrders/doAddWorkOrderLotOccupancy",{workOrderId:r,lotOccupancyId:e},e=>{var r;const n=e;n.success?(t=n.workOrderLotOccupancies,k()):bulmaJS.alert({title:"Error Adding "+o.escapedAliases.Occupancy,message:null!==(r=n.errorMessage)&&void 0!==r?r:"",contextualColorName:"danger"}),void 0!==s&&s(n.success)})}(s.dataset.lotOccupancyId,e=>{e&&s.remove()})}function v(e){const t=e.currentTarget.closest("tr");y(t.dataset.lotId,e=>{e&&t.remove()})}delete exports.workOrderLotOccupancies,k(),null===(S=document.querySelector("#button--addLotOccupancy"))||void 0===S||S.addEventListener("click",()=>{let e,t;function s(r){r&&r.preventDefault(),t.innerHTML=o.getLoadingParagraphHTML("Searching..."),cityssm.postJSON(o.urlPrefix+"/lotOccupancies/doSearchLotOccupancies",e,e=>{var r,s;const n=e;if(0!==n.lotOccupancies.length){t.innerHTML=`<table class="table is-fullwidth is-striped is-hoverable">\n                    <thead><tr>\n                    <th class="has-width-1"></th>\n                    <th>${o.escapedAliases.Occupancy} Type</th>\n                    <th>${o.escapedAliases.Lot}</th>\n                    <th>${o.escapedAliases.OccupancyStartDate}</th>\n                    <th>End Date</th>\n                    <th>${o.escapedAliases.Occupants}</th>\n                    </tr></thead>\n                    <tbody></tbody>\n                    </table>`;for(const e of n.lotOccupancies){const n=document.createElement("tr");n.className="container--lotOccupancy",n.dataset.lotOccupancyId=e.lotOccupancyId.toString(),n.innerHTML=`<td class="has-text-centered">\n                        <button class="button is-small is-success button--addLotOccupancy" data-tooltip="Add" type="button" aria-label="Add">\n                          <i class="fas fa-plus" aria-hidden="true"></i>\n                        </button>\n                      </td>\n                      <td class="has-text-weight-bold">\n                        ${cityssm.escapeHTML(null!==(r=e.occupancyType)&&void 0!==r?r:"")}\n                      </td>`,e.lotId?n.insertAdjacentHTML("beforeend","<td>"+cityssm.escapeHTML(null!==(s=e.lotName)&&void 0!==s?s:"")+"</td>"):n.insertAdjacentHTML("beforeend",`<td><span class="has-text-grey">(No ${o.escapedAliases.Lot})</span></td>`),n.insertAdjacentHTML("beforeend",`<td>${e.occupancyStartDateString}</td>`+"<td>"+(e.occupancyEndDate?e.occupancyEndDateString:'<span class="has-text-grey">(No End Date)</span>')+"</td><td>"+(0===e.lotOccupancyOccupants.length?`<span class="has-text-grey">(No ${cityssm.escapeHTML(o.escapedAliases.Occupants)})</span>`:cityssm.escapeHTML(e.lotOccupancyOccupants[0].occupantName+" "+e.lotOccupancyOccupants[0].occupantFamilyName)+(e.lotOccupancyOccupants.length>1?" plus "+(e.lotOccupancyOccupants.length-1).toString():""))+"</td>"),n.querySelector(".button--addLotOccupancy").addEventListener("click",w),t.querySelector("tbody").append(n)}}else t.innerHTML='<div class="message is-info">\n                      <p class="message-body">There are no records that meet the search criteria.</p>\n                      </div>'})}cityssm.openHtmlModal("workOrder-addLotOccupancy",{onshow(n){o.populateAliases(n),e=n.querySelector("form"),t=n.querySelector("#resultsContainer--lotOccupancyAdd"),n.querySelector("#lotOccupancySearch--notWorkOrderId").value=r,n.querySelector("#lotOccupancySearch--occupancyEffectiveDateString").value=document.querySelector("#workOrderEdit--workOrderOpenDateString").value,s()},onshown(t){bulmaJS.toggleHtmlClipped();const o=t.querySelector("#lotOccupancySearch--occupantName");o.addEventListener("change",s),o.focus(),t.querySelector("#lotOccupancySearch--lotName").addEventListener("change",s),e.addEventListener("submit",s)},onremoved(){bulmaJS.toggleHtmlClipped(),document.querySelector("#button--addLotOccupancy").focus()}})}),null===(m=document.querySelector("#button--addLot"))||void 0===m||m.addEventListener("click",()=>{let e,t;function s(r){r&&r.preventDefault(),t.innerHTML=o.getLoadingParagraphHTML("Searching..."),cityssm.postJSON(o.urlPrefix+"/lots/doSearchLots",e,e=>{var r,s,n,a;const l=e;if(0!==l.lots.length){t.innerHTML=`<table class="table is-fullwidth is-striped is-hoverable">\n                  <thead><tr>\n                  <th class="has-width-1"></th>\n                  <th>${o.escapedAliases.Lot}</th>\n                  <th>${o.escapedAliases.Map}</th>\n                  <th>${o.escapedAliases.Lot} Type</th>\n                  <th>Status</th>\n                  </tr></thead>\n                  <tbody></tbody>\n                  </table>`;for(const e of l.lots){const o=document.createElement("tr");o.className="container--lot",o.dataset.lotId=e.lotId.toString(),o.innerHTML='<td class="has-text-centered"><button class="button is-small is-success button--addLot" data-tooltip="Add" type="button" aria-label="Add"><i class="fas fa-plus" aria-hidden="true"></i></button></td><td class="has-text-weight-bold">'+cityssm.escapeHTML(null!==(r=e.lotName)&&void 0!==r?r:"")+"</td><td>"+cityssm.escapeHTML(null!==(s=e.mapName)&&void 0!==s?s:"")+"</td><td>"+cityssm.escapeHTML(null!==(n=e.lotType)&&void 0!==n?n:"")+"</td><td>"+cityssm.escapeHTML(null!==(a=e.lotStatus)&&void 0!==a?a:"")+"</td>",o.querySelector(".button--addLot").addEventListener("click",v),t.querySelector("tbody").append(o)}}else t.innerHTML='<div class="message is-info"><p class="message-body">There are no records that meet the search criteria.</p></div>'})}cityssm.openHtmlModal("workOrder-addLot",{onshow(n){o.populateAliases(n),e=n.querySelector("form"),t=n.querySelector("#resultsContainer--lotAdd"),n.querySelector("#lotSearch--notWorkOrderId").value=r;const a=n.querySelector("#lotSearch--lotStatusId");for(const e of exports.lotStatuses){const t=document.createElement("option");t.value=e.lotStatusId.toString(),t.textContent=e.lotStatus,a.append(t)}s()},onshown(t){bulmaJS.toggleHtmlClipped();const o=t.querySelector("#lotSearch--lotName");o.addEventListener("change",s),o.focus(),t.querySelector("#lotSearch--lotStatusId").addEventListener("change",s),e.addEventListener("submit",s)},onremoved(){bulmaJS.toggleHtmlClipped(),document.querySelector("#button--addLot").focus()}})})}var S;Object.defineProperty(exports,"__esModule",{value:!0});let f=exports.workOrderComments;function b(e){const t=Number.parseInt(e.currentTarget.closest("tr").dataset.workOrderCommentId,10),s=f.find(e=>e.workOrderCommentId===t);let n,a;function l(e){e.preventDefault(),cityssm.postJSON(o.urlPrefix+"/workOrders/doUpdateWorkOrderComment",n,e=>{var t;e.success?(f=e.workOrderComments,a(),L()):bulmaJS.alert({title:"Error Updating Comment",message:null!==(t=e.errorMessage)&&void 0!==t?t:"",contextualColorName:"danger"})})}cityssm.openHtmlModal("workOrder-editComment",{onshow(e){e.querySelector("#workOrderCommentEdit--workOrderId").value=r,e.querySelector("#workOrderCommentEdit--workOrderCommentId").value=t.toString(),e.querySelector("#workOrderCommentEdit--workOrderComment").value=s.workOrderComment;const o=e.querySelector("#workOrderCommentEdit--workOrderCommentDateString");o.value=s.workOrderCommentDateString;const n=cityssm.dateToString(new Date);o.max=s.workOrderCommentDateString<=n?n:s.workOrderCommentDateString,e.querySelector("#workOrderCommentEdit--workOrderCommentTimeString").value=s.workOrderCommentTimeString},onshown(e,t){bulmaJS.toggleHtmlClipped(),o.initializeDatePickers(e),e.querySelector("#workOrderCommentEdit--workOrderComment").focus(),(n=e.querySelector("form")).addEventListener("submit",l),a=t},onremoved(){bulmaJS.toggleHtmlClipped()}})}function M(e){const t=Number.parseInt(e.currentTarget.closest("tr").dataset.workOrderCommentId,10);bulmaJS.confirm({title:"Remove Comment?",message:"Are you sure you want to remove this comment?",okButton:{text:"Yes, Remove Comment",callbackFunction:function(){cityssm.postJSON(o.urlPrefix+"/workOrders/doDeleteWorkOrderComment",{workOrderId:r,workOrderCommentId:t},e=>{var t;e.success?(f=e.workOrderComments,L()):bulmaJS.alert({title:"Error Removing Comment",message:null!==(t=e.errorMessage)&&void 0!==t?t:"",contextualColorName:"danger"})})}},contextualColorName:"warning"})}function L(){var e,t;const o=document.querySelector("#container--workOrderComments");if(0===f.length)return void(o.innerHTML='<div class="message is-info">\n          <p class="message-body">There are no comments to display.</p>\n          </div>');const r=document.createElement("table");r.className="table is-fullwidth is-striped is-hoverable",r.innerHTML='<thead><tr>\n        <th>Commentor</th>\n        <th>Comment Date</th>\n        <th>Comment</th>\n        <th class="is-hidden-print"><span class="is-sr-only">Options</span></th></tr></thead><tbody></tbody>';for(const o of f){const s=document.createElement("tr");s.dataset.workOrderCommentId=o.workOrderCommentId.toString(),s.innerHTML="<td>"+cityssm.escapeHTML(null!==(e=o.recordCreate_userName)&&void 0!==e?e:"")+"</td><td>"+o.workOrderCommentDateString+(0===o.workOrderCommentTime?"":" "+o.workOrderCommentTimePeriodString)+"</td><td>"+cityssm.escapeHTML(null!==(t=o.workOrderComment)&&void 0!==t?t:"")+'</td><td class="is-hidden-print"><div class="buttons are-small is-justify-content-end"><button class="button is-primary button--edit" type="button"><span class="icon is-small"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span> <span>Edit</span></button><button class="button is-light is-danger button--delete" data-tooltip="Delete Comment" type="button" aria-label="Delete"><i class="fas fa-trash" aria-hidden="true"></i></button></div></td>',s.querySelector(".button--edit").addEventListener("click",b),s.querySelector(".button--delete").addEventListener("click",M),r.querySelector("tbody").append(s)}o.innerHTML="",o.append(r)}function T(e){for(const t of e.querySelectorAll(".panel-block"))t.remove()}function C(e,t){T(t),t.insertAdjacentHTML("beforeend",`<div class="panel-block is-block">\n      ${o.getLoadingParagraphHTML("Loading conflicting milestones...")}\n      </div>`),cityssm.postJSON(`${o.urlPrefix}/workOrders/doGetWorkOrderMilestones`,{workOrderMilestoneDateFilter:"date",workOrderMilestoneDateString:e},o=>{var s,n,a,l;const i=o.workOrderMilestones.filter(e=>e.workOrderId.toString()!==r);T(t);for(const e of i)t.insertAdjacentHTML("beforeend",`<div class="panel-block is-block">\n              <div class="columns">\n                <div class="column is-5">\n                  ${cityssm.escapeHTML(0===e.workOrderMilestoneTime?"No Time":null!==(s=e.workOrderMilestoneTimePeriodString)&&void 0!==s?s:"")}<br />\n                  <strong>${cityssm.escapeHTML(null!==(n=e.workOrderMilestoneType)&&void 0!==n?n:"")}</strong>\n                </div>\n                <div class="column">\n                  ${cityssm.escapeHTML(null!==(a=e.workOrderNumber)&&void 0!==a?a:"")}<br />\n                  <span class="is-size-7">\n                    ${cityssm.escapeHTML(null!==(l=e.workOrderDescription)&&void 0!==l?l:"")}\n                  </span>\n                </div>\n              </div>\n              </div>`);0===i.length&&t.insertAdjacentHTML("beforeend",`<div class="panel-block is-block">\n              <div class="message is-info">\n                <p class="message-body">\n                  There are no milestones on other work orders scheduled for\n                  ${cityssm.escapeHTML(e)}.\n                </p>\n              </div>\n              </div>`)})}function I(e){var t;const o=e;o.success?(u=o.workOrderMilestones,A()):bulmaJS.alert({title:"Error Reopening Milestone",message:null!==(t=o.errorMessage)&&void 0!==t?t:"",contextualColorName:"danger"})}function x(e){e.preventDefault();const t=cityssm.dateToString(new Date),s=Number.parseInt(e.currentTarget.closest(".container--milestone").dataset.workOrderMilestoneId,10),n=u.find(e=>e.workOrderMilestoneId===s);bulmaJS.confirm({title:"Complete Milestone",message:"Are you sure you want to complete this milestone?"+(""!==n.workOrderMilestoneDateString&&n.workOrderMilestoneDateString>t?"<br /><strong>Note that this milestone is expected to be completed in the future.</strong>":""),messageIsHtml:!0,contextualColorName:"warning",okButton:{text:"Yes, Complete Milestone",callbackFunction:function(){cityssm.postJSON(o.urlPrefix+"/workOrders/doCompleteWorkOrderMilestone",{workOrderId:r,workOrderMilestoneId:s},I)}}})}function E(e){e.preventDefault();const t=e.currentTarget.closest(".container--milestone").dataset.workOrderMilestoneId;bulmaJS.confirm({title:"Reopen Milestone",message:"Are you sure you want to remove the completion status from this milestone, and reopen it?",contextualColorName:"warning",okButton:{text:"Yes, Reopen Milestone",callbackFunction:function(){cityssm.postJSON(o.urlPrefix+"/workOrders/doReopenWorkOrderMilestone",{workOrderId:r,workOrderMilestoneId:t},I)}}})}function D(e){e.preventDefault();const t=e.currentTarget.closest(".container--milestone").dataset.workOrderMilestoneId;bulmaJS.confirm({title:"Delete Milestone",message:"Are you sure you want to delete this milestone?",contextualColorName:"warning",okButton:{text:"Yes, Delete Milestone",callbackFunction:function(){cityssm.postJSON(o.urlPrefix+"/workOrders/doDeleteWorkOrderMilestone",{workOrderMilestoneId:t,workOrderId:r},I)}}})}function q(e){e.preventDefault();const t=Number.parseInt(e.currentTarget.closest(".container--milestone").dataset.workOrderMilestoneId,10),s=u.find(e=>e.workOrderMilestoneId===t);let n,a;function l(e){e.preventDefault(),cityssm.postJSON(`${o.urlPrefix}/workOrders/doUpdateWorkOrderMilestone`,e.currentTarget,e=>{const t=e;I(t),t.success&&n()})}cityssm.openHtmlModal("workOrder-editMilestone",{onshow(e){var t,o,n,l,i;e.querySelector("#milestoneEdit--workOrderId").value=r,e.querySelector("#milestoneEdit--workOrderMilestoneId").value=null!==(o=null===(t=s.workOrderMilestoneId)||void 0===t?void 0:t.toString())&&void 0!==o?o:"";const c=e.querySelector("#milestoneEdit--workOrderMilestoneTypeId");let d=!1;for(const e of exports.workOrderMilestoneTypes){const t=document.createElement("option");t.value=e.workOrderMilestoneTypeId.toString(),t.textContent=e.workOrderMilestoneType,e.workOrderMilestoneTypeId===s.workOrderMilestoneTypeId&&(t.selected=!0,d=!0),c.append(t)}if(!d&&s.workOrderMilestoneTypeId){const e=document.createElement("option");e.value=s.workOrderMilestoneTypeId.toString(),e.textContent=s.workOrderMilestoneType,e.selected=!0,c.append(e)}(a=e.querySelector("#milestoneEdit--workOrderMilestoneDateString")).value=null!==(n=s.workOrderMilestoneDateString)&&void 0!==n?n:"",s.workOrderMilestoneTime&&(e.querySelector("#milestoneEdit--workOrderMilestoneTimeString").value=null!==(l=s.workOrderMilestoneTimeString)&&void 0!==l?l:""),e.querySelector("#milestoneEdit--workOrderMilestoneDescription").value=null!==(i=s.workOrderMilestoneDescription)&&void 0!==i?i:""},onshown(e,t){var r;n=t,bulmaJS.toggleHtmlClipped(),o.initializeDatePickers(e),null===(r=e.querySelector("form"))||void 0===r||r.addEventListener("submit",l);const s=document.querySelector("#milestoneEdit--conflictingMilestonesPanel");a.addEventListener("change",()=>{C(a.value,s)}),C(a.value,s)},onremoved(){bulmaJS.toggleHtmlClipped()}})}function A(){var e,t,o,r,s;const n=document.querySelector("#panel--milestones"),a=n.querySelectorAll(".panel-block");for(const e of a)e.remove();for(const a of u){const l=document.createElement("div");l.className="panel-block is-block container--milestone",l.dataset.workOrderMilestoneId=a.workOrderMilestoneId.toString(),l.innerHTML='<div class="columns is-mobile"><div class="column is-narrow">'+(a.workOrderMilestoneCompletionDate?'<span class="button is-static" data-tooltip="Completed '+a.workOrderMilestoneCompletionDateString+'" aria-label="Completed '+a.workOrderMilestoneCompletionDateString+'"><span class="icon is-small"><i class="fas fa-check" aria-hidden="true"></i></span></span>':'<button class="button button--completeMilestone" data-tooltip="Incomplete" type="button" aria-label="Incomplete"><span class="icon is-small"><i class="far fa-square" aria-hidden="true"></i></span></button>')+'</div><div class="column">'+(a.workOrderMilestoneTypeId?"<strong>"+cityssm.escapeHTML(null!==(e=a.workOrderMilestoneType)&&void 0!==e?e:"")+"</strong><br />":"")+(0===a.workOrderMilestoneDate?'<span class="has-text-grey">(No Set Date)</span>':a.workOrderMilestoneDateString)+(a.workOrderMilestoneTime?" "+a.workOrderMilestoneTimePeriodString:"")+'<br /><span class="is-size-7">'+cityssm.escapeHTML(null!==(t=a.workOrderMilestoneDescription)&&void 0!==t?t:"")+'</span></div><div class="column is-narrow"><div class="dropdown is-right"><div class="dropdown-trigger"><button class="button is-small" data-tooltip="Options" type="button" aria-label="Options"><i class="fas fa-ellipsis-v" aria-hidden="true"></i></button></div><div class="dropdown-menu"><div class="dropdown-content">'+(a.workOrderMilestoneCompletionDate?'<a class="dropdown-item button--reopenMilestone" href="#"><span class="icon is-small"><i class="fas fa-times" aria-hidden="true"></i></span> <span>Reopen Milestone</span></a>':'<a class="dropdown-item button--editMilestone" href="#"><span class="icon is-small"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span> <span>Edit Milestone</span></a>')+'<hr class="dropdown-divider" /><a class="dropdown-item button--deleteMilestone" href="#"><span class="icon is-small"><i class="fas fa-trash has-text-danger" aria-hidden="true"></i></span> <span>Delete Milestone</span></a></div></div></div></div></div>',null===(o=l.querySelector(".button--reopenMilestone"))||void 0===o||o.addEventListener("click",E),null===(r=l.querySelector(".button--editMilestone"))||void 0===r||r.addEventListener("click",q),null===(s=l.querySelector(".button--completeMilestone"))||void 0===s||s.addEventListener("click",x),l.querySelector(".button--deleteMilestone").addEventListener("click",D),n.append(l)}bulmaJS.init(n)}delete exports.workOrderComments,null===(S=document.querySelector("#workOrderComments--add"))||void 0===S||S.addEventListener("click",function(){let e;function t(t){t.preventDefault(),cityssm.postJSON(o.urlPrefix+"/workOrders/doAddWorkOrderComment",t.currentTarget,t=>{t.success&&(f=t.workOrderComments,L(),e())})}cityssm.openHtmlModal("workOrder-addComment",{onshow(e){o.populateAliases(e),e.querySelector("#workOrderCommentAdd--workOrderId").value=r,e.querySelector("form").addEventListener("submit",t)},onshown(t,o){bulmaJS.toggleHtmlClipped(),e=o,t.querySelector("#workOrderCommentAdd--workOrderComment").focus()},onremoved(){bulmaJS.toggleHtmlClipped(),document.querySelector("#workOrderComments--add").focus()}})}),s||L(),s||(u=exports.workOrderMilestones,delete exports.workOrderMilestones,A(),null===(t=document.querySelector("#button--addMilestone"))||void 0===t||t.addEventListener("click",()=>{let e,t,s;function n(r){r&&r.preventDefault();const n=cityssm.dateToString(new Date);function a(){cityssm.postJSON(`${o.urlPrefix}/workOrders/doAddWorkOrderMilestone`,e,e=>{const t=e;I(t),t.success&&s()})}const l=t.value;""!==l&&l<n?bulmaJS.confirm({title:"Milestone Date in the Past",message:"Are you sure you want to create a milestone with a date in the past?",contextualColorName:"warning",okButton:{text:"Yes, Create a Past Milestone",callbackFunction:a}}):a()}cityssm.openHtmlModal("workOrder-addMilestone",{onshow(e){e.querySelector("#milestoneAdd--workOrderId").value=r;const o=e.querySelector("#milestoneAdd--workOrderMilestoneTypeId");for(const e of exports.workOrderMilestoneTypes){const t=document.createElement("option");t.value=e.workOrderMilestoneTypeId.toString(),t.textContent=e.workOrderMilestoneType,o.append(t)}(t=e.querySelector("#milestoneAdd--workOrderMilestoneDateString")).valueAsDate=new Date},onshown(r,a){s=a,o.initializeDatePickers(r),bulmaJS.toggleHtmlClipped(),r.querySelector("#milestoneAdd--workOrderMilestoneTypeId").focus(),(e=r.querySelector("form")).addEventListener("submit",n);const l=document.querySelector("#milestoneAdd--conflictingMilestonesPanel");t.addEventListener("change",()=>{C(t.value,l)}),C(t.value,l)},onremoved(){bulmaJS.toggleHtmlClipped(),document.querySelector("#button--addMilestone").focus()}})}))})();
\ No newline at end of file