diff --git a/gulpfile.js b/gulpfile.js index a4fae1aa..fdc3e117 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -24,20 +24,30 @@ const publicJavascriptsMinFunction = () => { .pipe(gulp.dest(publicJavascriptsDestination)); }; const publicJavascriptsLotOccupancyEditFunction = () => { - return gulp.src("public-typescript/lotOccupancyEdit/lotOccupancyEdit.js") + return gulp + .src("public-typescript/lotOccupancyEdit/lotOccupancyEdit.js") + .pipe(include()) + .pipe(gulp.dest("public-typescript")); +}; +const publicJavascriptsWorkOrderEditFunction = () => { + return gulp + .src("public-typescript/workOrderEdit/workOrderEdit.js") .pipe(include()) .pipe(gulp.dest("public-typescript")); }; gulp.task("public-javascript-lotOccupancyEdit", publicJavascriptsLotOccupancyEditFunction); +gulp.task("public-javascript-workOrderEdit", publicJavascriptsWorkOrderEditFunction); gulp.task("public-javascript-min", publicJavascriptsMinFunction); const watchFunction = () => { gulp.watch("public-scss/*.scss", publicSCSSFunction); gulp.watch("public-typescript/lotOccupancyEdit/*.js", publicJavascriptsLotOccupancyEditFunction); + gulp.watch("public-typescript/workOrderEdit/*.js", publicJavascriptsWorkOrderEditFunction); gulp.watch("public-typescript/*.js", publicJavascriptsMinFunction); }; gulp.task("watch", watchFunction); gulp.task("default", () => { publicJavascriptsLotOccupancyEditFunction(); + publicJavascriptsWorkOrderEditFunction(); publicJavascriptsMinFunction(); publicSCSSFunction(); watchFunction(); diff --git a/gulpfile.ts b/gulpfile.ts index 6d8e24d3..ecfab92f 100644 --- a/gulpfile.ts +++ b/gulpfile.ts @@ -48,12 +48,21 @@ const publicJavascriptsMinFunction = () => { }; const publicJavascriptsLotOccupancyEditFunction = () => { - return gulp.src("public-typescript/lotOccupancyEdit/lotOccupancyEdit.js") - .pipe(include()) - .pipe(gulp.dest("public-typescript")); + return gulp + .src("public-typescript/lotOccupancyEdit/lotOccupancyEdit.js") + .pipe(include()) + .pipe(gulp.dest("public-typescript")); +}; + +const publicJavascriptsWorkOrderEditFunction = () => { + return gulp + .src("public-typescript/workOrderEdit/workOrderEdit.js") + .pipe(include()) + .pipe(gulp.dest("public-typescript")); }; gulp.task("public-javascript-lotOccupancyEdit", publicJavascriptsLotOccupancyEditFunction); +gulp.task("public-javascript-workOrderEdit", publicJavascriptsWorkOrderEditFunction); gulp.task("public-javascript-min", publicJavascriptsMinFunction); /* @@ -62,7 +71,11 @@ gulp.task("public-javascript-min", publicJavascriptsMinFunction); const watchFunction = () => { gulp.watch("public-scss/*.scss", publicSCSSFunction); - gulp.watch("public-typescript/lotOccupancyEdit/*.js", publicJavascriptsLotOccupancyEditFunction); + gulp.watch( + "public-typescript/lotOccupancyEdit/*.js", + publicJavascriptsLotOccupancyEditFunction + ); + gulp.watch("public-typescript/workOrderEdit/*.js", publicJavascriptsWorkOrderEditFunction); gulp.watch("public-typescript/*.js", publicJavascriptsMinFunction); }; @@ -74,7 +87,10 @@ gulp.task("watch", watchFunction); gulp.task("default", () => { publicJavascriptsLotOccupancyEditFunction(); + publicJavascriptsWorkOrderEditFunction(); publicJavascriptsMinFunction(); + publicSCSSFunction(); + watchFunction(); }); diff --git a/public-typescript/lotOccupancyEdit.js b/public-typescript/lotOccupancyEdit.js index 3722009a..7fa7e2f0 100644 --- a/public-typescript/lotOccupancyEdit.js +++ b/public-typescript/lotOccupancyEdit.js @@ -487,7 +487,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); lotOccupantTypeIdElement.addEventListener("change", () => { const occupantFields = formElement.querySelectorAll("[data-table='LotOccupancyOccupant']"); for (const occupantField of occupantFields) { - occupantField.disabled = (lotOccupantTypeIdElement.value === ""); + occupantField.disabled = lotOccupantTypeIdElement.value === ""; } }); } @@ -630,8 +630,12 @@ Object.defineProperty(exports, "__esModule", { value: true }); cityssm.escapeHTML(lotOccupancyOccupant.occupantName || "(No Name)") + "
" + ('' + - "" + - " " + cityssm.escapeHTML(lotOccupancyOccupant.lotOccupantType) + "" + + '' + + ' ' + + cityssm.escapeHTML(lotOccupancyOccupant.lotOccupantType) + + "" + "") + "" + ("" + @@ -819,9 +823,6 @@ Object.defineProperty(exports, "__esModule", { value: true }); }); renderLotOccupancyOccupants(); } - /* - * Comments - */ if (!isCreate) { "use strict"; /* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */ @@ -1005,11 +1006,6 @@ Object.defineProperty(exports, "__esModule", { value: true }); }); renderLotOccupancyComments(); - } - /* - * Fees / Transactions - */ - if (!isCreate) { "use strict"; /* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */ Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/public-typescript/lotOccupancyEdit/lotOccupancyEdit.js b/public-typescript/lotOccupancyEdit/lotOccupancyEdit.js index d973494a..2e5641bb 100644 --- a/public-typescript/lotOccupancyEdit/lotOccupancyEdit.js +++ b/public-typescript/lotOccupancyEdit/lotOccupancyEdit.js @@ -487,7 +487,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); lotOccupantTypeIdElement.addEventListener("change", () => { const occupantFields = formElement.querySelectorAll("[data-table='LotOccupancyOccupant']"); for (const occupantField of occupantFields) { - occupantField.disabled = (lotOccupantTypeIdElement.value === ""); + occupantField.disabled = lotOccupantTypeIdElement.value === ""; } }); } @@ -630,8 +630,12 @@ Object.defineProperty(exports, "__esModule", { value: true }); cityssm.escapeHTML(lotOccupancyOccupant.occupantName || "(No Name)") + "
" + ('' + - "" + - " " + cityssm.escapeHTML(lotOccupancyOccupant.lotOccupantType) + "" + + '' + + ' ' + + cityssm.escapeHTML(lotOccupancyOccupant.lotOccupantType) + + "" + "") + "" + ("" + @@ -819,16 +823,8 @@ Object.defineProperty(exports, "__esModule", { value: true }); }); renderLotOccupancyOccupants(); } - /* - * Comments - */ if (!isCreate) { //=include lotOccupancyEditComments.js - } - /* - * Fees / Transactions - */ - if (!isCreate) { //=include lotOccupancyEditFees.js } })(); diff --git a/public-typescript/lotOccupancyEdit/lotOccupancyEdit.ts b/public-typescript/lotOccupancyEdit/lotOccupancyEdit.ts index d2bc2af5..6127bd03 100644 --- a/public-typescript/lotOccupancyEdit/lotOccupancyEdit.ts +++ b/public-typescript/lotOccupancyEdit/lotOccupancyEdit.ts @@ -242,7 +242,8 @@ declare const bulmaJS: BulmaJS; "#workOrderCreate--workOrderTypeId" ) as HTMLSelectElement; - const workOrderTypes = exports.workOrderTypes as recordTypes.WorkOrderType[]; + const workOrderTypes = + exports.workOrderTypes as recordTypes.WorkOrderType[]; if (workOrderTypes.length === 1) { workOrderTypeSelectElement.innerHTML = ""; @@ -701,18 +702,19 @@ declare const bulmaJS: BulmaJS; */ if (isCreate) { - - const lotOccupantTypeIdElement = document.querySelector("#lotOccupancy--lotOccupantTypeId") as HTMLSelectElement; + const lotOccupantTypeIdElement = document.querySelector( + "#lotOccupancy--lotOccupantTypeId" + ) as HTMLSelectElement; lotOccupantTypeIdElement.addEventListener("change", () => { - - const occupantFields = formElement.querySelectorAll("[data-table='LotOccupancyOccupant']") as NodeListOf; + const occupantFields = formElement.querySelectorAll( + "[data-table='LotOccupancyOccupant']" + ) as NodeListOf; for (const occupantField of occupantFields) { - occupantField.disabled = (lotOccupantTypeIdElement.value === ""); + occupantField.disabled = lotOccupantTypeIdElement.value === ""; } }); - } else { let lotOccupancyOccupants: recordTypes.LotOccupancyOccupant[] = exports.lotOccupancyOccupants; @@ -962,9 +964,13 @@ declare const bulmaJS: BulmaJS; cityssm.escapeHTML(lotOccupancyOccupant.occupantName || "(No Name)") + "
" + ('' + - "" + - " " + cityssm.escapeHTML(lotOccupancyOccupant.lotOccupantType!) + "" + - "") + + '' + + ' ' + + cityssm.escapeHTML(lotOccupancyOccupant.lotOccupantType!) + + "" + + "") + "" + ("" + (lotOccupancyOccupant.occupantAddress1 @@ -1257,19 +1263,8 @@ declare const bulmaJS: BulmaJS; renderLotOccupancyOccupants(); } - /* - * Comments - */ - if (!isCreate) { //=include lotOccupancyEditComments.js - } - - /* - * Fees / Transactions - */ - - if (!isCreate) { //=include lotOccupancyEditFees.js } })(); diff --git a/public-typescript/workOrderEdit.js b/public-typescript/workOrderEdit.js index 27d691dd..6398ba38 100644 --- a/public-typescript/workOrderEdit.js +++ b/public-typescript/workOrderEdit.js @@ -130,6 +130,9 @@ Object.defineProperty(exports, "__esModule", { value: true }); * Related Lots */ if (!isCreate) { + "use strict"; + /* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */ + Object.defineProperty(exports, "__esModule", { value: true }); let workOrderLots = exports.workOrderLots; delete exports.workOrderLots; let workOrderLotOccupancies = exports.workOrderLotOccupancies; @@ -155,11 +158,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); }); }; bulmaJS.confirm({ - title: "Delete " + - exports.aliases.lot + - " " + - exports.aliases.occupancy + - " Relationship", + title: "Delete " + exports.aliases.lot + " " + exports.aliases.occupancy + " Relationship", message: "Are you sure you want to remove the relationship to this " + exports.aliases.lot.toLowerCase() + " " + @@ -342,7 +341,8 @@ Object.defineProperty(exports, "__esModule", { value: true }); } }; const openEditLotStatus = (clickEvent) => { - const lotId = Number.parseInt(clickEvent.currentTarget.closest(".container--lot").dataset.lotId, 10); + const lotId = Number.parseInt(clickEvent.currentTarget.closest(".container--lot") + .dataset.lotId, 10); const lot = workOrderLots.find((possibleLot) => { return possibleLot.lotId === lotId; }); @@ -367,8 +367,10 @@ Object.defineProperty(exports, "__esModule", { value: true }); cityssm.openHtmlModal("lot-editLotStatus", { onshow: (modalElement) => { los.populateAliases(modalElement); - modalElement.querySelector("#lotStatusEdit--lotId").value = lotId.toString(); - modalElement.querySelector("#lotStatusEdit--lotName").value = lot.lotName; + modalElement.querySelector("#lotStatusEdit--lotId").value = + lotId.toString(); + modalElement.querySelector("#lotStatusEdit--lotName").value = + lot.lotName; const lotStatusElement = modalElement.querySelector("#lotStatusEdit--lotStatusId"); let lotStatusFound = false; for (const lotStatus of exports.lotStatuses) { @@ -396,9 +398,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); onshown: (modalElement, closeModalFunction) => { editCloseModalFunction = closeModalFunction; bulmaJS.toggleHtmlClipped(); - modalElement - .querySelector("form") - .addEventListener("submit", doUpdateLotStatus); + modalElement.querySelector("form").addEventListener("submit", doUpdateLotStatus); }, onremoved: () => { bulmaJS.toggleHtmlClipped(); @@ -426,11 +426,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); }); }; bulmaJS.confirm({ - title: "Delete " + - exports.aliases.lot + - " " + - exports.aliases.occupancy + - " Relationship", + title: "Delete " + exports.aliases.lot + " " + exports.aliases.occupancy + " Relationship", message: "Are you sure you want to remove the relationship to this " + exports.aliases.lot.toLowerCase() + " " + @@ -445,7 +441,8 @@ Object.defineProperty(exports, "__esModule", { value: true }); }; const renderRelatedLots = () => { const lotsContainerElement = document.querySelector("#container--lots"); - document.querySelector(".tabs a[href='#relatedTab--lots'] .tag").textContent = workOrderLots.length.toString(); + document.querySelector(".tabs a[href='#relatedTab--lots'] .tag").textContent = + workOrderLots.length.toString(); if (workOrderLots.length === 0) { lotsContainerElement.innerHTML = '
' + @@ -553,8 +550,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); for (const lotOccupancy of responseJSON.lotOccupancies) { const rowElement = document.createElement("tr"); rowElement.className = "container--lotOccupancy"; - rowElement.dataset.lotOccupancyId = - lotOccupancy.lotOccupancyId.toString(); + rowElement.dataset.lotOccupancyId = lotOccupancy.lotOccupancyId.toString(); rowElement.innerHTML = '' + '") + - "" - ); - } else { - rowElement.insertAdjacentHTML( - "beforeend", - "" + - '(No ' + - exports.aliases.lot + - ")" + - "" - ); - } - - rowElement.insertAdjacentHTML( - "beforeend", - "" + - lotOccupancy.occupancyStartDateString + - "" + - ("" + - (lotOccupancy.occupancyEndDate - ? lotOccupancy.occupancyEndDateString - : '(No End Date)') + - "") + - ("" + - (lotOccupancy.lotOccupancyOccupants!.length === 0 - ? '(No ' + - cityssm.escapeHTML(exports.aliases.occupants) + - ")" - : lotOccupancy.lotOccupancyOccupants?.reduce((soFar, occupant) => { - return ( - soFar + - '' + - ' ' + - cityssm.escapeHTML(occupant.occupantName!) + - "
" - ); - }, "")) + - "") + - ("" + - '" + - "") - ); - - if (lotOccupancy.lotId && !hasLotRecord) { - ( - rowElement.querySelector(".button--addLot") as HTMLButtonElement - ).addEventListener("click", addLotFromLotOccupancy); - } - - ( - rowElement.querySelector(".button--deleteLotOccupancy") as HTMLButtonElement - ).addEventListener("click", deleteLotOccupancy); - - occupanciesContainerElement.querySelector("tbody")!.append(rowElement); - } - }; - - const openEditLotStatus = (clickEvent: Event) => { - const lotId = Number.parseInt( - ( - (clickEvent.currentTarget as HTMLElement).closest( - ".container--lot" - ) as HTMLElement - ).dataset.lotId!, - 10 - ); - - const lot = workOrderLots.find((possibleLot) => { - return possibleLot.lotId === lotId; - })!; - - let editCloseModalFunction: () => void; - - const doUpdateLotStatus = (submitEvent: SubmitEvent) => { - submitEvent.preventDefault(); - - cityssm.postJSON( - los.urlPrefix + "/workOrders/doUpdateLotStatus", - submitEvent.currentTarget, - (responseJSON: { - success: boolean; - errorMessage?: string; - workOrderLots?: recordTypes.Lot[]; - }) => { - if (responseJSON.success) { - workOrderLots = responseJSON.workOrderLots!; - renderRelatedLotsAndOccupancies(); - editCloseModalFunction(); - } else { - bulmaJS.alert({ - title: "Error Deleting Relationship", - message: responseJSON.errorMessage || "", - contextualColorName: "danger" - }); - } - } - ); - }; - - cityssm.openHtmlModal("lot-editLotStatus", { - onshow: (modalElement) => { - los.populateAliases(modalElement); - - ( - modalElement.querySelector("#lotStatusEdit--lotId") as HTMLInputElement - ).value = lotId.toString(); - - ( - modalElement.querySelector("#lotStatusEdit--lotName") as HTMLInputElement - ).value = lot.lotName!; - - const lotStatusElement = modalElement.querySelector( - "#lotStatusEdit--lotStatusId" - ) as HTMLSelectElement; - - let lotStatusFound = false; - - for (const lotStatus of exports.lotStatuses as recordTypes.LotStatus[]) { - const optionElement = document.createElement("option"); - optionElement.value = lotStatus.lotStatusId.toString(); - optionElement.textContent = lotStatus.lotStatus; - - if (lotStatus.lotStatusId === lot.lotStatusId) { - lotStatusFound = true; - } - - lotStatusElement.append(optionElement); - } - - if (!lotStatusFound && lot.lotStatusId) { - const optionElement = document.createElement("option"); - optionElement.value = lot.lotStatusId.toString(); - optionElement.textContent = lot.lotStatus!; - lotStatusElement.append(optionElement); - } - - if (lot.lotStatusId) { - lotStatusElement.value = lot.lotStatusId.toString(); - } - - modalElement - .querySelector("form")! - .insertAdjacentHTML( - "beforeend", - '' - ); - }, - onshown: (modalElement, closeModalFunction) => { - editCloseModalFunction = closeModalFunction; - - bulmaJS.toggleHtmlClipped(); - - modalElement - .querySelector("form")! - .addEventListener("submit", doUpdateLotStatus); - }, - onremoved: () => { - bulmaJS.toggleHtmlClipped(); - } - }); - }; - - const deleteLot = (clickEvent: Event) => { - const lotId = ( - (clickEvent.currentTarget as HTMLElement).closest(".container--lot") as HTMLElement - ).dataset.lotId; - - const doDelete = () => { - cityssm.postJSON( - los.urlPrefix + "/workOrders/doDeleteWorkOrderLot", - { - workOrderId, - lotId - }, - (responseJSON: { - success: boolean; - errorMessage?: string; - workOrderLots?: recordTypes.Lot[]; - }) => { - if (responseJSON.success) { - workOrderLots = responseJSON.workOrderLots!; - renderRelatedLotsAndOccupancies(); - } else { - bulmaJS.alert({ - title: "Error Deleting Relationship", - message: responseJSON.errorMessage || "", - contextualColorName: "danger" - }); - } - } - ); - }; - - bulmaJS.confirm({ - title: - "Delete " + - exports.aliases.lot + - " " + - exports.aliases.occupancy + - " Relationship", - message: - "Are you sure you want to remove the relationship to this " + - exports.aliases.lot.toLowerCase() + - " " + - exports.aliases.occupancy.toLowerCase() + - " record from this work order? Note that the record will remain.", - contextualColorName: "warning", - okButton: { - text: "Yes, Delete Relationship", - callbackFunction: doDelete - } - }); - }; - - const renderRelatedLots = () => { - const lotsContainerElement = document.querySelector("#container--lots") as HTMLElement; - - ( - document.querySelector(".tabs a[href='#relatedTab--lots'] .tag") as HTMLElement - ).textContent = workOrderLots.length.toString(); - - if (workOrderLots.length === 0) { - lotsContainerElement.innerHTML = - '
' + - '

There are no ' + - exports.aliases.lots.toLowerCase() + - " associated with this work order.

" + - "
"; - - return; - } - - lotsContainerElement.innerHTML = - '' + - "" + - "" + - ("") + - ("") + - ("") + - "" + - '' + - "" + - "" + - "" + - "
" + exports.aliases.lot + "" + exports.aliases.map + "" + exports.aliases.lot + " TypeStatus
"; - - for (const lot of workOrderLots) { - const rowElement = document.createElement("tr"); - rowElement.className = "container--lot"; - - rowElement.dataset.lotId = lot.lotId.toString(); - - rowElement.innerHTML = - "" + - '' + - cityssm.escapeHTML(lot.lotName || "") + - "" + - "" + - ("" + cityssm.escapeHTML(lot.mapName || "") + "") + - ("" + cityssm.escapeHTML(lot.lotType || "") + "") + - ("" + - (lot.lotStatusId - ? cityssm.escapeHTML(lot.lotStatus || "") - : '(No Status)') + - "") + - ('' + - '" + - ' " + - ""); - - ( - rowElement.querySelector(".button--editLotStatus") as HTMLButtonElement - ).addEventListener("click", openEditLotStatus); - - ( - rowElement.querySelector(".button--deleteLot") as HTMLButtonElement - ).addEventListener("click", deleteLot); - - lotsContainerElement.querySelector("tbody")!.append(rowElement); - } - }; - - const renderRelatedLotsAndOccupancies = () => { - renderRelatedOccupancies(); - renderRelatedLots(); - }; - - renderRelatedLotsAndOccupancies(); - - const doAddLotOccupancy = (clickEvent: Event) => { - const rowElement = (clickEvent.currentTarget as HTMLElement).closest("tr")!; - - const lotOccupancyId = rowElement.dataset.lotOccupancyId!; - - addLotOccupancy(lotOccupancyId, (success) => { - if (success) { - rowElement.remove(); - } - }); - }; - - (document.querySelector("#button--addLotOccupancy") as HTMLButtonElement).addEventListener( - "click", - () => { - let searchFormElement: HTMLFormElement; - let searchResultsContainerElement: HTMLElement; - - const doSearch = (event?: Event) => { - if (event) { - event.preventDefault(); - } - - searchResultsContainerElement.innerHTML = - '

' + - '
' + - "Searching..." + - "

"; - - cityssm.postJSON( - los.urlPrefix + "/lotOccupancies/doSearchLotOccupancies", - searchFormElement, - (responseJSON: { lotOccupancies: recordTypes.LotOccupancy[] }) => { - if (responseJSON.lotOccupancies.length === 0) { - searchResultsContainerElement.innerHTML = - '
' + - '

There are no records that meet the search criteria.

' + - "
"; - - return; - } - - searchResultsContainerElement.innerHTML = - '' + - "" + - "" + - '' + - ("") + - ("") + - "" + - "" + - ("") + - "" + - "" + - "" + - "
" + exports.aliases.occupancy + " Type" + exports.aliases.lot + "Start DateEnd Date" + exports.aliases.occupants + "
"; - - for (const lotOccupancy of responseJSON.lotOccupancies) { - const rowElement = document.createElement("tr"); - rowElement.className = "container--lotOccupancy"; - rowElement.dataset.lotOccupancyId = - lotOccupancy.lotOccupancyId!.toString(); - - rowElement.innerHTML = - '' + - '" + - "" + - ('' + - cityssm.escapeHTML(lotOccupancy.occupancyType || "") + - ""); - - if (lotOccupancy.lotId) { - rowElement.insertAdjacentHTML( - "beforeend", - "" + - cityssm.escapeHTML(lotOccupancy.lotName || "") + - "" - ); - } else { - rowElement.insertAdjacentHTML( - "beforeend", - "" + - '(No ' + - exports.aliases.lot + - ")" + - "" - ); - } - - rowElement.insertAdjacentHTML( - "beforeend", - "" + - lotOccupancy.occupancyStartDateString + - "" + - ("" + - (lotOccupancy.occupancyEndDate - ? lotOccupancy.occupancyEndDateString - : '(No End Date)') + - "") + - ("" + - (lotOccupancy.lotOccupancyOccupants!.length === 0 - ? '(No ' + - cityssm.escapeHTML(exports.aliases.occupants) + - ")" - : cityssm.escapeHTML( - lotOccupancy.lotOccupancyOccupants![0] - .occupantName! - ) + - (lotOccupancy.lotOccupancyOccupants!.length > 1 - ? " plus " + - (lotOccupancy.lotOccupancyOccupants! - .length - - 1) - : "")) + - "") - ); - - ( - rowElement.querySelector( - ".button--addLotOccupancy" - ) as HTMLButtonElement - ).addEventListener("click", doAddLotOccupancy); - - searchResultsContainerElement - .querySelector("tbody")! - .append(rowElement); - } - } - ); - }; - - cityssm.openHtmlModal("workOrder-addLotOccupancy", { - onshow: (modalElement) => { - los.populateAliases(modalElement); - - searchFormElement = modalElement.querySelector("form")!; - - searchResultsContainerElement = modalElement.querySelector( - "#resultsContainer--lotOccupancyAdd" - ) as HTMLElement; - - ( - modalElement.querySelector( - "#lotOccupancySearch--notWorkOrderId" - ) as HTMLInputElement - ).value = workOrderId; - - ( - modalElement.querySelector( - "#lotOccupancySearch--occupancyEffectiveDateString" - ) as HTMLInputElement - ).value = ( - document.querySelector( - "#workOrderEdit--workOrderOpenDateString" - ) as HTMLInputElement - ).value; - - doSearch(); - }, - onshown: (modalElement) => { - bulmaJS.toggleHtmlClipped(); - - ( - modalElement.querySelector( - "#lotOccupancySearch--occupantName" - ) as HTMLInputElement - ).addEventListener("change", doSearch); - - ( - modalElement.querySelector( - "#lotOccupancySearch--lotName" - ) as HTMLInputElement - ).addEventListener("change", doSearch); - - searchFormElement.addEventListener("submit", doSearch); - }, - onremoved: () => { - bulmaJS.toggleHtmlClipped(); - } - }); - } - ); - - const doAddLot = (clickEvent: Event) => { - const rowElement = (clickEvent.currentTarget as HTMLElement).closest("tr")!; - - const lotId = rowElement.dataset.lotId!; - - addLot(lotId, (success) => { - if (success) { - rowElement.remove(); - } - }); - }; - - (document.querySelector("#button--addLot") as HTMLButtonElement).addEventListener( - "click", - () => { - let searchFormElement: HTMLFormElement; - let searchResultsContainerElement: HTMLElement; - - const doSearch = (event?: Event) => { - if (event) { - event.preventDefault(); - } - - searchResultsContainerElement.innerHTML = - '

' + - '
' + - "Searching..." + - "

"; - - cityssm.postJSON( - los.urlPrefix + "/lots/doSearchLots", - searchFormElement, - (responseJSON: { lots: recordTypes.Lot[] }) => { - if (responseJSON.lots.length === 0) { - searchResultsContainerElement.innerHTML = - '
' + - '

There are no records that meet the search criteria.

' + - "
"; - - return; - } - - searchResultsContainerElement.innerHTML = - '' + - "" + - "" + - '' + - ("") + - ("") + - ("") + - "" + - "" + - "" + - "" + - "
" + exports.aliases.lot + "" + exports.aliases.map + "" + exports.aliases.lot + " TypeStatus
"; - - for (const lot of responseJSON.lots) { - const rowElement = document.createElement("tr"); - rowElement.className = "container--lot"; - rowElement.dataset.lotId = lot.lotId.toString(); - - rowElement.innerHTML = - '' + - '" + - "" + - ('' + - cityssm.escapeHTML(lot.lotName || "") + - "") + - "" + - cityssm.escapeHTML(lot.mapName || "") + - "" + - ("" + cityssm.escapeHTML(lot.lotType || "") + "") + - ("" + cityssm.escapeHTML(lot.lotStatus || "") + ""); - - ( - rowElement.querySelector(".button--addLot") as HTMLButtonElement - ).addEventListener("click", doAddLot); - - searchResultsContainerElement - .querySelector("tbody")! - .append(rowElement); - } - } - ); - }; - - cityssm.openHtmlModal("workOrder-addLot", { - onshow: (modalElement) => { - los.populateAliases(modalElement); - - searchFormElement = modalElement.querySelector("form")!; - - searchResultsContainerElement = modalElement.querySelector( - "#resultsContainer--lotAdd" - ) as HTMLElement; - - ( - modalElement.querySelector( - "#lotSearch--notWorkOrderId" - ) as HTMLInputElement - ).value = workOrderId; - - const lotStatusElement = modalElement.querySelector( - "#lotSearch--lotStatusId" - ) as HTMLSelectElement; - - for (const lotStatus of exports.lotStatuses as recordTypes.LotStatus[]) { - const optionElement = document.createElement("option"); - optionElement.value = lotStatus.lotStatusId.toString(); - optionElement.textContent = lotStatus.lotStatus; - lotStatusElement.append(optionElement); - } - - doSearch(); - }, - onshown: (modalElement) => { - bulmaJS.toggleHtmlClipped(); - - ( - modalElement.querySelector("#lotSearch--lotName") as HTMLInputElement - ).addEventListener("change", doSearch); - - ( - modalElement.querySelector( - "#lotSearch--lotStatusId" - ) as HTMLSelectElement - ).addEventListener("change", doSearch); - - searchFormElement.addEventListener("submit", doSearch); - }, - onremoved: () => { - bulmaJS.toggleHtmlClipped(); - } - }); - } - ); - } - - /* - * Comments - */ - - let workOrderComments: recordTypes.WorkOrderComment[] = exports.workOrderComments; - delete exports.workOrderComments; - - const openEditWorkOrderComment = (clickEvent: Event) => { - const workOrderCommentId = Number.parseInt( - (clickEvent.currentTarget as HTMLElement).closest("tr")!.dataset.workOrderCommentId!, - 10 - ); - - const workOrderComment = workOrderComments.find((currentComment) => { - return currentComment.workOrderCommentId === workOrderCommentId; - })!; - - let editFormElement: HTMLFormElement; - let editCloseModalFunction: () => void; - - const editComment = (submitEvent: SubmitEvent) => { - submitEvent.preventDefault(); - - cityssm.postJSON( - los.urlPrefix + "/workOrders/doUpdateWorkOrderComment", - editFormElement, - (responseJSON: { - success: boolean; - errorMessage?: string; - workOrderComments?: recordTypes.WorkOrderComment[]; - }) => { - if (responseJSON.success) { - workOrderComments = responseJSON.workOrderComments!; - editCloseModalFunction(); - renderWorkOrderComments(); - } else { - bulmaJS.alert({ - title: "Error Updating Comment", - message: responseJSON.errorMessage || "", - contextualColorName: "danger" - }); - } - } - ); - }; - - cityssm.openHtmlModal("workOrder-editComment", { - onshow: (modalElement) => { - ( - modalElement.querySelector( - "#workOrderCommentEdit--workOrderId" - ) as HTMLInputElement - ).value = workOrderId; - ( - modalElement.querySelector( - "#workOrderCommentEdit--workOrderCommentId" - ) as HTMLInputElement - ).value = workOrderCommentId.toString(); - - ( - modalElement.querySelector( - "#workOrderCommentEdit--workOrderComment" - ) as HTMLInputElement - ).value = workOrderComment.workOrderComment!; - - const workOrderCommentDateStringElement = modalElement.querySelector( - "#workOrderCommentEdit--workOrderCommentDateString" - ) as HTMLInputElement; - - workOrderCommentDateStringElement.value = - workOrderComment.workOrderCommentDateString!; - - const currentDateString = cityssm.dateToString(new Date()); - - workOrderCommentDateStringElement.max = - workOrderComment.workOrderCommentDateString! <= currentDateString - ? currentDateString - : workOrderComment.workOrderCommentDateString!; - - ( - modalElement.querySelector( - "#workOrderCommentEdit--workOrderCommentTimeString" - ) as HTMLInputElement - ).value = workOrderComment.workOrderCommentTimeString!; - }, - onshown: (modalElement, closeModalFunction) => { - bulmaJS.toggleHtmlClipped(); - - los.initializeDatePickers(modalElement); - // los.initializeTimePickers(modalElement); - - ( - modalElement.querySelector( - "#workOrderCommentEdit--workOrderComment" - ) as HTMLTextAreaElement - ).focus(); - - editFormElement = modalElement.querySelector("form")!; - editFormElement.addEventListener("submit", editComment); - - editCloseModalFunction = closeModalFunction; - }, - onremoved: () => { - bulmaJS.toggleHtmlClipped(); - } - }); - }; - - const deleteWorkOrderComment = (clickEvent: Event) => { - const workOrderCommentId = Number.parseInt( - (clickEvent.currentTarget as HTMLElement).closest("tr")!.dataset.workOrderCommentId!, - 10 - ); - - const doDelete = () => { - cityssm.postJSON( - los.urlPrefix + "/workOrders/doDeleteWorkOrderComment", - { - workOrderId, - workOrderCommentId - }, - (responseJSON: { - success: boolean; - errorMessage?: string; - workOrderComments: recordTypes.WorkOrderComment[]; - }) => { - if (responseJSON.success) { - workOrderComments = responseJSON.workOrderComments; - renderWorkOrderComments(); - } else { - bulmaJS.alert({ - title: "Error Removing Comment", - message: responseJSON.errorMessage || "", - contextualColorName: "danger" - }); - } - } - ); - }; - - bulmaJS.confirm({ - title: "Remove Comment?", - message: "Are you sure you want to remove this comment?", - okButton: { - text: "Yes, Remove Comment", - callbackFunction: doDelete - }, - contextualColorName: "warning" - }); - }; - - const renderWorkOrderComments = () => { - const containerElement = document.querySelector( - "#container--workOrderComments" - ) as HTMLElement; - - if (workOrderComments.length === 0) { - containerElement.innerHTML = - '
' + - '

There are no comments to display.

' + - "
"; - return; - } - - const tableElement = document.createElement("table"); - tableElement.className = "table is-fullwidth is-striped is-hoverable"; - tableElement.innerHTML = - "" + - "Commentor" + - "Comment Date" + - "Comment" + - 'Options' + - "" + - ""; - - for (const workOrderComment of workOrderComments) { - const tableRowElement = document.createElement("tr"); - tableRowElement.dataset.workOrderCommentId = - workOrderComment.workOrderCommentId!.toString(); - - tableRowElement.innerHTML = - "" + - cityssm.escapeHTML(workOrderComment.recordCreate_userName || "") + - "" + - "" + - workOrderComment.workOrderCommentDateString + - (workOrderComment.workOrderCommentTime === 0 - ? "" - : " " + workOrderComment.workOrderCommentTimeString) + - "" + - "" + - cityssm.escapeHTML(workOrderComment.workOrderComment || "") + - "" + - ('' + - '
' + - ('") + - ('") + - "
" + - ""); - - (tableRowElement.querySelector(".button--edit") as HTMLButtonElement).addEventListener( - "click", - openEditWorkOrderComment - ); - - ( - tableRowElement.querySelector(".button--delete") as HTMLButtonElement - ).addEventListener("click", deleteWorkOrderComment); - - tableElement.querySelector("tbody")!.append(tableRowElement); - } - - containerElement.innerHTML = ""; - containerElement.append(tableElement); - }; - - const openAddCommentModal = () => { - let addCommentCloseModalFunction: () => void; - - const doAddComment = (formEvent: SubmitEvent) => { - formEvent.preventDefault(); - - cityssm.postJSON( - los.urlPrefix + "/workOrders/doAddWorkOrderComment", - formEvent.currentTarget, - (responseJSON: { - success: boolean; - workOrderComments?: recordTypes.WorkOrderComment[]; - }) => { - if (responseJSON.success) { - workOrderComments = responseJSON.workOrderComments!; - renderWorkOrderComments(); - addCommentCloseModalFunction(); - } - } - ); - }; - - cityssm.openHtmlModal("workOrder-addComment", { - onshow(modalElement) { - los.populateAliases(modalElement); - ( - modalElement.querySelector( - "#workOrderCommentAdd--workOrderId" - ) as HTMLInputElement - ).value = workOrderId; - modalElement.querySelector("form")!.addEventListener("submit", doAddComment); - }, - onshown(modalElement, closeModalFunction) { - bulmaJS.toggleHtmlClipped(); - addCommentCloseModalFunction = closeModalFunction; - ( - modalElement.querySelector( - "#workOrderCommentAdd--workOrderComment" - ) as HTMLTextAreaElement - ).focus(); - }, - onremoved() { - bulmaJS.toggleHtmlClipped(); - (document.querySelector("#workOrderComments--add") as HTMLButtonElement).focus(); - } - }); - }; - - if (!isCreate) { - (document.querySelector("#workOrderComments--add") as HTMLButtonElement).addEventListener( - "click", - openAddCommentModal - ); - renderWorkOrderComments(); - } - - /* - * Milestones - */ - - if (!isCreate) { - workOrderMilestones = exports.workOrderMilestones as recordTypes.WorkOrderMilestone[]; - delete exports.workOrderMilestones; - - const processMilestoneResponse = (responseJSON: { - success: boolean; - errorMessage?: string; - workOrderMilestones?: recordTypes.WorkOrderMilestone[]; - }) => { - if (responseJSON.success) { - workOrderMilestones = responseJSON.workOrderMilestones!; - renderMilestones(); - } else { - bulmaJS.alert({ - title: "Error Reopening Milestone", - message: responseJSON.errorMessage || "", - contextualColorName: "danger" - }); - } - }; - - const completeMilestone = (clickEvent: Event) => { - clickEvent.preventDefault(); - - const currentDateString = cityssm.dateToString(new Date()); - - const workOrderMilestoneId = Number.parseInt( - ( - (clickEvent.currentTarget as HTMLElement).closest( - ".container--milestone" - ) as HTMLElement - ).dataset.workOrderMilestoneId!, - 10 - ); - - const workOrderMilestone = workOrderMilestones.find((currentMilestone) => { - return currentMilestone.workOrderMilestoneId === workOrderMilestoneId; - })!; - - const doComplete = () => { - cityssm.postJSON( - los.urlPrefix + "/workOrders/doCompleteWorkOrderMilestone", - { - workOrderId, - workOrderMilestoneId - }, - processMilestoneResponse - ); - }; - - bulmaJS.confirm({ - title: "Complete Milestone", - message: - "Are you sure you want to complete this milestone?" + - (workOrderMilestone.workOrderMilestoneDateString! > currentDateString - ? "
Note that this milestone is expected to be completed in the future." - : ""), - messageIsHtml: true, - contextualColorName: "warning", - okButton: { - text: "Yes, Complete Milestone", - callbackFunction: doComplete - } - }); - }; - - const reopenMilestone = (clickEvent: Event) => { - clickEvent.preventDefault(); - - const workOrderMilestoneId = ( - (clickEvent.currentTarget as HTMLElement).closest( - ".container--milestone" - ) as HTMLElement - ).dataset.workOrderMilestoneId; - - const doReopen = () => { - cityssm.postJSON( - los.urlPrefix + "/workOrders/doReopenWorkOrderMilestone", - { - workOrderId, - workOrderMilestoneId - }, - processMilestoneResponse - ); - }; - - 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: doReopen - } - }); - }; - - const deleteMilestone = (clickEvent: Event) => { - clickEvent.preventDefault(); - - const workOrderMilestoneId = ( - (clickEvent.currentTarget as HTMLElement).closest( - ".container--milestone" - ) as HTMLElement - ).dataset.workOrderMilestoneId; - - const doDelete = () => { - cityssm.postJSON( - los.urlPrefix + "/workOrders/doDeleteWorkOrderMilestone", - { - workOrderMilestoneId, - workOrderId - }, - processMilestoneResponse - ); - }; - - bulmaJS.confirm({ - title: "Delete Milestone", - message: "Are you sure you want to delete this milestone?", - contextualColorName: "warning", - okButton: { - text: "Yes, Delete Milestone", - callbackFunction: doDelete - } - }); - }; - - const editMilestone = (clickEvent: Event) => { - clickEvent.preventDefault(); - - const workOrderMilestoneId = Number.parseInt( - ( - (clickEvent.currentTarget as HTMLElement).closest( - ".container--milestone" - ) as HTMLElement - ).dataset.workOrderMilestoneId!, - 10 - ); - - const workOrderMilestone = workOrderMilestones.find((currentMilestone) => { - return currentMilestone.workOrderMilestoneId === workOrderMilestoneId; - })!; - - let editCloseModalFunction: () => void; - - const doEdit = (submitEvent: SubmitEvent) => { - submitEvent.preventDefault(); - - cityssm.postJSON( - los.urlPrefix + "/workOrders/doUpdateWorkOrderMilestone", - submitEvent.currentTarget, - (responseJSON: { - success: boolean; - errorMessage?: string; - workOrderMilestones?: recordTypes.WorkOrderMilestone[]; - }) => { - processMilestoneResponse(responseJSON); - if (responseJSON.success) { - editCloseModalFunction(); - } - } - ); - }; - - cityssm.openHtmlModal("workOrder-editMilestone", { - onshow: (modalElement) => { - ( - modalElement.querySelector( - "#milestoneEdit--workOrderId" - ) as HTMLInputElement - ).value = workOrderId; - - ( - modalElement.querySelector( - "#milestoneEdit--workOrderMilestoneId" - ) as HTMLInputElement - ).value = workOrderMilestone.workOrderMilestoneId!.toString(); - - const milestoneTypeElement = modalElement.querySelector( - "#milestoneEdit--workOrderMilestoneTypeId" - ) as HTMLSelectElement; - - let milestoneTypeFound = false; - - for (const milestoneType of exports.workOrderMilestoneTypes as recordTypes.WorkOrderMilestoneType[]) { - const optionElement = document.createElement("option"); - - optionElement.value = milestoneType.workOrderMilestoneTypeId.toString(); - optionElement.textContent = milestoneType.workOrderMilestoneType; - - if ( - milestoneType.workOrderMilestoneTypeId === - workOrderMilestone.workOrderMilestoneTypeId - ) { - optionElement.selected = true; - milestoneTypeFound = true; - } - - milestoneTypeElement.append(optionElement); - } - - if (!milestoneTypeFound && workOrderMilestone.workOrderMilestoneTypeId) { - const optionElement = document.createElement("option"); - optionElement.value = - workOrderMilestone.workOrderMilestoneTypeId.toString(); - optionElement.textContent = workOrderMilestone.workOrderMilestoneType!; - optionElement.selected = true; - milestoneTypeElement.append(optionElement); - } - - ( - modalElement.querySelector( - "#milestoneEdit--workOrderMilestoneDateString" - ) as HTMLInputElement - ).value = workOrderMilestone.workOrderMilestoneDateString!; - - if (workOrderMilestone.workOrderMilestoneTime) { - ( - modalElement.querySelector( - "#milestoneEdit--workOrderMilestoneTimeString" - ) as HTMLInputElement - ).value = workOrderMilestone.workOrderMilestoneTimeString!; - } - - ( - modalElement.querySelector( - "#milestoneEdit--workOrderMilestoneDescription" - ) as HTMLTextAreaElement - ).value = workOrderMilestone.workOrderMilestoneDescription!; - }, - onshown: (modalElement, closeModalFunction) => { - editCloseModalFunction = closeModalFunction; - - bulmaJS.toggleHtmlClipped(); - - los.initializeDatePickers(modalElement); - // los.initializeTimePickers(modalElement); - - modalElement.querySelector("form")!.addEventListener("submit", doEdit); - }, - onremoved: () => { - bulmaJS.toggleHtmlClipped(); - } - }); - }; - - const renderMilestones = () => { - // Clear milestones panel - - const milestonesPanelElement = document.querySelector( - "#panel--milestones" - ) as HTMLElement; - - const panelBlockElementsToDelete = - milestonesPanelElement.querySelectorAll(".panel-block"); - - for (const panelBlockToDelete of panelBlockElementsToDelete) { - panelBlockToDelete.remove(); - } - - for (const milestone of workOrderMilestones) { - const panelBlockElement = document.createElement("div"); - panelBlockElement.className = "panel-block is-block container--milestone"; - - panelBlockElement.dataset.workOrderMilestoneId = - milestone.workOrderMilestoneId!.toString(); - - panelBlockElement.innerHTML = - '
' + - ('
' + - (milestone.workOrderMilestoneCompletionDate - ? '' + - '' + - "" - : '") + - "
") + - ('
' + - (milestone.workOrderMilestoneTypeId - ? "" + - cityssm.escapeHTML(milestone.workOrderMilestoneType || "") + - "
" - : "") + - milestone.workOrderMilestoneDateString + - (milestone.workOrderMilestoneTime - ? " " + milestone.workOrderMilestoneTimeString - : "") + - "
" + - '' + - cityssm.escapeHTML(milestone.workOrderMilestoneDescription || "") + - "" + - "
") + - ('
' + - '" + - "
") + - "
"; - - if (milestone.workOrderMilestoneCompletionDate) { - ( - panelBlockElement.querySelector( - ".button--reopenMilestone" - ) as HTMLButtonElement - ).addEventListener("click", reopenMilestone); - } else { - ( - panelBlockElement.querySelector( - ".button--editMilestone" - ) as HTMLButtonElement - ).addEventListener("click", editMilestone); - - ( - panelBlockElement.querySelector( - ".button--completeMilestone" - ) as HTMLButtonElement - ).addEventListener("click", completeMilestone); - } - - ( - panelBlockElement.querySelector(".button--deleteMilestone") as HTMLButtonElement - ).addEventListener("click", deleteMilestone); - - milestonesPanelElement.append(panelBlockElement); - } - - bulmaJS.init(milestonesPanelElement); - }; - - renderMilestones(); - - (document.querySelector("#button--addMilestone") as HTMLButtonElement).addEventListener( - "click", - () => { - let addModalElement: HTMLElement; - let addFormElement: HTMLFormElement; - let addCloseModalFunction: () => void; - - const doAdd = (submitEvent: SubmitEvent) => { - if (submitEvent) { - submitEvent.preventDefault(); - } - - const currentDateString = cityssm.dateToString(new Date()); - - const _doAdd = () => { - cityssm.postJSON( - los.urlPrefix + "/workOrders/doAddWorkOrderMilestone", - addFormElement, - (responseJSON: { - success: boolean; - errorMessage?: string; - workOrderMilestones?: recordTypes.WorkOrderMilestone[]; - }) => { - processMilestoneResponse(responseJSON); - - if (responseJSON.success) { - addCloseModalFunction(); - } - } - ); - }; - - if ( - ( - addModalElement.querySelector( - "#milestoneAdd--workOrderMilestoneDateString" - ) as HTMLInputElement - ).value < currentDateString - ) { - 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: _doAdd - } - }); - } else { - _doAdd(); - } - }; - - cityssm.openHtmlModal("workOrder-addMilestone", { - onshow: (modalElement) => { - ( - modalElement.querySelector( - "#milestoneAdd--workOrderId" - ) as HTMLInputElement - ).value = workOrderId; - - const milestoneTypeElement = modalElement.querySelector( - "#milestoneAdd--workOrderMilestoneTypeId" - ) as HTMLSelectElement; - - for (const milestoneType of exports.workOrderMilestoneTypes as recordTypes.WorkOrderMilestoneType[]) { - const optionElement = document.createElement("option"); - - optionElement.value = milestoneType.workOrderMilestoneTypeId.toString(); - optionElement.textContent = milestoneType.workOrderMilestoneType; - - milestoneTypeElement.append(optionElement); - } - - ( - modalElement.querySelector( - "#milestoneAdd--workOrderMilestoneDateString" - ) as HTMLInputElement - ).valueAsDate = new Date(); - }, - onshown: (modalElement, closeModalFunction) => { - addModalElement = modalElement; - addCloseModalFunction = closeModalFunction; - - los.initializeDatePickers(modalElement); - // los.initializeTimePickers(modalElement); - - bulmaJS.toggleHtmlClipped(); - - addFormElement = modalElement.querySelector("form")!; - addFormElement.addEventListener("submit", doAdd); - }, - onremoved: () => { - bulmaJS.toggleHtmlClipped(); - } - }); - } - ); - } -})(); diff --git a/public-typescript/workOrderEdit.d.ts b/public-typescript/workOrderEdit/workOrderEdit.d.ts similarity index 100% rename from public-typescript/workOrderEdit.d.ts rename to public-typescript/workOrderEdit/workOrderEdit.d.ts diff --git a/public-typescript/workOrderEdit/workOrderEdit.js b/public-typescript/workOrderEdit/workOrderEdit.js new file mode 100644 index 00000000..2613f3e1 --- /dev/null +++ b/public-typescript/workOrderEdit/workOrderEdit.js @@ -0,0 +1,424 @@ +"use strict"; +/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */ +Object.defineProperty(exports, "__esModule", { value: true }); +(() => { + 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.initializeUnlockFieldButtons(workOrderFormElement); + workOrderFormElement.addEventListener("submit", (submitEvent) => { + submitEvent.preventDefault(); + cityssm.postJSON(los.urlPrefix + "/workOrders/" + (isCreate ? "doCreateWorkOrder" : "doUpdateWorkOrder"), submitEvent.currentTarget, (responseJSON) => { + if (responseJSON.success) { + cityssm.disableNavBlocker(); + if (isCreate) { + window.location.href = + los.urlPrefix + "/workOrders/" + responseJSON.workOrderId + "/edit"; + } + else { + bulmaJS.alert({ + message: "Work Order Updated Successfully", + contextualColorName: "success" + }); + } + } + else { + bulmaJS.alert({ + title: "Error Updating Work Order", + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + }); + }); + const inputElements = workOrderFormElement.querySelectorAll("input, select"); + for (const inputElement of inputElements) { + inputElement.addEventListener("change", cityssm.enableNavBlocker); + } + /* + * Work Order Options + */ + let workOrderMilestones; + if (!isCreate) { + const doClose = () => { + cityssm.postJSON(los.urlPrefix + "/workOrders/doCloseWorkOrder", { + workOrderId + }, (responseJSON) => { + if (responseJSON.success) { + window.location.href = + los.urlPrefix + "/workOrders/" + encodeURIComponent(workOrderId); + } + else { + bulmaJS.alert({ + title: "Error Closing Work Order", + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + }); + }; + document.querySelector("#button--closeWorkOrder").addEventListener("click", () => { + const hasOpenMilestones = workOrderMilestones.some((milestone) => { + return !milestone.workOrderMilestoneCompletionDate; + }); + if (hasOpenMilestones) { + bulmaJS.alert({ + title: "Outstanding Milestones", + message: "You cannot close a work order with outstanding milestones." + + " Either complete the outstanding milestones, or remove them from the work order.", + contextualColorName: "warning" + }); + /* + // Disable closing work orders with open milestones + bulmaJS.confirm({ + title: "Close Work Order with Outstanding Milestones", + message: + "Are you sure you want to close this work order with outstanding milestones?", + contextualColorName: "danger", + okButton: { + text: "Yes, Close Work Order", + callbackFunction: doClose + } + }); + */ + } + else { + bulmaJS.confirm({ + title: "Close Work Order", + message: "Are you sure you want to close this work order?", + contextualColorName: "info", + okButton: { + text: "Yes, Close Work Order", + callbackFunction: doClose + } + }); + } + }); + const doDelete = () => { + cityssm.postJSON(los.urlPrefix + "/workOrders/doDeleteWorkOrder", { + workOrderId + }, (responseJSON) => { + if (responseJSON.success) { + window.location.href = los.urlPrefix + "/workOrders"; + } + else { + bulmaJS.alert({ + title: "Error Deleting Work Order", + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + }); + }; + document.querySelector("#button--deleteWorkOrder").addEventListener("click", (clickEvent) => { + clickEvent.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: doDelete + } + }); + }); + } + /* + * Related Lots + */ + if (!isCreate) { + //=include workOrderEditLots.js + } + /* + * Comments + */ + //=include workOrderEditComments.js + /* + * Milestones + */ + if (!isCreate) { + workOrderMilestones = exports.workOrderMilestones; + delete exports.workOrderMilestones; + const processMilestoneResponse = (responseJSON) => { + if (responseJSON.success) { + workOrderMilestones = responseJSON.workOrderMilestones; + renderMilestones(); + } + else { + bulmaJS.alert({ + title: "Error Reopening Milestone", + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + }; + const completeMilestone = (clickEvent) => { + clickEvent.preventDefault(); + const currentDateString = cityssm.dateToString(new Date()); + const workOrderMilestoneId = Number.parseInt(clickEvent.currentTarget.closest(".container--milestone").dataset.workOrderMilestoneId, 10); + const workOrderMilestone = workOrderMilestones.find((currentMilestone) => { + return currentMilestone.workOrderMilestoneId === workOrderMilestoneId; + }); + const doComplete = () => { + cityssm.postJSON(los.urlPrefix + "/workOrders/doCompleteWorkOrderMilestone", { + workOrderId, + workOrderMilestoneId + }, processMilestoneResponse); + }; + bulmaJS.confirm({ + title: "Complete Milestone", + message: "Are you sure you want to complete this milestone?" + + (workOrderMilestone.workOrderMilestoneDateString > currentDateString + ? "
Note that this milestone is expected to be completed in the future." + : ""), + messageIsHtml: true, + contextualColorName: "warning", + okButton: { + text: "Yes, Complete Milestone", + callbackFunction: doComplete + } + }); + }; + const reopenMilestone = (clickEvent) => { + clickEvent.preventDefault(); + const workOrderMilestoneId = clickEvent.currentTarget.closest(".container--milestone").dataset.workOrderMilestoneId; + const doReopen = () => { + cityssm.postJSON(los.urlPrefix + "/workOrders/doReopenWorkOrderMilestone", { + workOrderId, + workOrderMilestoneId + }, processMilestoneResponse); + }; + 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: doReopen + } + }); + }; + const deleteMilestone = (clickEvent) => { + clickEvent.preventDefault(); + const workOrderMilestoneId = clickEvent.currentTarget.closest(".container--milestone").dataset.workOrderMilestoneId; + const doDelete = () => { + cityssm.postJSON(los.urlPrefix + "/workOrders/doDeleteWorkOrderMilestone", { + workOrderMilestoneId, + workOrderId + }, processMilestoneResponse); + }; + bulmaJS.confirm({ + title: "Delete Milestone", + message: "Are you sure you want to delete this milestone?", + contextualColorName: "warning", + okButton: { + text: "Yes, Delete Milestone", + callbackFunction: doDelete + } + }); + }; + const editMilestone = (clickEvent) => { + clickEvent.preventDefault(); + const workOrderMilestoneId = Number.parseInt(clickEvent.currentTarget.closest(".container--milestone").dataset.workOrderMilestoneId, 10); + const workOrderMilestone = workOrderMilestones.find((currentMilestone) => { + return currentMilestone.workOrderMilestoneId === workOrderMilestoneId; + }); + let editCloseModalFunction; + const doEdit = (submitEvent) => { + submitEvent.preventDefault(); + cityssm.postJSON(los.urlPrefix + "/workOrders/doUpdateWorkOrderMilestone", submitEvent.currentTarget, (responseJSON) => { + processMilestoneResponse(responseJSON); + if (responseJSON.success) { + editCloseModalFunction(); + } + }); + }; + cityssm.openHtmlModal("workOrder-editMilestone", { + onshow: (modalElement) => { + modalElement.querySelector("#milestoneEdit--workOrderId").value = workOrderId; + modalElement.querySelector("#milestoneEdit--workOrderMilestoneId").value = workOrderMilestone.workOrderMilestoneId.toString(); + const milestoneTypeElement = modalElement.querySelector("#milestoneEdit--workOrderMilestoneTypeId"); + let milestoneTypeFound = false; + for (const milestoneType of exports.workOrderMilestoneTypes) { + const optionElement = document.createElement("option"); + optionElement.value = milestoneType.workOrderMilestoneTypeId.toString(); + optionElement.textContent = milestoneType.workOrderMilestoneType; + if (milestoneType.workOrderMilestoneTypeId === + workOrderMilestone.workOrderMilestoneTypeId) { + optionElement.selected = true; + milestoneTypeFound = true; + } + milestoneTypeElement.append(optionElement); + } + if (!milestoneTypeFound && workOrderMilestone.workOrderMilestoneTypeId) { + const optionElement = document.createElement("option"); + optionElement.value = + workOrderMilestone.workOrderMilestoneTypeId.toString(); + optionElement.textContent = workOrderMilestone.workOrderMilestoneType; + optionElement.selected = true; + milestoneTypeElement.append(optionElement); + } + modalElement.querySelector("#milestoneEdit--workOrderMilestoneDateString").value = workOrderMilestone.workOrderMilestoneDateString; + if (workOrderMilestone.workOrderMilestoneTime) { + modalElement.querySelector("#milestoneEdit--workOrderMilestoneTimeString").value = workOrderMilestone.workOrderMilestoneTimeString; + } + modalElement.querySelector("#milestoneEdit--workOrderMilestoneDescription").value = workOrderMilestone.workOrderMilestoneDescription; + }, + onshown: (modalElement, closeModalFunction) => { + editCloseModalFunction = closeModalFunction; + bulmaJS.toggleHtmlClipped(); + los.initializeDatePickers(modalElement); + // los.initializeTimePickers(modalElement); + modalElement.querySelector("form").addEventListener("submit", doEdit); + }, + onremoved: () => { + bulmaJS.toggleHtmlClipped(); + } + }); + }; + const renderMilestones = () => { + // Clear milestones panel + const milestonesPanelElement = document.querySelector("#panel--milestones"); + const panelBlockElementsToDelete = milestonesPanelElement.querySelectorAll(".panel-block"); + for (const panelBlockToDelete of panelBlockElementsToDelete) { + panelBlockToDelete.remove(); + } + for (const milestone of workOrderMilestones) { + const panelBlockElement = document.createElement("div"); + panelBlockElement.className = "panel-block is-block container--milestone"; + panelBlockElement.dataset.workOrderMilestoneId = + milestone.workOrderMilestoneId.toString(); + panelBlockElement.innerHTML = + '
' + + ('
' + + (milestone.workOrderMilestoneCompletionDate + ? '' + + '' + + "" + : '") + + "
") + + ('
' + + (milestone.workOrderMilestoneTypeId + ? "" + + cityssm.escapeHTML(milestone.workOrderMilestoneType || "") + + "
" + : "") + + milestone.workOrderMilestoneDateString + + (milestone.workOrderMilestoneTime + ? " " + milestone.workOrderMilestoneTimeString + : "") + + "
" + + '' + + cityssm.escapeHTML(milestone.workOrderMilestoneDescription || "") + + "" + + "
") + + ('
' + + '" + + "
") + + "
"; + if (milestone.workOrderMilestoneCompletionDate) { + panelBlockElement.querySelector(".button--reopenMilestone").addEventListener("click", reopenMilestone); + } + else { + panelBlockElement.querySelector(".button--editMilestone").addEventListener("click", editMilestone); + panelBlockElement.querySelector(".button--completeMilestone").addEventListener("click", completeMilestone); + } + panelBlockElement.querySelector(".button--deleteMilestone").addEventListener("click", deleteMilestone); + milestonesPanelElement.append(panelBlockElement); + } + bulmaJS.init(milestonesPanelElement); + }; + renderMilestones(); + document.querySelector("#button--addMilestone").addEventListener("click", () => { + let addModalElement; + let addFormElement; + let addCloseModalFunction; + const doAdd = (submitEvent) => { + if (submitEvent) { + submitEvent.preventDefault(); + } + const currentDateString = cityssm.dateToString(new Date()); + const _doAdd = () => { + cityssm.postJSON(los.urlPrefix + "/workOrders/doAddWorkOrderMilestone", addFormElement, (responseJSON) => { + processMilestoneResponse(responseJSON); + if (responseJSON.success) { + addCloseModalFunction(); + } + }); + }; + if (addModalElement.querySelector("#milestoneAdd--workOrderMilestoneDateString").value < currentDateString) { + 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: _doAdd + } + }); + } + else { + _doAdd(); + } + }; + cityssm.openHtmlModal("workOrder-addMilestone", { + onshow: (modalElement) => { + modalElement.querySelector("#milestoneAdd--workOrderId").value = workOrderId; + const milestoneTypeElement = modalElement.querySelector("#milestoneAdd--workOrderMilestoneTypeId"); + for (const milestoneType of exports.workOrderMilestoneTypes) { + const optionElement = document.createElement("option"); + optionElement.value = milestoneType.workOrderMilestoneTypeId.toString(); + optionElement.textContent = milestoneType.workOrderMilestoneType; + milestoneTypeElement.append(optionElement); + } + modalElement.querySelector("#milestoneAdd--workOrderMilestoneDateString").valueAsDate = new Date(); + }, + onshown: (modalElement, closeModalFunction) => { + addModalElement = modalElement; + addCloseModalFunction = closeModalFunction; + los.initializeDatePickers(modalElement); + // los.initializeTimePickers(modalElement); + bulmaJS.toggleHtmlClipped(); + addFormElement = modalElement.querySelector("form"); + addFormElement.addEventListener("submit", doAdd); + }, + onremoved: () => { + bulmaJS.toggleHtmlClipped(); + } + }); + }); + } +})(); diff --git a/public-typescript/workOrderEdit/workOrderEdit.ts b/public-typescript/workOrderEdit/workOrderEdit.ts new file mode 100644 index 00000000..7d968bf9 --- /dev/null +++ b/public-typescript/workOrderEdit/workOrderEdit.ts @@ -0,0 +1,656 @@ +/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */ + +import type { cityssmGlobal } from "@cityssm/bulma-webapp-js/src/types"; +import type { BulmaJS } from "@cityssm/bulma-js/types"; + +import type * as globalTypes from "../../types/globalTypes"; +import type * as recordTypes from "../../types/recordTypes"; + +declare const cityssm: cityssmGlobal; +declare const bulmaJS: BulmaJS; + +(() => { + const los = exports.los as globalTypes.LOS; + + const workOrderId = (document.querySelector("#workOrderEdit--workOrderId") as HTMLInputElement) + .value; + + const isCreate = workOrderId === ""; + + const workOrderFormElement = document.querySelector("#form--workOrderEdit") as HTMLFormElement; + + los.initializeDatePickers( + ( + workOrderFormElement.querySelector( + "#workOrderEdit--workOrderOpenDateString" + ) as HTMLInputElement + ).closest(".field") as HTMLElement + ); + los.initializeUnlockFieldButtons(workOrderFormElement); + + workOrderFormElement.addEventListener("submit", (submitEvent) => { + submitEvent.preventDefault(); + + cityssm.postJSON( + los.urlPrefix + "/workOrders/" + (isCreate ? "doCreateWorkOrder" : "doUpdateWorkOrder"), + submitEvent.currentTarget, + (responseJSON: { success: boolean; workOrderId?: number; errorMessage?: string }) => { + if (responseJSON.success) { + cityssm.disableNavBlocker(); + + if (isCreate) { + window.location.href = + los.urlPrefix + "/workOrders/" + responseJSON.workOrderId + "/edit"; + } else { + bulmaJS.alert({ + message: "Work Order Updated Successfully", + contextualColorName: "success" + }); + } + } else { + bulmaJS.alert({ + title: "Error Updating Work Order", + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + } + ); + }); + + const inputElements = workOrderFormElement.querySelectorAll("input, select") as NodeListOf< + HTMLInputElement | HTMLSelectElement + >; + + for (const inputElement of inputElements) { + inputElement.addEventListener("change", cityssm.enableNavBlocker); + } + + /* + * Work Order Options + */ + + let workOrderMilestones: recordTypes.WorkOrderMilestone[]; + + if (!isCreate) { + const doClose = () => { + cityssm.postJSON( + los.urlPrefix + "/workOrders/doCloseWorkOrder", + { + workOrderId + }, + (responseJSON: { success: boolean; errorMessage?: string }) => { + if (responseJSON.success) { + window.location.href = + los.urlPrefix + "/workOrders/" + encodeURIComponent(workOrderId); + } else { + bulmaJS.alert({ + title: "Error Closing Work Order", + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + } + ); + }; + + (document.querySelector("#button--closeWorkOrder") as HTMLButtonElement).addEventListener( + "click", + () => { + const hasOpenMilestones = workOrderMilestones.some((milestone) => { + return !milestone.workOrderMilestoneCompletionDate; + }); + + if (hasOpenMilestones) { + bulmaJS.alert({ + title: "Outstanding Milestones", + message: + "You cannot close a work order with outstanding milestones." + + " Either complete the outstanding milestones, or remove them from the work order.", + contextualColorName: "warning" + }); + + /* + // Disable closing work orders with open milestones + bulmaJS.confirm({ + title: "Close Work Order with Outstanding Milestones", + message: + "Are you sure you want to close this work order with outstanding milestones?", + contextualColorName: "danger", + okButton: { + text: "Yes, Close Work Order", + callbackFunction: doClose + } + }); + */ + } else { + bulmaJS.confirm({ + title: "Close Work Order", + message: "Are you sure you want to close this work order?", + contextualColorName: "info", + okButton: { + text: "Yes, Close Work Order", + callbackFunction: doClose + } + }); + } + } + ); + + const doDelete = () => { + cityssm.postJSON( + los.urlPrefix + "/workOrders/doDeleteWorkOrder", + { + workOrderId + }, + (responseJSON: { success: boolean; errorMessage?: string }) => { + if (responseJSON.success) { + window.location.href = los.urlPrefix + "/workOrders"; + } else { + bulmaJS.alert({ + title: "Error Deleting Work Order", + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + } + ); + }; + + (document.querySelector("#button--deleteWorkOrder") as HTMLButtonElement).addEventListener( + "click", + (clickEvent: Event) => { + clickEvent.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: doDelete + } + }); + } + ); + } + + /* + * Related Lots + */ + + if (!isCreate) { + //=include workOrderEditLots.js + } + + /* + * Comments + */ + + //=include workOrderEditComments.js + + /* + * Milestones + */ + + if (!isCreate) { + workOrderMilestones = exports.workOrderMilestones as recordTypes.WorkOrderMilestone[]; + delete exports.workOrderMilestones; + + const processMilestoneResponse = (responseJSON: { + success: boolean; + errorMessage?: string; + workOrderMilestones?: recordTypes.WorkOrderMilestone[]; + }) => { + if (responseJSON.success) { + workOrderMilestones = responseJSON.workOrderMilestones!; + renderMilestones(); + } else { + bulmaJS.alert({ + title: "Error Reopening Milestone", + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + }; + + const completeMilestone = (clickEvent: Event) => { + clickEvent.preventDefault(); + + const currentDateString = cityssm.dateToString(new Date()); + + const workOrderMilestoneId = Number.parseInt( + ( + (clickEvent.currentTarget as HTMLElement).closest( + ".container--milestone" + ) as HTMLElement + ).dataset.workOrderMilestoneId!, + 10 + ); + + const workOrderMilestone = workOrderMilestones.find((currentMilestone) => { + return currentMilestone.workOrderMilestoneId === workOrderMilestoneId; + })!; + + const doComplete = () => { + cityssm.postJSON( + los.urlPrefix + "/workOrders/doCompleteWorkOrderMilestone", + { + workOrderId, + workOrderMilestoneId + }, + processMilestoneResponse + ); + }; + + bulmaJS.confirm({ + title: "Complete Milestone", + message: + "Are you sure you want to complete this milestone?" + + (workOrderMilestone.workOrderMilestoneDateString! > currentDateString + ? "
Note that this milestone is expected to be completed in the future." + : ""), + messageIsHtml: true, + contextualColorName: "warning", + okButton: { + text: "Yes, Complete Milestone", + callbackFunction: doComplete + } + }); + }; + + const reopenMilestone = (clickEvent: Event) => { + clickEvent.preventDefault(); + + const workOrderMilestoneId = ( + (clickEvent.currentTarget as HTMLElement).closest( + ".container--milestone" + ) as HTMLElement + ).dataset.workOrderMilestoneId; + + const doReopen = () => { + cityssm.postJSON( + los.urlPrefix + "/workOrders/doReopenWorkOrderMilestone", + { + workOrderId, + workOrderMilestoneId + }, + processMilestoneResponse + ); + }; + + 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: doReopen + } + }); + }; + + const deleteMilestone = (clickEvent: Event) => { + clickEvent.preventDefault(); + + const workOrderMilestoneId = ( + (clickEvent.currentTarget as HTMLElement).closest( + ".container--milestone" + ) as HTMLElement + ).dataset.workOrderMilestoneId; + + const doDelete = () => { + cityssm.postJSON( + los.urlPrefix + "/workOrders/doDeleteWorkOrderMilestone", + { + workOrderMilestoneId, + workOrderId + }, + processMilestoneResponse + ); + }; + + bulmaJS.confirm({ + title: "Delete Milestone", + message: "Are you sure you want to delete this milestone?", + contextualColorName: "warning", + okButton: { + text: "Yes, Delete Milestone", + callbackFunction: doDelete + } + }); + }; + + const editMilestone = (clickEvent: Event) => { + clickEvent.preventDefault(); + + const workOrderMilestoneId = Number.parseInt( + ( + (clickEvent.currentTarget as HTMLElement).closest( + ".container--milestone" + ) as HTMLElement + ).dataset.workOrderMilestoneId!, + 10 + ); + + const workOrderMilestone = workOrderMilestones.find((currentMilestone) => { + return currentMilestone.workOrderMilestoneId === workOrderMilestoneId; + })!; + + let editCloseModalFunction: () => void; + + const doEdit = (submitEvent: SubmitEvent) => { + submitEvent.preventDefault(); + + cityssm.postJSON( + los.urlPrefix + "/workOrders/doUpdateWorkOrderMilestone", + submitEvent.currentTarget, + (responseJSON: { + success: boolean; + errorMessage?: string; + workOrderMilestones?: recordTypes.WorkOrderMilestone[]; + }) => { + processMilestoneResponse(responseJSON); + if (responseJSON.success) { + editCloseModalFunction(); + } + } + ); + }; + + cityssm.openHtmlModal("workOrder-editMilestone", { + onshow: (modalElement) => { + ( + modalElement.querySelector( + "#milestoneEdit--workOrderId" + ) as HTMLInputElement + ).value = workOrderId; + + ( + modalElement.querySelector( + "#milestoneEdit--workOrderMilestoneId" + ) as HTMLInputElement + ).value = workOrderMilestone.workOrderMilestoneId!.toString(); + + const milestoneTypeElement = modalElement.querySelector( + "#milestoneEdit--workOrderMilestoneTypeId" + ) as HTMLSelectElement; + + let milestoneTypeFound = false; + + for (const milestoneType of exports.workOrderMilestoneTypes as recordTypes.WorkOrderMilestoneType[]) { + const optionElement = document.createElement("option"); + + optionElement.value = milestoneType.workOrderMilestoneTypeId.toString(); + optionElement.textContent = milestoneType.workOrderMilestoneType; + + if ( + milestoneType.workOrderMilestoneTypeId === + workOrderMilestone.workOrderMilestoneTypeId + ) { + optionElement.selected = true; + milestoneTypeFound = true; + } + + milestoneTypeElement.append(optionElement); + } + + if (!milestoneTypeFound && workOrderMilestone.workOrderMilestoneTypeId) { + const optionElement = document.createElement("option"); + optionElement.value = + workOrderMilestone.workOrderMilestoneTypeId.toString(); + optionElement.textContent = workOrderMilestone.workOrderMilestoneType!; + optionElement.selected = true; + milestoneTypeElement.append(optionElement); + } + + ( + modalElement.querySelector( + "#milestoneEdit--workOrderMilestoneDateString" + ) as HTMLInputElement + ).value = workOrderMilestone.workOrderMilestoneDateString!; + + if (workOrderMilestone.workOrderMilestoneTime) { + ( + modalElement.querySelector( + "#milestoneEdit--workOrderMilestoneTimeString" + ) as HTMLInputElement + ).value = workOrderMilestone.workOrderMilestoneTimeString!; + } + + ( + modalElement.querySelector( + "#milestoneEdit--workOrderMilestoneDescription" + ) as HTMLTextAreaElement + ).value = workOrderMilestone.workOrderMilestoneDescription!; + }, + onshown: (modalElement, closeModalFunction) => { + editCloseModalFunction = closeModalFunction; + + bulmaJS.toggleHtmlClipped(); + + los.initializeDatePickers(modalElement); + // los.initializeTimePickers(modalElement); + + modalElement.querySelector("form")!.addEventListener("submit", doEdit); + }, + onremoved: () => { + bulmaJS.toggleHtmlClipped(); + } + }); + }; + + const renderMilestones = () => { + // Clear milestones panel + + const milestonesPanelElement = document.querySelector( + "#panel--milestones" + ) as HTMLElement; + + const panelBlockElementsToDelete = + milestonesPanelElement.querySelectorAll(".panel-block"); + + for (const panelBlockToDelete of panelBlockElementsToDelete) { + panelBlockToDelete.remove(); + } + + for (const milestone of workOrderMilestones) { + const panelBlockElement = document.createElement("div"); + panelBlockElement.className = "panel-block is-block container--milestone"; + + panelBlockElement.dataset.workOrderMilestoneId = + milestone.workOrderMilestoneId!.toString(); + + panelBlockElement.innerHTML = + '
' + + ('
' + + (milestone.workOrderMilestoneCompletionDate + ? '' + + '' + + "" + : '") + + "
") + + ('
' + + (milestone.workOrderMilestoneTypeId + ? "" + + cityssm.escapeHTML(milestone.workOrderMilestoneType || "") + + "
" + : "") + + milestone.workOrderMilestoneDateString + + (milestone.workOrderMilestoneTime + ? " " + milestone.workOrderMilestoneTimeString + : "") + + "
" + + '' + + cityssm.escapeHTML(milestone.workOrderMilestoneDescription || "") + + "" + + "
") + + ('
' + + '" + + "
") + + "
"; + + if (milestone.workOrderMilestoneCompletionDate) { + ( + panelBlockElement.querySelector( + ".button--reopenMilestone" + ) as HTMLButtonElement + ).addEventListener("click", reopenMilestone); + } else { + ( + panelBlockElement.querySelector( + ".button--editMilestone" + ) as HTMLButtonElement + ).addEventListener("click", editMilestone); + + ( + panelBlockElement.querySelector( + ".button--completeMilestone" + ) as HTMLButtonElement + ).addEventListener("click", completeMilestone); + } + + ( + panelBlockElement.querySelector(".button--deleteMilestone") as HTMLButtonElement + ).addEventListener("click", deleteMilestone); + + milestonesPanelElement.append(panelBlockElement); + } + + bulmaJS.init(milestonesPanelElement); + }; + + renderMilestones(); + + (document.querySelector("#button--addMilestone") as HTMLButtonElement).addEventListener( + "click", + () => { + let addModalElement: HTMLElement; + let addFormElement: HTMLFormElement; + let addCloseModalFunction: () => void; + + const doAdd = (submitEvent: SubmitEvent) => { + if (submitEvent) { + submitEvent.preventDefault(); + } + + const currentDateString = cityssm.dateToString(new Date()); + + const _doAdd = () => { + cityssm.postJSON( + los.urlPrefix + "/workOrders/doAddWorkOrderMilestone", + addFormElement, + (responseJSON: { + success: boolean; + errorMessage?: string; + workOrderMilestones?: recordTypes.WorkOrderMilestone[]; + }) => { + processMilestoneResponse(responseJSON); + + if (responseJSON.success) { + addCloseModalFunction(); + } + } + ); + }; + + if ( + ( + addModalElement.querySelector( + "#milestoneAdd--workOrderMilestoneDateString" + ) as HTMLInputElement + ).value < currentDateString + ) { + 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: _doAdd + } + }); + } else { + _doAdd(); + } + }; + + cityssm.openHtmlModal("workOrder-addMilestone", { + onshow: (modalElement) => { + ( + modalElement.querySelector( + "#milestoneAdd--workOrderId" + ) as HTMLInputElement + ).value = workOrderId; + + const milestoneTypeElement = modalElement.querySelector( + "#milestoneAdd--workOrderMilestoneTypeId" + ) as HTMLSelectElement; + + for (const milestoneType of exports.workOrderMilestoneTypes as recordTypes.WorkOrderMilestoneType[]) { + const optionElement = document.createElement("option"); + + optionElement.value = milestoneType.workOrderMilestoneTypeId.toString(); + optionElement.textContent = milestoneType.workOrderMilestoneType; + + milestoneTypeElement.append(optionElement); + } + + ( + modalElement.querySelector( + "#milestoneAdd--workOrderMilestoneDateString" + ) as HTMLInputElement + ).valueAsDate = new Date(); + }, + onshown: (modalElement, closeModalFunction) => { + addModalElement = modalElement; + addCloseModalFunction = closeModalFunction; + + los.initializeDatePickers(modalElement); + // los.initializeTimePickers(modalElement); + + bulmaJS.toggleHtmlClipped(); + + addFormElement = modalElement.querySelector("form")!; + addFormElement.addEventListener("submit", doAdd); + }, + onremoved: () => { + bulmaJS.toggleHtmlClipped(); + } + }); + } + ); + } +})(); diff --git a/public-typescript/workOrderEdit/workOrderEditComments.d.ts b/public-typescript/workOrderEdit/workOrderEditComments.d.ts new file mode 100644 index 00000000..cb0ff5c3 --- /dev/null +++ b/public-typescript/workOrderEdit/workOrderEditComments.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/public-typescript/workOrderEdit/workOrderEditComments.js b/public-typescript/workOrderEdit/workOrderEditComments.js new file mode 100644 index 00000000..56699840 --- /dev/null +++ b/public-typescript/workOrderEdit/workOrderEditComments.js @@ -0,0 +1,175 @@ +"use strict"; +/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */ +Object.defineProperty(exports, "__esModule", { value: true }); +let workOrderComments = exports.workOrderComments; +delete exports.workOrderComments; +const openEditWorkOrderComment = (clickEvent) => { + const workOrderCommentId = Number.parseInt(clickEvent.currentTarget.closest("tr").dataset.workOrderCommentId, 10); + const workOrderComment = workOrderComments.find((currentComment) => { + return currentComment.workOrderCommentId === workOrderCommentId; + }); + let editFormElement; + let editCloseModalFunction; + const editComment = (submitEvent) => { + submitEvent.preventDefault(); + cityssm.postJSON(los.urlPrefix + "/workOrders/doUpdateWorkOrderComment", editFormElement, (responseJSON) => { + if (responseJSON.success) { + workOrderComments = responseJSON.workOrderComments; + editCloseModalFunction(); + renderWorkOrderComments(); + } + else { + bulmaJS.alert({ + title: "Error Updating Comment", + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + }); + }; + cityssm.openHtmlModal("workOrder-editComment", { + onshow: (modalElement) => { + modalElement.querySelector("#workOrderCommentEdit--workOrderId").value = workOrderId; + modalElement.querySelector("#workOrderCommentEdit--workOrderCommentId").value = workOrderCommentId.toString(); + modalElement.querySelector("#workOrderCommentEdit--workOrderComment").value = workOrderComment.workOrderComment; + const workOrderCommentDateStringElement = modalElement.querySelector("#workOrderCommentEdit--workOrderCommentDateString"); + workOrderCommentDateStringElement.value = + workOrderComment.workOrderCommentDateString; + const currentDateString = cityssm.dateToString(new Date()); + workOrderCommentDateStringElement.max = + workOrderComment.workOrderCommentDateString <= currentDateString + ? currentDateString + : workOrderComment.workOrderCommentDateString; + modalElement.querySelector("#workOrderCommentEdit--workOrderCommentTimeString").value = workOrderComment.workOrderCommentTimeString; + }, + onshown: (modalElement, closeModalFunction) => { + bulmaJS.toggleHtmlClipped(); + los.initializeDatePickers(modalElement); + // los.initializeTimePickers(modalElement); + modalElement.querySelector("#workOrderCommentEdit--workOrderComment").focus(); + editFormElement = modalElement.querySelector("form"); + editFormElement.addEventListener("submit", editComment); + editCloseModalFunction = closeModalFunction; + }, + onremoved: () => { + bulmaJS.toggleHtmlClipped(); + } + }); +}; +const deleteWorkOrderComment = (clickEvent) => { + const workOrderCommentId = Number.parseInt(clickEvent.currentTarget.closest("tr").dataset.workOrderCommentId, 10); + const doDelete = () => { + cityssm.postJSON(los.urlPrefix + "/workOrders/doDeleteWorkOrderComment", { + workOrderId, + workOrderCommentId + }, (responseJSON) => { + if (responseJSON.success) { + workOrderComments = responseJSON.workOrderComments; + renderWorkOrderComments(); + } + else { + bulmaJS.alert({ + title: "Error Removing Comment", + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + }); + }; + bulmaJS.confirm({ + title: "Remove Comment?", + message: "Are you sure you want to remove this comment?", + okButton: { + text: "Yes, Remove Comment", + callbackFunction: doDelete + }, + contextualColorName: "warning" + }); +}; +const renderWorkOrderComments = () => { + const containerElement = document.querySelector("#container--workOrderComments"); + if (workOrderComments.length === 0) { + containerElement.innerHTML = + '
' + + '

There are no comments to display.

' + + "
"; + return; + } + const tableElement = document.createElement("table"); + tableElement.className = "table is-fullwidth is-striped is-hoverable"; + tableElement.innerHTML = + "" + + "Commentor" + + "Comment Date" + + "Comment" + + 'Options' + + "" + + ""; + for (const workOrderComment of workOrderComments) { + const tableRowElement = document.createElement("tr"); + tableRowElement.dataset.workOrderCommentId = + workOrderComment.workOrderCommentId.toString(); + tableRowElement.innerHTML = + "" + + cityssm.escapeHTML(workOrderComment.recordCreate_userName || "") + + "" + + "" + + workOrderComment.workOrderCommentDateString + + (workOrderComment.workOrderCommentTime === 0 + ? "" + : " " + workOrderComment.workOrderCommentTimeString) + + "" + + "" + + cityssm.escapeHTML(workOrderComment.workOrderComment || "") + + "" + + ('' + + '
' + + ('") + + ('") + + "
" + + ""); + tableRowElement.querySelector(".button--edit").addEventListener("click", openEditWorkOrderComment); + tableRowElement.querySelector(".button--delete").addEventListener("click", deleteWorkOrderComment); + tableElement.querySelector("tbody").append(tableRowElement); + } + containerElement.innerHTML = ""; + containerElement.append(tableElement); +}; +const openAddCommentModal = () => { + let addCommentCloseModalFunction; + const doAddComment = (formEvent) => { + formEvent.preventDefault(); + cityssm.postJSON(los.urlPrefix + "/workOrders/doAddWorkOrderComment", formEvent.currentTarget, (responseJSON) => { + if (responseJSON.success) { + workOrderComments = responseJSON.workOrderComments; + renderWorkOrderComments(); + addCommentCloseModalFunction(); + } + }); + }; + cityssm.openHtmlModal("workOrder-addComment", { + onshow(modalElement) { + los.populateAliases(modalElement); + modalElement.querySelector("#workOrderCommentAdd--workOrderId").value = workOrderId; + modalElement.querySelector("form").addEventListener("submit", doAddComment); + }, + onshown(modalElement, closeModalFunction) { + bulmaJS.toggleHtmlClipped(); + addCommentCloseModalFunction = closeModalFunction; + modalElement.querySelector("#workOrderCommentAdd--workOrderComment").focus(); + }, + onremoved() { + bulmaJS.toggleHtmlClipped(); + document.querySelector("#workOrderComments--add").focus(); + } + }); +}; +if (!isCreate) { + document.querySelector("#workOrderComments--add").addEventListener("click", openAddCommentModal); + renderWorkOrderComments(); +} diff --git a/public-typescript/workOrderEdit/workOrderEditComments.ts b/public-typescript/workOrderEdit/workOrderEditComments.ts new file mode 100644 index 00000000..09ccfef8 --- /dev/null +++ b/public-typescript/workOrderEdit/workOrderEditComments.ts @@ -0,0 +1,288 @@ +/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */ + +import type { cityssmGlobal } from "@cityssm/bulma-webapp-js/src/types"; +import type { BulmaJS } from "@cityssm/bulma-js/types"; + +import type * as globalTypes from "../../types/globalTypes"; +import type * as recordTypes from "../../types/recordTypes"; + +declare const cityssm: cityssmGlobal; +declare const bulmaJS: BulmaJS; + +declare const los: globalTypes.LOS; + +declare const workOrderId: string; +declare const isCreate: boolean; + +let workOrderComments: recordTypes.WorkOrderComment[] = exports.workOrderComments; +delete exports.workOrderComments; + +const openEditWorkOrderComment = (clickEvent: Event) => { + const workOrderCommentId = Number.parseInt( + (clickEvent.currentTarget as HTMLElement).closest("tr")!.dataset.workOrderCommentId!, + 10 + ); + + const workOrderComment = workOrderComments.find((currentComment) => { + return currentComment.workOrderCommentId === workOrderCommentId; + })!; + + let editFormElement: HTMLFormElement; + let editCloseModalFunction: () => void; + + const editComment = (submitEvent: SubmitEvent) => { + submitEvent.preventDefault(); + + cityssm.postJSON( + los.urlPrefix + "/workOrders/doUpdateWorkOrderComment", + editFormElement, + (responseJSON: { + success: boolean; + errorMessage?: string; + workOrderComments?: recordTypes.WorkOrderComment[]; + }) => { + if (responseJSON.success) { + workOrderComments = responseJSON.workOrderComments!; + editCloseModalFunction(); + renderWorkOrderComments(); + } else { + bulmaJS.alert({ + title: "Error Updating Comment", + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + } + ); + }; + + cityssm.openHtmlModal("workOrder-editComment", { + onshow: (modalElement) => { + ( + modalElement.querySelector( + "#workOrderCommentEdit--workOrderId" + ) as HTMLInputElement + ).value = workOrderId; + ( + modalElement.querySelector( + "#workOrderCommentEdit--workOrderCommentId" + ) as HTMLInputElement + ).value = workOrderCommentId.toString(); + + ( + modalElement.querySelector( + "#workOrderCommentEdit--workOrderComment" + ) as HTMLInputElement + ).value = workOrderComment.workOrderComment!; + + const workOrderCommentDateStringElement = modalElement.querySelector( + "#workOrderCommentEdit--workOrderCommentDateString" + ) as HTMLInputElement; + + workOrderCommentDateStringElement.value = + workOrderComment.workOrderCommentDateString!; + + const currentDateString = cityssm.dateToString(new Date()); + + workOrderCommentDateStringElement.max = + workOrderComment.workOrderCommentDateString! <= currentDateString + ? currentDateString + : workOrderComment.workOrderCommentDateString!; + + ( + modalElement.querySelector( + "#workOrderCommentEdit--workOrderCommentTimeString" + ) as HTMLInputElement + ).value = workOrderComment.workOrderCommentTimeString!; + }, + onshown: (modalElement, closeModalFunction) => { + bulmaJS.toggleHtmlClipped(); + + los.initializeDatePickers(modalElement); + // los.initializeTimePickers(modalElement); + + ( + modalElement.querySelector( + "#workOrderCommentEdit--workOrderComment" + ) as HTMLTextAreaElement + ).focus(); + + editFormElement = modalElement.querySelector("form")!; + editFormElement.addEventListener("submit", editComment); + + editCloseModalFunction = closeModalFunction; + }, + onremoved: () => { + bulmaJS.toggleHtmlClipped(); + } + }); +}; + +const deleteWorkOrderComment = (clickEvent: Event) => { + const workOrderCommentId = Number.parseInt( + (clickEvent.currentTarget as HTMLElement).closest("tr")!.dataset.workOrderCommentId!, + 10 + ); + + const doDelete = () => { + cityssm.postJSON( + los.urlPrefix + "/workOrders/doDeleteWorkOrderComment", + { + workOrderId, + workOrderCommentId + }, + (responseJSON: { + success: boolean; + errorMessage?: string; + workOrderComments: recordTypes.WorkOrderComment[]; + }) => { + if (responseJSON.success) { + workOrderComments = responseJSON.workOrderComments; + renderWorkOrderComments(); + } else { + bulmaJS.alert({ + title: "Error Removing Comment", + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + } + ); + }; + + bulmaJS.confirm({ + title: "Remove Comment?", + message: "Are you sure you want to remove this comment?", + okButton: { + text: "Yes, Remove Comment", + callbackFunction: doDelete + }, + contextualColorName: "warning" + }); +}; + +const renderWorkOrderComments = () => { + const containerElement = document.querySelector( + "#container--workOrderComments" + ) as HTMLElement; + + if (workOrderComments.length === 0) { + containerElement.innerHTML = + '
' + + '

There are no comments to display.

' + + "
"; + return; + } + + const tableElement = document.createElement("table"); + tableElement.className = "table is-fullwidth is-striped is-hoverable"; + tableElement.innerHTML = + "" + + "Commentor" + + "Comment Date" + + "Comment" + + 'Options' + + "" + + ""; + + for (const workOrderComment of workOrderComments) { + const tableRowElement = document.createElement("tr"); + tableRowElement.dataset.workOrderCommentId = + workOrderComment.workOrderCommentId!.toString(); + + tableRowElement.innerHTML = + "" + + cityssm.escapeHTML(workOrderComment.recordCreate_userName || "") + + "" + + "" + + workOrderComment.workOrderCommentDateString + + (workOrderComment.workOrderCommentTime === 0 + ? "" + : " " + workOrderComment.workOrderCommentTimeString) + + "" + + "" + + cityssm.escapeHTML(workOrderComment.workOrderComment || "") + + "" + + ('' + + '
' + + ('") + + ('") + + "
" + + ""); + + (tableRowElement.querySelector(".button--edit") as HTMLButtonElement).addEventListener( + "click", + openEditWorkOrderComment + ); + + ( + tableRowElement.querySelector(".button--delete") as HTMLButtonElement + ).addEventListener("click", deleteWorkOrderComment); + + tableElement.querySelector("tbody")!.append(tableRowElement); + } + + containerElement.innerHTML = ""; + containerElement.append(tableElement); +}; + +const openAddCommentModal = () => { + let addCommentCloseModalFunction: () => void; + + const doAddComment = (formEvent: SubmitEvent) => { + formEvent.preventDefault(); + + cityssm.postJSON( + los.urlPrefix + "/workOrders/doAddWorkOrderComment", + formEvent.currentTarget, + (responseJSON: { + success: boolean; + workOrderComments?: recordTypes.WorkOrderComment[]; + }) => { + if (responseJSON.success) { + workOrderComments = responseJSON.workOrderComments!; + renderWorkOrderComments(); + addCommentCloseModalFunction(); + } + } + ); + }; + + cityssm.openHtmlModal("workOrder-addComment", { + onshow(modalElement) { + los.populateAliases(modalElement); + ( + modalElement.querySelector( + "#workOrderCommentAdd--workOrderId" + ) as HTMLInputElement + ).value = workOrderId; + modalElement.querySelector("form")!.addEventListener("submit", doAddComment); + }, + onshown(modalElement, closeModalFunction) { + bulmaJS.toggleHtmlClipped(); + addCommentCloseModalFunction = closeModalFunction; + ( + modalElement.querySelector( + "#workOrderCommentAdd--workOrderComment" + ) as HTMLTextAreaElement + ).focus(); + }, + onremoved() { + bulmaJS.toggleHtmlClipped(); + (document.querySelector("#workOrderComments--add") as HTMLButtonElement).focus(); + } + }); +}; + +if (!isCreate) { + (document.querySelector("#workOrderComments--add") as HTMLButtonElement).addEventListener( + "click", + openAddCommentModal + ); + renderWorkOrderComments(); +} \ No newline at end of file diff --git a/public-typescript/workOrderEdit/workOrderEditLots.d.ts b/public-typescript/workOrderEdit/workOrderEditLots.d.ts new file mode 100644 index 00000000..cb0ff5c3 --- /dev/null +++ b/public-typescript/workOrderEdit/workOrderEditLots.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/public-typescript/workOrderEdit/workOrderEditLots.js b/public-typescript/workOrderEdit/workOrderEditLots.js new file mode 100644 index 00000000..4dd17928 --- /dev/null +++ b/public-typescript/workOrderEdit/workOrderEditLots.js @@ -0,0 +1,576 @@ +"use strict"; +/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */ +Object.defineProperty(exports, "__esModule", { value: true }); +let workOrderLots = exports.workOrderLots; +delete exports.workOrderLots; +let workOrderLotOccupancies = exports.workOrderLotOccupancies; +delete exports.workOrderLotOccupancies; +const deleteLotOccupancy = (clickEvent) => { + const lotOccupancyId = clickEvent.currentTarget.closest(".container--lotOccupancy").dataset.lotOccupancyId; + const doDelete = () => { + cityssm.postJSON(los.urlPrefix + "/workOrders/doDeleteWorkOrderLotOccupancy", { + workOrderId, + lotOccupancyId + }, (responseJSON) => { + if (responseJSON.success) { + workOrderLotOccupancies = responseJSON.workOrderLotOccupancies; + renderRelatedLotsAndOccupancies(); + } + else { + bulmaJS.alert({ + title: "Error Deleting Relationship", + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + }); + }; + bulmaJS.confirm({ + title: "Delete " + exports.aliases.lot + " " + exports.aliases.occupancy + " Relationship", + message: "Are you sure you want to remove the relationship to this " + + exports.aliases.lot.toLowerCase() + + " " + + exports.aliases.occupancy.toLowerCase() + + " record from this work order? Note that the record will remain.", + contextualColorName: "warning", + okButton: { + text: "Yes, Delete Relationship", + callbackFunction: doDelete + } + }); +}; +const addLot = (lotId, callbackFunction) => { + cityssm.postJSON(los.urlPrefix + "/workOrders/doAddWorkOrderLot", { + workOrderId, + lotId + }, (responseJSON) => { + if (responseJSON.success) { + workOrderLots = responseJSON.workOrderLots; + renderRelatedLotsAndOccupancies(); + } + else { + bulmaJS.alert({ + title: "Error Adding " + exports.aliases.lot, + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + if (callbackFunction) { + callbackFunction(responseJSON.success); + } + }); +}; +const addLotOccupancy = (lotOccupancyId, callbackFunction) => { + cityssm.postJSON(los.urlPrefix + "/workOrders/doAddWorkOrderLotOccupancy", { + workOrderId, + lotOccupancyId + }, (responseJSON) => { + if (responseJSON.success) { + workOrderLotOccupancies = responseJSON.workOrderLotOccupancies; + renderRelatedLotsAndOccupancies(); + } + else { + bulmaJS.alert({ + title: "Error Adding " + exports.aliases.occupancy, + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + if (callbackFunction) { + callbackFunction(responseJSON.success); + } + }); +}; +const addLotFromLotOccupancy = (clickEvent) => { + const lotId = clickEvent.currentTarget.dataset.lotId; + addLot(lotId); +}; +const renderRelatedOccupancies = () => { + var _a; + const occupanciesContainerElement = document.querySelector("#container--lotOccupancies"); + document.querySelector(".tabs a[href='#relatedTab--lotOccupancies'] .tag").textContent = workOrderLotOccupancies.length.toString(); + if (workOrderLotOccupancies.length === 0) { + occupanciesContainerElement.innerHTML = + '
' + + '

There are no ' + + exports.aliases.occupancies.toLowerCase() + + " associated with this work order.

" + + "
"; + return; + } + occupanciesContainerElement.innerHTML = + '' + + "" + + "" + + '' + + ("") + + ("") + + ("") + + "" + + ("") + + '' + + "" + + "" + + "" + + "
" + exports.aliases.occupancy + " Type" + exports.aliases.lot + "" + exports.aliases.occupancyStartDate + "End Date" + exports.aliases.occupants + "
"; + const currentDateString = cityssm.dateToString(new Date()); + for (const lotOccupancy of workOrderLotOccupancies) { + const rowElement = document.createElement("tr"); + rowElement.className = "container--lotOccupancy"; + rowElement.dataset.lotOccupancyId = lotOccupancy.lotOccupancyId.toString(); + const isActive = !(lotOccupancy.occupancyEndDate && + lotOccupancy.occupancyEndDateString < currentDateString); + const hasLotRecord = lotOccupancy.lotId && + workOrderLots.some((lot) => { + return lotOccupancy.lotId === lot.lotId; + }); + rowElement.innerHTML = + '' + + (isActive + ? '' + : '') + + "" + + ("" + + '' + + cityssm.escapeHTML(lotOccupancy.occupancyType || "") + + "" + + ""); + if (lotOccupancy.lotId) { + rowElement.insertAdjacentHTML("beforeend", "" + + cityssm.escapeHTML(lotOccupancy.lotName || "") + + (hasLotRecord + ? "" + : ' ") + + ""); + } + else { + rowElement.insertAdjacentHTML("beforeend", "" + + '(No ' + + exports.aliases.lot + + ")" + + ""); + } + rowElement.insertAdjacentHTML("beforeend", "" + + lotOccupancy.occupancyStartDateString + + "" + + ("" + + (lotOccupancy.occupancyEndDate + ? lotOccupancy.occupancyEndDateString + : '(No End Date)') + + "") + + ("" + + (lotOccupancy.lotOccupancyOccupants.length === 0 + ? '(No ' + + cityssm.escapeHTML(exports.aliases.occupants) + + ")" + : (_a = lotOccupancy.lotOccupancyOccupants) === null || _a === void 0 ? void 0 : _a.reduce((soFar, occupant) => { + return (soFar + + '' + + ' ' + + cityssm.escapeHTML(occupant.occupantName) + + "
"); + }, "")) + + "") + + ("" + + '" + + "")); + if (lotOccupancy.lotId && !hasLotRecord) { + rowElement.querySelector(".button--addLot").addEventListener("click", addLotFromLotOccupancy); + } + rowElement.querySelector(".button--deleteLotOccupancy").addEventListener("click", deleteLotOccupancy); + occupanciesContainerElement.querySelector("tbody").append(rowElement); + } +}; +const openEditLotStatus = (clickEvent) => { + const lotId = Number.parseInt(clickEvent.currentTarget.closest(".container--lot") + .dataset.lotId, 10); + const lot = workOrderLots.find((possibleLot) => { + return possibleLot.lotId === lotId; + }); + let editCloseModalFunction; + const doUpdateLotStatus = (submitEvent) => { + submitEvent.preventDefault(); + cityssm.postJSON(los.urlPrefix + "/workOrders/doUpdateLotStatus", submitEvent.currentTarget, (responseJSON) => { + if (responseJSON.success) { + workOrderLots = responseJSON.workOrderLots; + renderRelatedLotsAndOccupancies(); + editCloseModalFunction(); + } + else { + bulmaJS.alert({ + title: "Error Deleting Relationship", + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + }); + }; + cityssm.openHtmlModal("lot-editLotStatus", { + onshow: (modalElement) => { + los.populateAliases(modalElement); + modalElement.querySelector("#lotStatusEdit--lotId").value = + lotId.toString(); + modalElement.querySelector("#lotStatusEdit--lotName").value = + lot.lotName; + const lotStatusElement = modalElement.querySelector("#lotStatusEdit--lotStatusId"); + let lotStatusFound = false; + for (const lotStatus of exports.lotStatuses) { + const optionElement = document.createElement("option"); + optionElement.value = lotStatus.lotStatusId.toString(); + optionElement.textContent = lotStatus.lotStatus; + if (lotStatus.lotStatusId === lot.lotStatusId) { + lotStatusFound = true; + } + lotStatusElement.append(optionElement); + } + if (!lotStatusFound && lot.lotStatusId) { + const optionElement = document.createElement("option"); + optionElement.value = lot.lotStatusId.toString(); + optionElement.textContent = lot.lotStatus; + lotStatusElement.append(optionElement); + } + if (lot.lotStatusId) { + lotStatusElement.value = lot.lotStatusId.toString(); + } + modalElement + .querySelector("form") + .insertAdjacentHTML("beforeend", ''); + }, + onshown: (modalElement, closeModalFunction) => { + editCloseModalFunction = closeModalFunction; + bulmaJS.toggleHtmlClipped(); + modalElement.querySelector("form").addEventListener("submit", doUpdateLotStatus); + }, + onremoved: () => { + bulmaJS.toggleHtmlClipped(); + } + }); +}; +const deleteLot = (clickEvent) => { + const lotId = clickEvent.currentTarget.closest(".container--lot").dataset.lotId; + const doDelete = () => { + cityssm.postJSON(los.urlPrefix + "/workOrders/doDeleteWorkOrderLot", { + workOrderId, + lotId + }, (responseJSON) => { + if (responseJSON.success) { + workOrderLots = responseJSON.workOrderLots; + renderRelatedLotsAndOccupancies(); + } + else { + bulmaJS.alert({ + title: "Error Deleting Relationship", + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + }); + }; + bulmaJS.confirm({ + title: "Delete " + exports.aliases.lot + " " + exports.aliases.occupancy + " Relationship", + message: "Are you sure you want to remove the relationship to this " + + exports.aliases.lot.toLowerCase() + + " " + + exports.aliases.occupancy.toLowerCase() + + " record from this work order? Note that the record will remain.", + contextualColorName: "warning", + okButton: { + text: "Yes, Delete Relationship", + callbackFunction: doDelete + } + }); +}; +const renderRelatedLots = () => { + const lotsContainerElement = document.querySelector("#container--lots"); + document.querySelector(".tabs a[href='#relatedTab--lots'] .tag").textContent = + workOrderLots.length.toString(); + if (workOrderLots.length === 0) { + lotsContainerElement.innerHTML = + '
' + + '

There are no ' + + exports.aliases.lots.toLowerCase() + + " associated with this work order.

" + + "
"; + return; + } + lotsContainerElement.innerHTML = + '' + + "" + + "" + + ("") + + ("") + + ("") + + "" + + '' + + "" + + "" + + "" + + "
" + exports.aliases.lot + "" + exports.aliases.map + "" + exports.aliases.lot + " TypeStatus
"; + for (const lot of workOrderLots) { + const rowElement = document.createElement("tr"); + rowElement.className = "container--lot"; + rowElement.dataset.lotId = lot.lotId.toString(); + rowElement.innerHTML = + "" + + '' + + cityssm.escapeHTML(lot.lotName || "") + + "" + + "" + + ("" + cityssm.escapeHTML(lot.mapName || "") + "") + + ("" + cityssm.escapeHTML(lot.lotType || "") + "") + + ("" + + (lot.lotStatusId + ? cityssm.escapeHTML(lot.lotStatus || "") + : '(No Status)') + + "") + + ('' + + '" + + ' " + + ""); + rowElement.querySelector(".button--editLotStatus").addEventListener("click", openEditLotStatus); + rowElement.querySelector(".button--deleteLot").addEventListener("click", deleteLot); + lotsContainerElement.querySelector("tbody").append(rowElement); + } +}; +const renderRelatedLotsAndOccupancies = () => { + renderRelatedOccupancies(); + renderRelatedLots(); +}; +renderRelatedLotsAndOccupancies(); +const doAddLotOccupancy = (clickEvent) => { + const rowElement = clickEvent.currentTarget.closest("tr"); + const lotOccupancyId = rowElement.dataset.lotOccupancyId; + addLotOccupancy(lotOccupancyId, (success) => { + if (success) { + rowElement.remove(); + } + }); +}; +document.querySelector("#button--addLotOccupancy").addEventListener("click", () => { + let searchFormElement; + let searchResultsContainerElement; + const doSearch = (event) => { + if (event) { + event.preventDefault(); + } + searchResultsContainerElement.innerHTML = + '

' + + '
' + + "Searching..." + + "

"; + cityssm.postJSON(los.urlPrefix + "/lotOccupancies/doSearchLotOccupancies", searchFormElement, (responseJSON) => { + if (responseJSON.lotOccupancies.length === 0) { + searchResultsContainerElement.innerHTML = + '
' + + '

There are no records that meet the search criteria.

' + + "
"; + return; + } + searchResultsContainerElement.innerHTML = + '' + + "" + + "" + + '' + + ("") + + ("") + + "" + + "" + + ("") + + "" + + "" + + "" + + "
" + exports.aliases.occupancy + " Type" + exports.aliases.lot + "Start DateEnd Date" + exports.aliases.occupants + "
"; + for (const lotOccupancy of responseJSON.lotOccupancies) { + const rowElement = document.createElement("tr"); + rowElement.className = "container--lotOccupancy"; + rowElement.dataset.lotOccupancyId = lotOccupancy.lotOccupancyId.toString(); + rowElement.innerHTML = + '' + + '" + + "" + + ('' + + cityssm.escapeHTML(lotOccupancy.occupancyType || "") + + ""); + if (lotOccupancy.lotId) { + rowElement.insertAdjacentHTML("beforeend", "" + cityssm.escapeHTML(lotOccupancy.lotName || "") + ""); + } + else { + rowElement.insertAdjacentHTML("beforeend", "" + + '(No ' + + exports.aliases.lot + + ")" + + ""); + } + rowElement.insertAdjacentHTML("beforeend", "" + + lotOccupancy.occupancyStartDateString + + "" + + ("" + + (lotOccupancy.occupancyEndDate + ? lotOccupancy.occupancyEndDateString + : '(No End Date)') + + "") + + ("" + + (lotOccupancy.lotOccupancyOccupants.length === 0 + ? '(No ' + + cityssm.escapeHTML(exports.aliases.occupants) + + ")" + : cityssm.escapeHTML(lotOccupancy.lotOccupancyOccupants[0].occupantName) + + (lotOccupancy.lotOccupancyOccupants.length > 1 + ? " plus " + + (lotOccupancy.lotOccupancyOccupants.length - 1) + : "")) + + "")); + rowElement.querySelector(".button--addLotOccupancy").addEventListener("click", doAddLotOccupancy); + searchResultsContainerElement.querySelector("tbody").append(rowElement); + } + }); + }; + cityssm.openHtmlModal("workOrder-addLotOccupancy", { + onshow: (modalElement) => { + los.populateAliases(modalElement); + searchFormElement = modalElement.querySelector("form"); + searchResultsContainerElement = modalElement.querySelector("#resultsContainer--lotOccupancyAdd"); + modalElement.querySelector("#lotOccupancySearch--notWorkOrderId").value = workOrderId; + modalElement.querySelector("#lotOccupancySearch--occupancyEffectiveDateString").value = document.querySelector("#workOrderEdit--workOrderOpenDateString").value; + doSearch(); + }, + onshown: (modalElement) => { + bulmaJS.toggleHtmlClipped(); + modalElement.querySelector("#lotOccupancySearch--occupantName").addEventListener("change", doSearch); + modalElement.querySelector("#lotOccupancySearch--lotName").addEventListener("change", doSearch); + searchFormElement.addEventListener("submit", doSearch); + }, + onremoved: () => { + bulmaJS.toggleHtmlClipped(); + } + }); +}); +const doAddLot = (clickEvent) => { + const rowElement = clickEvent.currentTarget.closest("tr"); + const lotId = rowElement.dataset.lotId; + addLot(lotId, (success) => { + if (success) { + rowElement.remove(); + } + }); +}; +document.querySelector("#button--addLot").addEventListener("click", () => { + let searchFormElement; + let searchResultsContainerElement; + const doSearch = (event) => { + if (event) { + event.preventDefault(); + } + searchResultsContainerElement.innerHTML = + '

' + + '
' + + "Searching..." + + "

"; + cityssm.postJSON(los.urlPrefix + "/lots/doSearchLots", searchFormElement, (responseJSON) => { + if (responseJSON.lots.length === 0) { + searchResultsContainerElement.innerHTML = + '
' + + '

There are no records that meet the search criteria.

' + + "
"; + return; + } + searchResultsContainerElement.innerHTML = + '' + + "" + + "" + + '' + + ("") + + ("") + + ("") + + "" + + "" + + "" + + "" + + "
" + exports.aliases.lot + "" + exports.aliases.map + "" + exports.aliases.lot + " TypeStatus
"; + for (const lot of responseJSON.lots) { + const rowElement = document.createElement("tr"); + rowElement.className = "container--lot"; + rowElement.dataset.lotId = lot.lotId.toString(); + rowElement.innerHTML = + '' + + '" + + "" + + ('' + + cityssm.escapeHTML(lot.lotName || "") + + "") + + "" + + cityssm.escapeHTML(lot.mapName || "") + + "" + + ("" + cityssm.escapeHTML(lot.lotType || "") + "") + + ("" + cityssm.escapeHTML(lot.lotStatus || "") + ""); + rowElement.querySelector(".button--addLot").addEventListener("click", doAddLot); + searchResultsContainerElement.querySelector("tbody").append(rowElement); + } + }); + }; + cityssm.openHtmlModal("workOrder-addLot", { + onshow: (modalElement) => { + los.populateAliases(modalElement); + searchFormElement = modalElement.querySelector("form"); + searchResultsContainerElement = modalElement.querySelector("#resultsContainer--lotAdd"); + modalElement.querySelector("#lotSearch--notWorkOrderId").value = + workOrderId; + const lotStatusElement = modalElement.querySelector("#lotSearch--lotStatusId"); + for (const lotStatus of exports.lotStatuses) { + const optionElement = document.createElement("option"); + optionElement.value = lotStatus.lotStatusId.toString(); + optionElement.textContent = lotStatus.lotStatus; + lotStatusElement.append(optionElement); + } + doSearch(); + }, + onshown: (modalElement) => { + bulmaJS.toggleHtmlClipped(); + modalElement.querySelector("#lotSearch--lotName").addEventListener("change", doSearch); + modalElement.querySelector("#lotSearch--lotStatusId").addEventListener("change", doSearch); + searchFormElement.addEventListener("submit", doSearch); + }, + onremoved: () => { + bulmaJS.toggleHtmlClipped(); + } + }); +}); diff --git a/public-typescript/workOrderEdit/workOrderEditLots.ts b/public-typescript/workOrderEdit/workOrderEditLots.ts new file mode 100644 index 00000000..15807987 --- /dev/null +++ b/public-typescript/workOrderEdit/workOrderEditLots.ts @@ -0,0 +1,827 @@ +/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */ + +import type { cityssmGlobal } from "@cityssm/bulma-webapp-js/src/types"; +import type { BulmaJS } from "@cityssm/bulma-js/types"; + +import type * as globalTypes from "../../types/globalTypes"; +import type * as recordTypes from "../../types/recordTypes"; + +declare const cityssm: cityssmGlobal; +declare const bulmaJS: BulmaJS; + +declare const los: globalTypes.LOS; + +declare const workOrderId: string; + +let workOrderLots: recordTypes.Lot[] = exports.workOrderLots; +delete exports.workOrderLots; + +let workOrderLotOccupancies: recordTypes.LotOccupancy[] = exports.workOrderLotOccupancies; +delete exports.workOrderLotOccupancies; + +const deleteLotOccupancy = (clickEvent: Event) => { + const lotOccupancyId = ( + (clickEvent.currentTarget as HTMLElement).closest(".container--lotOccupancy") as HTMLElement + ).dataset.lotOccupancyId; + + const doDelete = () => { + cityssm.postJSON( + los.urlPrefix + "/workOrders/doDeleteWorkOrderLotOccupancy", + { + workOrderId, + lotOccupancyId + }, + (responseJSON: { + success: boolean; + errorMessage?: string; + workOrderLotOccupancies?: recordTypes.LotOccupancy[]; + }) => { + if (responseJSON.success) { + workOrderLotOccupancies = responseJSON.workOrderLotOccupancies!; + renderRelatedLotsAndOccupancies(); + } else { + bulmaJS.alert({ + title: "Error Deleting Relationship", + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + } + ); + }; + + bulmaJS.confirm({ + title: "Delete " + exports.aliases.lot + " " + exports.aliases.occupancy + " Relationship", + message: + "Are you sure you want to remove the relationship to this " + + exports.aliases.lot.toLowerCase() + + " " + + exports.aliases.occupancy.toLowerCase() + + " record from this work order? Note that the record will remain.", + contextualColorName: "warning", + okButton: { + text: "Yes, Delete Relationship", + callbackFunction: doDelete + } + }); +}; + +const addLot = (lotId: number | string, callbackFunction?: (success?: boolean) => void) => { + cityssm.postJSON( + los.urlPrefix + "/workOrders/doAddWorkOrderLot", + { + workOrderId, + lotId + }, + (responseJSON: { + success: boolean; + errorMessage?: string; + workOrderLots?: recordTypes.Lot[]; + }) => { + if (responseJSON.success) { + workOrderLots = responseJSON.workOrderLots!; + renderRelatedLotsAndOccupancies(); + } else { + bulmaJS.alert({ + title: "Error Adding " + exports.aliases.lot, + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + + if (callbackFunction) { + callbackFunction(responseJSON.success); + } + } + ); +}; + +const addLotOccupancy = ( + lotOccupancyId: number | string, + callbackFunction?: (success?: boolean) => void +) => { + cityssm.postJSON( + los.urlPrefix + "/workOrders/doAddWorkOrderLotOccupancy", + { + workOrderId, + lotOccupancyId + }, + (responseJSON: { + success: boolean; + errorMessage?: string; + workOrderLotOccupancies?: recordTypes.LotOccupancy[]; + }) => { + if (responseJSON.success) { + workOrderLotOccupancies = responseJSON.workOrderLotOccupancies!; + renderRelatedLotsAndOccupancies(); + } else { + bulmaJS.alert({ + title: "Error Adding " + exports.aliases.occupancy, + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + + if (callbackFunction) { + callbackFunction(responseJSON.success); + } + } + ); +}; + +const addLotFromLotOccupancy = (clickEvent: Event) => { + const lotId = (clickEvent.currentTarget as HTMLElement).dataset.lotId!; + addLot(lotId); +}; + +const renderRelatedOccupancies = () => { + const occupanciesContainerElement = document.querySelector( + "#container--lotOccupancies" + ) as HTMLElement; + + ( + document.querySelector(".tabs a[href='#relatedTab--lotOccupancies'] .tag") as HTMLElement + ).textContent = workOrderLotOccupancies.length.toString(); + + if (workOrderLotOccupancies.length === 0) { + occupanciesContainerElement.innerHTML = + '
' + + '

There are no ' + + exports.aliases.occupancies.toLowerCase() + + " associated with this work order.

" + + "
"; + + return; + } + + occupanciesContainerElement.innerHTML = + '' + + "" + + "" + + '' + + ("") + + ("") + + ("") + + "" + + ("") + + '' + + "" + + "" + + "" + + "
" + exports.aliases.occupancy + " Type" + exports.aliases.lot + "" + exports.aliases.occupancyStartDate + "End Date" + exports.aliases.occupants + "
"; + + const currentDateString = cityssm.dateToString(new Date()); + + for (const lotOccupancy of workOrderLotOccupancies) { + const rowElement = document.createElement("tr"); + rowElement.className = "container--lotOccupancy"; + rowElement.dataset.lotOccupancyId = lotOccupancy.lotOccupancyId!.toString(); + + const isActive = !( + lotOccupancy.occupancyEndDate && + lotOccupancy.occupancyEndDateString! < currentDateString + ); + + const hasLotRecord = + lotOccupancy.lotId && + workOrderLots.some((lot) => { + return lotOccupancy.lotId === lot.lotId; + }); + + rowElement.innerHTML = + '' + + (isActive + ? '' + : '') + + "" + + ("" + + '' + + cityssm.escapeHTML(lotOccupancy.occupancyType || "") + + "" + + ""); + + if (lotOccupancy.lotId) { + rowElement.insertAdjacentHTML( + "beforeend", + "" + + cityssm.escapeHTML(lotOccupancy.lotName || "") + + (hasLotRecord + ? "" + : ' ") + + "" + ); + } else { + rowElement.insertAdjacentHTML( + "beforeend", + "" + + '(No ' + + exports.aliases.lot + + ")" + + "" + ); + } + + rowElement.insertAdjacentHTML( + "beforeend", + "" + + lotOccupancy.occupancyStartDateString + + "" + + ("" + + (lotOccupancy.occupancyEndDate + ? lotOccupancy.occupancyEndDateString + : '(No End Date)') + + "") + + ("" + + (lotOccupancy.lotOccupancyOccupants!.length === 0 + ? '(No ' + + cityssm.escapeHTML(exports.aliases.occupants) + + ")" + : lotOccupancy.lotOccupancyOccupants?.reduce((soFar, occupant) => { + return ( + soFar + + '' + + ' ' + + cityssm.escapeHTML(occupant.occupantName!) + + "
" + ); + }, "")) + + "") + + ("" + + '" + + "") + ); + + if (lotOccupancy.lotId && !hasLotRecord) { + (rowElement.querySelector(".button--addLot") as HTMLButtonElement).addEventListener( + "click", + addLotFromLotOccupancy + ); + } + + ( + rowElement.querySelector(".button--deleteLotOccupancy") as HTMLButtonElement + ).addEventListener("click", deleteLotOccupancy); + + occupanciesContainerElement.querySelector("tbody")!.append(rowElement); + } +}; + +const openEditLotStatus = (clickEvent: Event) => { + const lotId = Number.parseInt( + ((clickEvent.currentTarget as HTMLElement).closest(".container--lot") as HTMLElement) + .dataset.lotId!, + 10 + ); + + const lot = workOrderLots.find((possibleLot) => { + return possibleLot.lotId === lotId; + })!; + + let editCloseModalFunction: () => void; + + const doUpdateLotStatus = (submitEvent: SubmitEvent) => { + submitEvent.preventDefault(); + + cityssm.postJSON( + los.urlPrefix + "/workOrders/doUpdateLotStatus", + submitEvent.currentTarget, + (responseJSON: { + success: boolean; + errorMessage?: string; + workOrderLots?: recordTypes.Lot[]; + }) => { + if (responseJSON.success) { + workOrderLots = responseJSON.workOrderLots!; + renderRelatedLotsAndOccupancies(); + editCloseModalFunction(); + } else { + bulmaJS.alert({ + title: "Error Deleting Relationship", + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + } + ); + }; + + cityssm.openHtmlModal("lot-editLotStatus", { + onshow: (modalElement) => { + los.populateAliases(modalElement); + + (modalElement.querySelector("#lotStatusEdit--lotId") as HTMLInputElement).value = + lotId.toString(); + + (modalElement.querySelector("#lotStatusEdit--lotName") as HTMLInputElement).value = + lot.lotName!; + + const lotStatusElement = modalElement.querySelector( + "#lotStatusEdit--lotStatusId" + ) as HTMLSelectElement; + + let lotStatusFound = false; + + for (const lotStatus of exports.lotStatuses as recordTypes.LotStatus[]) { + const optionElement = document.createElement("option"); + optionElement.value = lotStatus.lotStatusId.toString(); + optionElement.textContent = lotStatus.lotStatus; + + if (lotStatus.lotStatusId === lot.lotStatusId) { + lotStatusFound = true; + } + + lotStatusElement.append(optionElement); + } + + if (!lotStatusFound && lot.lotStatusId) { + const optionElement = document.createElement("option"); + optionElement.value = lot.lotStatusId.toString(); + optionElement.textContent = lot.lotStatus!; + lotStatusElement.append(optionElement); + } + + if (lot.lotStatusId) { + lotStatusElement.value = lot.lotStatusId.toString(); + } + + modalElement + .querySelector("form")! + .insertAdjacentHTML( + "beforeend", + '' + ); + }, + onshown: (modalElement, closeModalFunction) => { + editCloseModalFunction = closeModalFunction; + + bulmaJS.toggleHtmlClipped(); + + modalElement.querySelector("form")!.addEventListener("submit", doUpdateLotStatus); + }, + onremoved: () => { + bulmaJS.toggleHtmlClipped(); + } + }); +}; + +const deleteLot = (clickEvent: Event) => { + const lotId = ( + (clickEvent.currentTarget as HTMLElement).closest(".container--lot") as HTMLElement + ).dataset.lotId; + + const doDelete = () => { + cityssm.postJSON( + los.urlPrefix + "/workOrders/doDeleteWorkOrderLot", + { + workOrderId, + lotId + }, + (responseJSON: { + success: boolean; + errorMessage?: string; + workOrderLots?: recordTypes.Lot[]; + }) => { + if (responseJSON.success) { + workOrderLots = responseJSON.workOrderLots!; + renderRelatedLotsAndOccupancies(); + } else { + bulmaJS.alert({ + title: "Error Deleting Relationship", + message: responseJSON.errorMessage || "", + contextualColorName: "danger" + }); + } + } + ); + }; + + bulmaJS.confirm({ + title: "Delete " + exports.aliases.lot + " " + exports.aliases.occupancy + " Relationship", + message: + "Are you sure you want to remove the relationship to this " + + exports.aliases.lot.toLowerCase() + + " " + + exports.aliases.occupancy.toLowerCase() + + " record from this work order? Note that the record will remain.", + contextualColorName: "warning", + okButton: { + text: "Yes, Delete Relationship", + callbackFunction: doDelete + } + }); +}; + +const renderRelatedLots = () => { + const lotsContainerElement = document.querySelector("#container--lots") as HTMLElement; + + (document.querySelector(".tabs a[href='#relatedTab--lots'] .tag") as HTMLElement).textContent = + workOrderLots.length.toString(); + + if (workOrderLots.length === 0) { + lotsContainerElement.innerHTML = + '
' + + '

There are no ' + + exports.aliases.lots.toLowerCase() + + " associated with this work order.

" + + "
"; + + return; + } + + lotsContainerElement.innerHTML = + '' + + "" + + "" + + ("") + + ("") + + ("") + + "" + + '' + + "" + + "" + + "" + + "
" + exports.aliases.lot + "" + exports.aliases.map + "" + exports.aliases.lot + " TypeStatus
"; + + for (const lot of workOrderLots) { + const rowElement = document.createElement("tr"); + rowElement.className = "container--lot"; + + rowElement.dataset.lotId = lot.lotId.toString(); + + rowElement.innerHTML = + "" + + '' + + cityssm.escapeHTML(lot.lotName || "") + + "" + + "" + + ("" + cityssm.escapeHTML(lot.mapName || "") + "") + + ("" + cityssm.escapeHTML(lot.lotType || "") + "") + + ("" + + (lot.lotStatusId + ? cityssm.escapeHTML(lot.lotStatus || "") + : '(No Status)') + + "") + + ('' + + '" + + ' " + + ""); + + (rowElement.querySelector(".button--editLotStatus") as HTMLButtonElement).addEventListener( + "click", + openEditLotStatus + ); + + (rowElement.querySelector(".button--deleteLot") as HTMLButtonElement).addEventListener( + "click", + deleteLot + ); + + lotsContainerElement.querySelector("tbody")!.append(rowElement); + } +}; + +const renderRelatedLotsAndOccupancies = () => { + renderRelatedOccupancies(); + renderRelatedLots(); +}; + +renderRelatedLotsAndOccupancies(); + +const doAddLotOccupancy = (clickEvent: Event) => { + const rowElement = (clickEvent.currentTarget as HTMLElement).closest("tr")!; + + const lotOccupancyId = rowElement.dataset.lotOccupancyId!; + + addLotOccupancy(lotOccupancyId, (success) => { + if (success) { + rowElement.remove(); + } + }); +}; + +(document.querySelector("#button--addLotOccupancy") as HTMLButtonElement).addEventListener( + "click", + () => { + let searchFormElement: HTMLFormElement; + let searchResultsContainerElement: HTMLElement; + + const doSearch = (event?: Event) => { + if (event) { + event.preventDefault(); + } + + searchResultsContainerElement.innerHTML = + '

' + + '
' + + "Searching..." + + "

"; + + cityssm.postJSON( + los.urlPrefix + "/lotOccupancies/doSearchLotOccupancies", + searchFormElement, + (responseJSON: { lotOccupancies: recordTypes.LotOccupancy[] }) => { + if (responseJSON.lotOccupancies.length === 0) { + searchResultsContainerElement.innerHTML = + '
' + + '

There are no records that meet the search criteria.

' + + "
"; + + return; + } + + searchResultsContainerElement.innerHTML = + '' + + "" + + "" + + '' + + ("") + + ("") + + "" + + "" + + ("") + + "" + + "" + + "" + + "
" + exports.aliases.occupancy + " Type" + exports.aliases.lot + "Start DateEnd Date" + exports.aliases.occupants + "
"; + + for (const lotOccupancy of responseJSON.lotOccupancies) { + const rowElement = document.createElement("tr"); + rowElement.className = "container--lotOccupancy"; + rowElement.dataset.lotOccupancyId = lotOccupancy.lotOccupancyId!.toString(); + + rowElement.innerHTML = + '' + + '" + + "" + + ('' + + cityssm.escapeHTML(lotOccupancy.occupancyType || "") + + ""); + + if (lotOccupancy.lotId) { + rowElement.insertAdjacentHTML( + "beforeend", + "" + cityssm.escapeHTML(lotOccupancy.lotName || "") + "" + ); + } else { + rowElement.insertAdjacentHTML( + "beforeend", + "" + + '(No ' + + exports.aliases.lot + + ")" + + "" + ); + } + + rowElement.insertAdjacentHTML( + "beforeend", + "" + + lotOccupancy.occupancyStartDateString + + "" + + ("" + + (lotOccupancy.occupancyEndDate + ? lotOccupancy.occupancyEndDateString + : '(No End Date)') + + "") + + ("" + + (lotOccupancy.lotOccupancyOccupants!.length === 0 + ? '(No ' + + cityssm.escapeHTML(exports.aliases.occupants) + + ")" + : cityssm.escapeHTML( + lotOccupancy.lotOccupancyOccupants![0].occupantName! + ) + + (lotOccupancy.lotOccupancyOccupants!.length > 1 + ? " plus " + + (lotOccupancy.lotOccupancyOccupants!.length - 1) + : "")) + + "") + ); + + ( + rowElement.querySelector( + ".button--addLotOccupancy" + ) as HTMLButtonElement + ).addEventListener("click", doAddLotOccupancy); + + searchResultsContainerElement.querySelector("tbody")!.append(rowElement); + } + } + ); + }; + + cityssm.openHtmlModal("workOrder-addLotOccupancy", { + onshow: (modalElement) => { + los.populateAliases(modalElement); + + searchFormElement = modalElement.querySelector("form")!; + + searchResultsContainerElement = modalElement.querySelector( + "#resultsContainer--lotOccupancyAdd" + ) as HTMLElement; + + ( + modalElement.querySelector( + "#lotOccupancySearch--notWorkOrderId" + ) as HTMLInputElement + ).value = workOrderId; + + ( + modalElement.querySelector( + "#lotOccupancySearch--occupancyEffectiveDateString" + ) as HTMLInputElement + ).value = ( + document.querySelector( + "#workOrderEdit--workOrderOpenDateString" + ) as HTMLInputElement + ).value; + + doSearch(); + }, + onshown: (modalElement) => { + bulmaJS.toggleHtmlClipped(); + + ( + modalElement.querySelector( + "#lotOccupancySearch--occupantName" + ) as HTMLInputElement + ).addEventListener("change", doSearch); + + ( + modalElement.querySelector("#lotOccupancySearch--lotName") as HTMLInputElement + ).addEventListener("change", doSearch); + + searchFormElement.addEventListener("submit", doSearch); + }, + onremoved: () => { + bulmaJS.toggleHtmlClipped(); + } + }); + } +); + +const doAddLot = (clickEvent: Event) => { + const rowElement = (clickEvent.currentTarget as HTMLElement).closest("tr")!; + + const lotId = rowElement.dataset.lotId!; + + addLot(lotId, (success) => { + if (success) { + rowElement.remove(); + } + }); +}; + +(document.querySelector("#button--addLot") as HTMLButtonElement).addEventListener("click", () => { + let searchFormElement: HTMLFormElement; + let searchResultsContainerElement: HTMLElement; + + const doSearch = (event?: Event) => { + if (event) { + event.preventDefault(); + } + + searchResultsContainerElement.innerHTML = + '

' + + '
' + + "Searching..." + + "

"; + + cityssm.postJSON( + los.urlPrefix + "/lots/doSearchLots", + searchFormElement, + (responseJSON: { lots: recordTypes.Lot[] }) => { + if (responseJSON.lots.length === 0) { + searchResultsContainerElement.innerHTML = + '
' + + '

There are no records that meet the search criteria.

' + + "
"; + + return; + } + + searchResultsContainerElement.innerHTML = + '' + + "" + + "" + + '' + + ("") + + ("") + + ("") + + "" + + "" + + "" + + "" + + "
" + exports.aliases.lot + "" + exports.aliases.map + "" + exports.aliases.lot + " TypeStatus
"; + + for (const lot of responseJSON.lots) { + const rowElement = document.createElement("tr"); + rowElement.className = "container--lot"; + rowElement.dataset.lotId = lot.lotId.toString(); + + rowElement.innerHTML = + '' + + '" + + "" + + ('' + + cityssm.escapeHTML(lot.lotName || "") + + "") + + "" + + cityssm.escapeHTML(lot.mapName || "") + + "" + + ("" + cityssm.escapeHTML(lot.lotType || "") + "") + + ("" + cityssm.escapeHTML(lot.lotStatus || "") + ""); + + ( + rowElement.querySelector(".button--addLot") as HTMLButtonElement + ).addEventListener("click", doAddLot); + + searchResultsContainerElement.querySelector("tbody")!.append(rowElement); + } + } + ); + }; + + cityssm.openHtmlModal("workOrder-addLot", { + onshow: (modalElement) => { + los.populateAliases(modalElement); + + searchFormElement = modalElement.querySelector("form")!; + + searchResultsContainerElement = modalElement.querySelector( + "#resultsContainer--lotAdd" + ) as HTMLElement; + + (modalElement.querySelector("#lotSearch--notWorkOrderId") as HTMLInputElement).value = + workOrderId; + + const lotStatusElement = modalElement.querySelector( + "#lotSearch--lotStatusId" + ) as HTMLSelectElement; + + for (const lotStatus of exports.lotStatuses as recordTypes.LotStatus[]) { + const optionElement = document.createElement("option"); + optionElement.value = lotStatus.lotStatusId.toString(); + optionElement.textContent = lotStatus.lotStatus; + lotStatusElement.append(optionElement); + } + + doSearch(); + }, + onshown: (modalElement) => { + bulmaJS.toggleHtmlClipped(); + + ( + modalElement.querySelector("#lotSearch--lotName") as HTMLInputElement + ).addEventListener("change", doSearch); + + ( + modalElement.querySelector("#lotSearch--lotStatusId") as HTMLSelectElement + ).addEventListener("change", doSearch); + + searchFormElement.addEventListener("submit", doSearch); + }, + onremoved: () => { + bulmaJS.toggleHtmlClipped(); + } + }); +}); diff --git a/public/javascripts/lotOccupancyEdit.min.js b/public/javascripts/lotOccupancyEdit.min.js index b8c58b4e..3733288e 100644 --- a/public/javascripts/lotOccupancyEdit.min.js +++ b/public/javascripts/lotOccupancyEdit.min.js @@ -1 +1 @@ -"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),(()=>{var e,t,c;const a=exports.los,o=document.querySelector("#lotOccupancy--lotOccupancyId").value,n=""===o;let s=!1,l=n;const r=()=>{s||(s=!0,cityssm.enableNavBlocker())},i=document.querySelector("#form--lotOccupancy");i.addEventListener("submit",e=>{e.preventDefault(),cityssm.postJSON(a.urlPrefix+"/lotOccupancies/"+(n?"doCreateLotOccupancy":"doUpdateLotOccupancy"),i,e=>{e.success?(s=!1,cityssm.disableNavBlocker(),n||l?window.location.href=a.urlPrefix+"/lotOccupancies/"+e.lotOccupancyId+"/edit?t="+Date.now():bulmaJS.alert({message:exports.aliases.occupancy+" Updated Successfully",contextualColorName:"success"})):bulmaJS.alert({title:"Error Saving "+exports.aliases.occupancy,message:e.errorMessage||"",contextualColorName:"danger"})})});const u=i.querySelectorAll("input, select");for(const e of u)e.addEventListener("change",r);if(!n){const n=()=>{cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doCopyLotOccupancy",{lotOccupancyId:o},e=>{var t;e.success?(cityssm.disableNavBlocker(),window.location.href=a.urlPrefix+"/lotOccupancies/"+(null===(t=e.lotOccupancyId)||void 0===t?void 0:t.toString())+"/edit"):bulmaJS.alert({title:"Error Copying Record",message:e.errorMessage||"",contextualColorName:"danger"})})};null===(e=document.querySelector("#button--copyLotOccupancy"))||void 0===e||e.addEventListener("click",e=>{e.preventDefault(),s?bulmaJS.alert({title:"Unsaved Changes",message:"Please save all unsaved changes before continuing.",contextualColorName:"warning"}):bulmaJS.confirm({title:"Copy "+exports.aliases.occupancy+" Record as New",message:"Are you sure you want to copy this record to a new record?",contextualColorName:"info",okButton:{text:"Yes, Copy",callbackFunction:n}})}),null===(t=document.querySelector("#button--deleteLotOccupancy"))||void 0===t||t.addEventListener("click",e=>{e.preventDefault();bulmaJS.confirm({title:"Delete "+exports.aliases.occupancy+" Record",message:"Are you sure you want to delete this record?",contextualColorName:"warning",okButton:{text:"Yes, Delete",callbackFunction:()=>{cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doDeleteLotOccupancy",{lotOccupancyId:o},e=>{e.success?(cityssm.disableNavBlocker(),window.location.href=a.urlPrefix+"/lotOccupancies?t="+Date.now()):bulmaJS.alert({title:"Error Deleting Record",message:e.errorMessage||"",contextualColorName:"danger"})})}}})}),null===(c=document.querySelector("#button--createWorkOrder"))||void 0===c||c.addEventListener("click",e=>{let t;e.preventDefault();const c=e=>{e.preventDefault(),cityssm.postJSON(a.urlPrefix+"/workOrders/doCreateWorkOrder",e.currentTarget,e=>{e.success?(t(),bulmaJS.confirm({title:"Work Order Created Successfully",message:"Would you like to open the work order now?",contextualColorName:"success",okButton:{text:"Yes, Open the Work Order",callbackFunction:()=>{window.location.href=a.urlPrefix+"/workOrders/"+e.workOrderId+"/edit"}}})):bulmaJS.alert({title:"Error Creating Work Order",message:e.errorMessage,contextualColorName:"danger"})})};cityssm.openHtmlModal("lotOccupancy-createWorkOrder",{onshow:e=>{e.querySelector("#workOrderCreate--lotOccupancyId").value=o,e.querySelector("#workOrderCreate--workOrderOpenDateString").value=cityssm.dateToString(new Date);const t=e.querySelector("#workOrderCreate--workOrderTypeId"),c=exports.workOrderTypes;1===c.length&&(t.innerHTML="");for(const e of c){const c=document.createElement("option");c.value=e.workOrderTypeId.toString(),c.textContent=e.workOrderType,t.append(c)}},onshown:(e,a)=>{var o;t=a,null===(o=e.querySelector("form"))||void 0===o||o.addEventListener("submit",c)}})})}const d=document.querySelector("#lotOccupancy--occupancyTypeId");if(n){const e=document.querySelector("#container--lotOccupancyFields");d.addEventListener("change",()=>{""!==d.value?cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doGetOccupancyTypeFields",{occupancyTypeId:d.value},t=>{if(0===t.occupancyTypeFields.length)return void(e.innerHTML='

There are no additional fields for this '+exports.aliases.occupancy.toLowerCase()+" type.

");e.innerHTML="";let c="";for(const a of t.occupancyTypeFields){c+=","+a.occupancyTypeFieldId;const t="lotOccupancyFieldValue_"+a.occupancyTypeFieldId,o="lotOccupancy--"+t,n=document.createElement("div");if(n.className="field",n.innerHTML='
',n.querySelector("label").textContent=a.occupancyTypeField,""===a.occupancyTypeFieldValues){const e=document.createElement("input");e.className="input",e.id=o,e.name=t,e.type="text",e.required=a.isRequired,e.minLength=a.minimumLength,e.maxLength=a.maximumLength,a.pattern&&""!==a.pattern&&(e.pattern=a.pattern),n.querySelector(".control").append(e)}else{n.querySelector(".control").innerHTML='
';const e=n.querySelector("select");e.required=a.isRequired;const c=a.occupancyTypeFieldValues.split("\n");for(const t of c){const c=document.createElement("option");c.value=t,c.textContent=t,e.append(c)}}e.append(n)}e.insertAdjacentHTML("beforeend",'')}):e.innerHTML='

Select the '+exports.aliases.occupancy.toLowerCase()+" type to load the available fields.

"})}else{const e=d.value;d.addEventListener("change",()=>{d.value!==e&&bulmaJS.confirm({title:"Confirm Change",message:"Are you sure you want to change the "+exports.aliases.occupancy.toLowerCase()+" type?\nThis change affects the additional fields associated with this record, and may also affect the available fees.",contextualColorName:"warning",okButton:{text:"Yes, Keep the Change",callbackFunction:()=>{l=!0}},cancelButton:{text:"Revert the Change",callbackFunction:()=>{d.value=e}}})})}const p=document.querySelector("#lotOccupancy--lotName");if(p.addEventListener("click",e=>{const t=e.currentTarget.value;let c,o,n,s;const l=(e,t)=>{document.querySelector("#lotOccupancy--lotId").value=e.toString(),document.querySelector("#lotOccupancy--lotName").value=t,r(),c()},i=e=>{e.preventDefault();const t=e.currentTarget;l(t.dataset.lotId,t.dataset.lotName)},u=()=>{s.innerHTML='


Searching...

',cityssm.postJSON(a.urlPrefix+"/lots/doSearchLots",n,e=>{if(0===e.count)return void(s.innerHTML='

No results.

');const t=document.createElement("div");t.className="panel";for(const c of e.lots){const e=document.createElement("a");e.className="panel-block is-block",e.href="#",e.dataset.lotId=c.lotId.toString(),e.dataset.lotName=c.lotName,e.innerHTML='
'+cityssm.escapeHTML(c.lotName||"")+'
'+cityssm.escapeHTML(c.mapName||"")+'
'+cityssm.escapeHTML(c.lotStatus)+'
'+(c.lotOccupancyCount>0?"Currently Occupied":"")+"
",e.addEventListener("click",i),t.append(e)}s.innerHTML="",s.append(t)})},d=e=>{e.preventDefault();const t=o.querySelector("#lotCreate--lotName").value;cityssm.postJSON(a.urlPrefix+"/lots/doCreateLot",e.currentTarget,e=>{e.success?l(e.lotId,t):bulmaJS.alert({title:"Error Creating "+exports.aliases.lot,message:e.errorMessage||"",contextualColorName:"danger"})})};cityssm.openHtmlModal("lotOccupancy-selectLot",{onshow:e=>{a.populateAliases(e)},onshown:(e,a)=>{bulmaJS.toggleHtmlClipped(),o=e,c=a,bulmaJS.init(e);const l=e.querySelector("#lotSelect--lotName");""!==document.querySelector("#lotOccupancy--lotId").value&&(l.value=t),l.focus(),l.addEventListener("change",u);const r=e.querySelector("#lotSelect--occupancyStatus");if(r.addEventListener("change",u),""!==t&&(r.value=""),n=e.querySelector("#form--lotSelect"),s=e.querySelector("#resultsContainer--lotSelect"),n.addEventListener("submit",e=>{e.preventDefault()}),u(),exports.lotNamePattern){const t=exports.lotNamePattern;e.querySelector("#lotCreate--lotName").pattern=t.source}const i=e.querySelector("#lotCreate--lotTypeId");for(const e of exports.lotTypes){const t=document.createElement("option");t.value=e.lotTypeId.toString(),t.textContent=e.lotType,i.append(t)}const p=e.querySelector("#lotCreate--lotStatusId");for(const e of exports.lotStatuses){const t=document.createElement("option");t.value=e.lotStatusId.toString(),t.textContent=e.lotStatus,p.append(t)}const m=e.querySelector("#lotCreate--mapId");for(const e of exports.maps){const t=document.createElement("option");t.value=e.mapId.toString(),t.textContent=e.mapName||"(No Name)",m.append(t)}e.querySelector("#form--lotCreate").addEventListener("submit",d)},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})}),document.querySelector(".is-lot-view-button").addEventListener("click",()=>{const e=document.querySelector("#lotOccupancy--lotId").value;e?window.open(a.urlPrefix+"/lots/"+e):bulmaJS.alert({message:"No "+exports.aliases.lot.toLowerCase()+" selected.",contextualColorName:"info"})}),document.querySelector(".is-clear-lot-button").addEventListener("click",()=>{p.disabled?bulmaJS.alert({message:"You need to unlock the field before clearing it.",contextualColorName:"info"}):(p.value="(No "+exports.aliases.lot+")",document.querySelector("#lotOccupancy--lotId").value="",r())}),a.initializeDatePickers(i),document.querySelector("#lotOccupancy--occupancyStartDateString").addEventListener("change",()=>{const e=document.querySelector("#lotOccupancy--occupancyEndDateString").bulmaCalendar.datePicker;e.min=document.querySelector("#lotOccupancy--occupancyStartDateString").value,e.refresh()}),a.initializeUnlockFieldButtons(i),n){const e=document.querySelector("#lotOccupancy--lotOccupantTypeId");e.addEventListener("change",()=>{const t=i.querySelectorAll("[data-table='LotOccupancyOccupant']");for(const c of t)c.disabled=""===e.value})}else{let e=exports.lotOccupancyOccupants;delete exports.lotOccupancyOccupants;const t=t=>{const c=Number.parseInt(t.currentTarget.closest("tr").dataset.lotOccupantIndex,10),s=e.find(e=>e.lotOccupantIndex===c);let l,r;const i=t=>{t.preventDefault(),cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doUpdateLotOccupancyOccupant",l,t=>{t.success?(e=t.lotOccupancyOccupants,r(),n()):bulmaJS.alert({title:"Error Updating "+exports.aliases.occupant,message:t.errorMessage||"",contextualColorName:"danger"})})};cityssm.openHtmlModal("lotOccupancy-editOccupant",{onshow:e=>{a.populateAliases(e),e.querySelector("#lotOccupancyOccupantEdit--lotOccupancyId").value=o,e.querySelector("#lotOccupancyOccupantEdit--lotOccupantIndex").value=c.toString();const t=e.querySelector("#lotOccupancyOccupantEdit--lotOccupantTypeId");let n=!1;for(const e of exports.lotOccupantTypes){const c=document.createElement("option");c.value=e.lotOccupantTypeId.toString(),c.textContent=e.lotOccupantType,e.lotOccupantTypeId===s.lotOccupantTypeId&&(c.selected=!0,n=!0),t.append(c)}if(!n){const e=document.createElement("option");e.value=s.lotOccupantTypeId.toString(),e.textContent=s.lotOccupantType,e.selected=!0,t.append(e)}e.querySelector("#lotOccupancyOccupantEdit--occupantName").value=s.occupantName,e.querySelector("#lotOccupancyOccupantEdit--occupantAddress1").value=s.occupantAddress1,e.querySelector("#lotOccupancyOccupantEdit--occupantAddress2").value=s.occupantAddress2,e.querySelector("#lotOccupancyOccupantEdit--occupantCity").value=s.occupantCity,e.querySelector("#lotOccupancyOccupantEdit--occupantProvince").value=s.occupantProvince,e.querySelector("#lotOccupancyOccupantEdit--occupantPostalCode").value=s.occupantPostalCode,e.querySelector("#lotOccupancyOccupantEdit--occupantPhoneNumber").value=s.occupantPhoneNumber,e.querySelector("#lotOccupancyOccupantEdit--occupantEmailAddress").value=s.occupantEmailAddress,e.querySelector("#lotOccupancyOccupantEdit--occupantComment").value=s.occupantComment},onshown:(e,t)=>{bulmaJS.toggleHtmlClipped(),e.querySelector("#lotOccupancyOccupantEdit--lotOccupantTypeId").focus(),(l=e.querySelector("form")).addEventListener("submit",i),r=t},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})},c=t=>{const c=t.currentTarget.closest("tr").dataset.lotOccupantIndex;bulmaJS.confirm({title:"Remove "+exports.aliases.occupant+"?",message:"Are you sure you want to remove this "+exports.aliases.occupant.toLowerCase()+"?",okButton:{text:"Yes, Remove "+exports.aliases.occupant,callbackFunction:()=>{cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doDeleteLotOccupancyOccupant",{lotOccupancyId:o,lotOccupantIndex:c},t=>{t.success?(e=t.lotOccupancyOccupants,n()):bulmaJS.alert({title:"Error Removing "+exports.aliases.occupant,message:t.errorMessage||"",contextualColorName:"danger"})})}},contextualColorName:"warning"})},n=()=>{const a=document.querySelector("#container--lotOccupancyOccupants");if(cityssm.clearElement(a),0===e.length)return void(a.innerHTML='

There are no '+exports.aliases.occupants.toLowerCase()+" associated with this record.

");const o=document.createElement("table");o.className="table is-fullwidth is-striped is-hoverable",o.innerHTML=""+exports.aliases.occupant+'AddressOther ContactCommentOptions';for(const a of e){const e=document.createElement("tr");e.dataset.lotOccupantIndex=a.lotOccupantIndex.toString(),e.innerHTML=""+cityssm.escapeHTML(a.occupantName||"(No Name)")+'
'+cityssm.escapeHTML(a.lotOccupantType)+""+(a.occupantAddress1?cityssm.escapeHTML(a.occupantAddress1)+"
":"")+(a.occupantAddress2?cityssm.escapeHTML(a.occupantAddress2)+"
":"")+(a.occupantCity?cityssm.escapeHTML(a.occupantCity)+", ":"")+cityssm.escapeHTML(a.occupantProvince||"")+"
"+cityssm.escapeHTML(a.occupantPostalCode||"")+""+(a.occupantPhoneNumber?cityssm.escapeHTML(a.occupantPhoneNumber)+"
":"")+(a.occupantEmailAddress?cityssm.escapeHTML(a.occupantEmailAddress):"")+""+cityssm.escapeHTML(a.occupantComment)+'
',e.querySelector(".button--edit").addEventListener("click",t),e.querySelector(".button--delete").addEventListener("click",c),o.querySelector("tbody").append(e)}a.append(o)};document.querySelector("#button--addOccupant").addEventListener("click",()=>{let t,c,s,l;const r=c=>{cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doAddLotOccupancyOccupant",c,c=>{c.success?(e=c.lotOccupancyOccupants,t(),n()):bulmaJS.alert({title:"Error Adding "+exports.aliases.occupant,message:c.errorMessage||"",contextualColorName:"danger"})})},i=e=>{e.preventDefault(),r(c)};let u=[];const d=e=>{e.preventDefault();const t=e.currentTarget,c=u[Number.parseInt(t.dataset.index,10)],a=t.closest(".modal").querySelector("#lotOccupancyOccupantCopy--lotOccupantTypeId").value;""===a?bulmaJS.alert({title:"No "+exports.aliases.occupant+" Type Selected",message:"Select a type to apply to the newly added "+exports.aliases.occupant.toLowerCase()+".",contextualColorName:"warning"}):(c.lotOccupantTypeId=Number.parseInt(a,10),c.lotOccupancyId=Number.parseInt(o,10),r(c))},p=e=>{e.preventDefault(),""!==s.querySelector("#lotOccupancyOccupantCopy--searchFilter").value?(l.innerHTML='

Searching...
',cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doSearchPastOccupants",s,e=>{u=e.occupants;const t=document.createElement("div");t.className="panel";for(const[e,c]of u.entries()){const a=document.createElement("a");a.className="panel-block is-block",a.dataset.index=e.toString(),a.innerHTML=""+cityssm.escapeHTML(c.occupantName||"")+'
'+cityssm.escapeHTML(c.occupantAddress1||"")+"
"+(c.occupantAddress2?cityssm.escapeHTML(c.occupantAddress2)+"
":"")+cityssm.escapeHTML(c.occupantCity||"")+", "+cityssm.escapeHTML(c.occupantProvince||"")+"
"+cityssm.escapeHTML(c.occupantPostalCode||"")+'
'+(c.occupantPhoneNumber?cityssm.escapeHTML(c.occupantPhoneNumber)+"
":"")+cityssm.escapeHTML(c.occupantEmailAddress||"")+"
",a.addEventListener("click",d),t.append(a)}l.innerHTML="",l.append(t)})):l.innerHTML='

Enter a partial name or address in the search field above.

'};cityssm.openHtmlModal("lotOccupancy-addOccupant",{onshow:e=>{a.populateAliases(e),e.querySelector("#lotOccupancyOccupantAdd--lotOccupancyId").value=o;const t=e.querySelector("#lotOccupancyOccupantAdd--lotOccupantTypeId"),c=e.querySelector("#lotOccupancyOccupantCopy--lotOccupantTypeId");for(const e of exports.lotOccupantTypes){const a=document.createElement("option");a.value=e.lotOccupantTypeId.toString(),a.textContent=e.lotOccupantType,t.append(a),c.append(a.cloneNode(!0))}e.querySelector("#lotOccupancyOccupantAdd--occupantCity").value=exports.occupantCityDefault,e.querySelector("#lotOccupancyOccupantAdd--occupantProvince").value=exports.occupantProvinceDefault},onshown:(e,a)=>{bulmaJS.toggleHtmlClipped(),bulmaJS.init(e),e.querySelector("#lotOccupancyOccupantAdd--lotOccupantTypeId").focus(),(c=e.querySelector("#form--lotOccupancyOccupantAdd")).addEventListener("submit",i),l=e.querySelector("#lotOccupancyOccupantCopy--searchResults"),(s=e.querySelector("#form--lotOccupancyOccupantCopy")).addEventListener("submit",e=>{e.preventDefault()}),e.querySelector("#lotOccupancyOccupantCopy--searchFilter").addEventListener("change",p),t=a},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})}),n()}if(!n){Object.defineProperty(exports,"__esModule",{value:!0});let e=exports.lotOccupancyComments;delete exports.lotOccupancyComments;const t=t=>{const c=Number.parseInt(t.currentTarget.closest("tr").dataset.lotOccupancyCommentId,10),s=e.find(e=>e.lotOccupancyCommentId===c);let l,r;const i=t=>{t.preventDefault(),cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doUpdateLotOccupancyComment",l,t=>{t.success?(e=t.lotOccupancyComments,r(),n()):bulmaJS.alert({title:"Error Updating Comment",message:t.errorMessage||"",contextualColorName:"danger"})})};cityssm.openHtmlModal("lotOccupancy-editComment",{onshow:e=>{a.populateAliases(e),e.querySelector("#lotOccupancyCommentEdit--lotOccupancyId").value=o,e.querySelector("#lotOccupancyCommentEdit--lotOccupancyCommentId").value=c.toString(),e.querySelector("#lotOccupancyCommentEdit--lotOccupancyComment").value=s.lotOccupancyComment;const t=e.querySelector("#lotOccupancyCommentEdit--lotOccupancyCommentDateString");t.value=s.lotOccupancyCommentDateString;const n=cityssm.dateToString(new Date);t.max=s.lotOccupancyCommentDateString<=n?n:s.lotOccupancyCommentDateString,e.querySelector("#lotOccupancyCommentEdit--lotOccupancyCommentTimeString").value=s.lotOccupancyCommentTimeString},onshown:(e,t)=>{bulmaJS.toggleHtmlClipped(),a.initializeDatePickers(e),e.querySelector("#lotOccupancyCommentEdit--lotOccupancyComment").focus(),(l=e.querySelector("form")).addEventListener("submit",i),r=t},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})},c=t=>{const c=Number.parseInt(t.currentTarget.closest("tr").dataset.lotOccupancyCommentId,10);bulmaJS.confirm({title:"Remove Comment?",message:"Are you sure you want to remove this comment?",okButton:{text:"Yes, Remove Comment",callbackFunction:()=>{cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doDeleteLotOccupancyComment",{lotOccupancyId:o,lotOccupancyCommentId:c},t=>{t.success?(e=t.lotOccupancyComments,n()):bulmaJS.alert({title:"Error Removing Comment",message:t.errorMessage||"",contextualColorName:"danger"})})}},contextualColorName:"warning"})},n=()=>{const a=document.querySelector("#container--lotOccupancyComments");if(0===e.length)return void(a.innerHTML='

There are no comments associated with this record.

');const o=document.createElement("table");o.className="table is-fullwidth is-striped is-hoverable",o.innerHTML='CommentorComment DateCommentOptions';for(const a of e){const e=document.createElement("tr");e.dataset.lotOccupancyCommentId=a.lotOccupancyCommentId.toString(),e.innerHTML=""+cityssm.escapeHTML(a.recordCreate_userName||"")+""+a.lotOccupancyCommentDateString+(0===a.lotOccupancyCommentTime?"":" "+a.lotOccupancyCommentTimeString)+""+cityssm.escapeHTML(a.lotOccupancyComment||"")+'
',e.querySelector(".button--edit").addEventListener("click",t),e.querySelector(".button--delete").addEventListener("click",c),o.querySelector("tbody").append(e)}a.innerHTML="",a.append(o)};document.querySelector("#button--addComment").addEventListener("click",()=>{let t,c;const s=o=>{o.preventDefault(),cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doAddLotOccupancyComment",t,t=>{t.success?(e=t.lotOccupancyComments,c(),n()):bulmaJS.alert({title:"Error Adding Comment",message:t.errorMessage||"",contextualColorName:"danger"})})};cityssm.openHtmlModal("lotOccupancy-addComment",{onshow:e=>{a.populateAliases(e),e.querySelector("#lotOccupancyCommentAdd--lotOccupancyId").value=o},onshown:(e,a)=>{bulmaJS.toggleHtmlClipped(),e.querySelector("#lotOccupancyCommentAdd--lotOccupancyComment").focus(),(t=e.querySelector("form")).addEventListener("submit",s),c=a},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})}),n()}if(!n){Object.defineProperty(exports,"__esModule",{value:!0});let e=exports.lotOccupancyFees;delete exports.lotOccupancyFees;const t=document.querySelector("#container--lotOccupancyFees"),c=()=>{let t=0;for(const c of e)t+=(c.feeAmount+c.taxAmount)*c.quantity;return t},n=t=>{const c=t.currentTarget.closest(".container--lotOccupancyFee").dataset.feeId;bulmaJS.confirm({title:"Delete Fee",message:"Are you sure you want to delete this fee?",contextualColorName:"warning",okButton:{text:"Yes, Delete Fee",callbackFunction:()=>{cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doDeleteLotOccupancyFee",{lotOccupancyId:o,feeId:c},t=>{t.success?(e=t.lotOccupancyFees,l()):bulmaJS.alert({title:"Error Deleting Fee",message:t.errorMessage||"",contextualColorName:"danger"})})}}})},l=()=>{if(0===e.length)return t.innerHTML='

There are no fees associated with this record.

',void p();t.innerHTML='
FeeUnit Cost×QuantityequalsTotalOptions
Subtotal
Tax
Grand Total
';let c=0,a=0;for(const o of e){const e=document.createElement("tr");e.className="container--lotOccupancyFee",e.dataset.feeId=o.feeId.toString(),e.dataset.includeQuantity=o.includeQuantity?"1":"0",e.innerHTML=''+cityssm.escapeHTML(o.feeName||"")+""+(1===o.quantity?"":'$'+o.feeAmount.toFixed(2)+'×'+o.quantity+"=")+'$'+(o.feeAmount*o.quantity).toFixed(2)+'',e.querySelector("button").addEventListener("click",n),t.querySelector("tbody").append(e),c+=o.feeAmount*o.quantity,a+=o.taxAmount*o.quantity}t.querySelector("#lotOccupancyFees--feeAmountTotal").textContent="$"+c.toFixed(2),t.querySelector("#lotOccupancyFees--taxAmountTotal").textContent="$"+a.toFixed(2),t.querySelector("#lotOccupancyFees--grandTotal").textContent="$"+(c+a).toFixed(2),p()};document.querySelector("#button--addFee").addEventListener("click",()=>{if(s)return void bulmaJS.alert({message:"Please save all unsaved changes before adding fees.",contextualColorName:"warning"});let c,n,r;const i=(t,c=1)=>{cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doAddLotOccupancyFee",{lotOccupancyId:o,feeId:t,quantity:c},t=>{t.success?(e=t.lotOccupancyFees,l(),d()):bulmaJS.alert({title:"Error Adding Fee",message:t.errorMessage||"",contextualColorName:"danger"})})},u=e=>{e.preventDefault();const t=Number.parseInt(e.currentTarget.dataset.feeId,10),a=Number.parseInt(e.currentTarget.closest(".container--feeCategory").dataset.feeCategoryId,10),o=c.find(e=>e.feeCategoryId===a).fees.find(e=>e.feeId===t);o.includeQuantity?(e=>{let t,c;const a=a=>{a.preventDefault(),i(e.feeId,t.value),c()};cityssm.openHtmlModal("lotOccupancy-setFeeQuantity",{onshow:t=>{t.querySelector("#lotOccupancyFeeQuantity--quantityUnit").textContent=e.quantityUnit},onshown:(e,o)=>{c=o,t=e.querySelector("#lotOccupancyFeeQuantity--quantity"),e.querySelector("form").addEventListener("submit",a)}})})(o):i(t)},d=()=>{const e=n.value.trim().toLowerCase().split(" ");r.innerHTML="";for(const a of c){const c=document.createElement("div");c.className="container--feeCategory",c.dataset.feeCategoryId=a.feeCategoryId.toString(),c.innerHTML='

'+cityssm.escapeHTML(a.feeCategory||"")+'

';let o=!1;for(const n of a.fees){if(t.querySelector(".container--lotOccupancyFee[data-fee-id='"+n.feeId+"'][data-include-quantity='0']"))continue;let a=!0;for(const t of e)if(!n.feeName.toLowerCase().includes(t)){a=!1;break}if(!a)continue;o=!0;const s=document.createElement("a");s.className="panel-block is-block container--fee",s.dataset.feeId=n.feeId.toString(),s.href="#",s.innerHTML=""+cityssm.escapeHTML(n.feeName||"")+"
"+cityssm.escapeHTML(n.feeDescription||"").replace(/\n/g,"
")+"
",s.addEventListener("click",u),c.querySelector(".panel").append(s)}o&&r.append(c)}};cityssm.openHtmlModal("lotOccupancy-addFee",{onshow:e=>{n=e.querySelector("#feeSelect--feeName"),r=e.querySelector("#resultsContainer--feeSelect"),cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doGetFees",{lotOccupancyId:o},e=>{c=e.feeCategories,n.disabled=!1,n.addEventListener("keyup",d),n.focus(),d()})},onshown:()=>{bulmaJS.toggleHtmlClipped()},onhidden:()=>{l()},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})});let r=exports.lotOccupancyTransactions;delete exports.lotOccupancyTransactions;const i=document.querySelector("#container--lotOccupancyTransactions"),u=()=>{let e=0;for(const t of r)e+=t.transactionAmount;return e},d=e=>{const t=e.currentTarget.closest(".container--lotOccupancyTransaction").dataset.transactionIndex;bulmaJS.confirm({title:"Delete Trasnaction",message:"Are you sure you want to delete this transaction?",contextualColorName:"warning",okButton:{text:"Yes, Delete Transaction",callbackFunction:()=>{cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doDeleteLotOccupancyTransaction",{lotOccupancyId:o,transactionIndex:t},e=>{e.success?(r=e.lotOccupancyTransactions,p()):bulmaJS.alert({title:"Error Deleting Transaction",message:e.errorMessage||"",contextualColorName:"danger"})})}}})},p=()=>{if(0===r.length)return void(i.innerHTML='

There are no transactions associated with this record.

');i.innerHTML='
Date'+cityssm.escapeHTML(exports.aliases.externalReceiptNumber)+'AmountOptions
Transaction Total
';let t=0;for(const e of r){t+=e.transactionAmount;const c=document.createElement("tr");c.className="container--lotOccupancyTransaction",c.dataset.transactionIndex=e.transactionIndex.toString(),c.innerHTML=""+e.transactionDateString+""+cityssm.escapeHTML(e.externalReceiptNumber||"")+"
"+cityssm.escapeHTML(e.transactionNote||"")+'$'+e.transactionAmount.toFixed(2)+'',c.querySelector("button").addEventListener("click",d),i.querySelector("tbody").append(c)}i.querySelector("#lotOccupancyTransactions--grandTotal").textContent="$"+t.toFixed(2);const a=c();a>t&&i.insertAdjacentHTML("afterbegin",'
Outstanding Balance
$'+(a-t).toFixed(2)+"
")};document.querySelector("#button--addTransaction").addEventListener("click",()=>{let e;const t=t=>{t.preventDefault(),cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doAddLotOccupancyTransaction",t.currentTarget,t=>{t.success?(r=t.lotOccupancyTransactions,e(),p()):bulmaJS.confirm({title:"Error Adding Transaction",message:t.errorMessage||"",contextualColorName:"danger"})})};cityssm.openHtmlModal("lotOccupancy-addTransaction",{onshow:e=>{a.populateAliases(e),e.querySelector("#lotOccupancyTransactionAdd--lotOccupancyId").value=o.toString();const t=c(),n=u(),s=e.querySelector("#lotOccupancyTransactionAdd--transactionAmount");s.min=(-1*n).toFixed(2),s.max=Math.max(t-n,0).toFixed(2),s.value=Math.max(t-n,0).toFixed(2)},onshown:(c,a)=>{bulmaJS.toggleHtmlClipped(),e=a,c.querySelector("form").addEventListener("submit",t)},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})}),l()}})(); \ No newline at end of file +"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),(()=>{var e,t,c;const a=exports.los,o=document.querySelector("#lotOccupancy--lotOccupancyId").value,n=""===o;let s=!1,l=n;const r=()=>{s||(s=!0,cityssm.enableNavBlocker())},i=document.querySelector("#form--lotOccupancy");i.addEventListener("submit",e=>{e.preventDefault(),cityssm.postJSON(a.urlPrefix+"/lotOccupancies/"+(n?"doCreateLotOccupancy":"doUpdateLotOccupancy"),i,e=>{e.success?(s=!1,cityssm.disableNavBlocker(),n||l?window.location.href=a.urlPrefix+"/lotOccupancies/"+e.lotOccupancyId+"/edit?t="+Date.now():bulmaJS.alert({message:exports.aliases.occupancy+" Updated Successfully",contextualColorName:"success"})):bulmaJS.alert({title:"Error Saving "+exports.aliases.occupancy,message:e.errorMessage||"",contextualColorName:"danger"})})});const u=i.querySelectorAll("input, select");for(const e of u)e.addEventListener("change",r);if(!n){const n=()=>{cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doCopyLotOccupancy",{lotOccupancyId:o},e=>{var t;e.success?(cityssm.disableNavBlocker(),window.location.href=a.urlPrefix+"/lotOccupancies/"+(null===(t=e.lotOccupancyId)||void 0===t?void 0:t.toString())+"/edit"):bulmaJS.alert({title:"Error Copying Record",message:e.errorMessage||"",contextualColorName:"danger"})})};null===(e=document.querySelector("#button--copyLotOccupancy"))||void 0===e||e.addEventListener("click",e=>{e.preventDefault(),s?bulmaJS.alert({title:"Unsaved Changes",message:"Please save all unsaved changes before continuing.",contextualColorName:"warning"}):bulmaJS.confirm({title:"Copy "+exports.aliases.occupancy+" Record as New",message:"Are you sure you want to copy this record to a new record?",contextualColorName:"info",okButton:{text:"Yes, Copy",callbackFunction:n}})}),null===(t=document.querySelector("#button--deleteLotOccupancy"))||void 0===t||t.addEventListener("click",e=>{e.preventDefault();bulmaJS.confirm({title:"Delete "+exports.aliases.occupancy+" Record",message:"Are you sure you want to delete this record?",contextualColorName:"warning",okButton:{text:"Yes, Delete",callbackFunction:()=>{cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doDeleteLotOccupancy",{lotOccupancyId:o},e=>{e.success?(cityssm.disableNavBlocker(),window.location.href=a.urlPrefix+"/lotOccupancies?t="+Date.now()):bulmaJS.alert({title:"Error Deleting Record",message:e.errorMessage||"",contextualColorName:"danger"})})}}})}),null===(c=document.querySelector("#button--createWorkOrder"))||void 0===c||c.addEventListener("click",e=>{let t;e.preventDefault();const c=e=>{e.preventDefault(),cityssm.postJSON(a.urlPrefix+"/workOrders/doCreateWorkOrder",e.currentTarget,e=>{e.success?(t(),bulmaJS.confirm({title:"Work Order Created Successfully",message:"Would you like to open the work order now?",contextualColorName:"success",okButton:{text:"Yes, Open the Work Order",callbackFunction:()=>{window.location.href=a.urlPrefix+"/workOrders/"+e.workOrderId+"/edit"}}})):bulmaJS.alert({title:"Error Creating Work Order",message:e.errorMessage,contextualColorName:"danger"})})};cityssm.openHtmlModal("lotOccupancy-createWorkOrder",{onshow:e=>{e.querySelector("#workOrderCreate--lotOccupancyId").value=o,e.querySelector("#workOrderCreate--workOrderOpenDateString").value=cityssm.dateToString(new Date);const t=e.querySelector("#workOrderCreate--workOrderTypeId"),c=exports.workOrderTypes;1===c.length&&(t.innerHTML="");for(const e of c){const c=document.createElement("option");c.value=e.workOrderTypeId.toString(),c.textContent=e.workOrderType,t.append(c)}},onshown:(e,a)=>{var o;t=a,null===(o=e.querySelector("form"))||void 0===o||o.addEventListener("submit",c)}})})}const d=document.querySelector("#lotOccupancy--occupancyTypeId");if(n){const e=document.querySelector("#container--lotOccupancyFields");d.addEventListener("change",()=>{""!==d.value?cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doGetOccupancyTypeFields",{occupancyTypeId:d.value},t=>{if(0===t.occupancyTypeFields.length)return void(e.innerHTML='

There are no additional fields for this '+exports.aliases.occupancy.toLowerCase()+" type.

");e.innerHTML="";let c="";for(const a of t.occupancyTypeFields){c+=","+a.occupancyTypeFieldId;const t="lotOccupancyFieldValue_"+a.occupancyTypeFieldId,o="lotOccupancy--"+t,n=document.createElement("div");if(n.className="field",n.innerHTML='
',n.querySelector("label").textContent=a.occupancyTypeField,""===a.occupancyTypeFieldValues){const e=document.createElement("input");e.className="input",e.id=o,e.name=t,e.type="text",e.required=a.isRequired,e.minLength=a.minimumLength,e.maxLength=a.maximumLength,a.pattern&&""!==a.pattern&&(e.pattern=a.pattern),n.querySelector(".control").append(e)}else{n.querySelector(".control").innerHTML='
';const e=n.querySelector("select");e.required=a.isRequired;const c=a.occupancyTypeFieldValues.split("\n");for(const t of c){const c=document.createElement("option");c.value=t,c.textContent=t,e.append(c)}}e.append(n)}e.insertAdjacentHTML("beforeend",'')}):e.innerHTML='

Select the '+exports.aliases.occupancy.toLowerCase()+" type to load the available fields.

"})}else{const e=d.value;d.addEventListener("change",()=>{d.value!==e&&bulmaJS.confirm({title:"Confirm Change",message:"Are you sure you want to change the "+exports.aliases.occupancy.toLowerCase()+" type?\nThis change affects the additional fields associated with this record, and may also affect the available fees.",contextualColorName:"warning",okButton:{text:"Yes, Keep the Change",callbackFunction:()=>{l=!0}},cancelButton:{text:"Revert the Change",callbackFunction:()=>{d.value=e}}})})}const p=document.querySelector("#lotOccupancy--lotName");if(p.addEventListener("click",e=>{const t=e.currentTarget.value;let c,o,n,s;const l=(e,t)=>{document.querySelector("#lotOccupancy--lotId").value=e.toString(),document.querySelector("#lotOccupancy--lotName").value=t,r(),c()},i=e=>{e.preventDefault();const t=e.currentTarget;l(t.dataset.lotId,t.dataset.lotName)},u=()=>{s.innerHTML='


Searching...

',cityssm.postJSON(a.urlPrefix+"/lots/doSearchLots",n,e=>{if(0===e.count)return void(s.innerHTML='

No results.

');const t=document.createElement("div");t.className="panel";for(const c of e.lots){const e=document.createElement("a");e.className="panel-block is-block",e.href="#",e.dataset.lotId=c.lotId.toString(),e.dataset.lotName=c.lotName,e.innerHTML='
'+cityssm.escapeHTML(c.lotName||"")+'
'+cityssm.escapeHTML(c.mapName||"")+'
'+cityssm.escapeHTML(c.lotStatus)+'
'+(c.lotOccupancyCount>0?"Currently Occupied":"")+"
",e.addEventListener("click",i),t.append(e)}s.innerHTML="",s.append(t)})},d=e=>{e.preventDefault();const t=o.querySelector("#lotCreate--lotName").value;cityssm.postJSON(a.urlPrefix+"/lots/doCreateLot",e.currentTarget,e=>{e.success?l(e.lotId,t):bulmaJS.alert({title:"Error Creating "+exports.aliases.lot,message:e.errorMessage||"",contextualColorName:"danger"})})};cityssm.openHtmlModal("lotOccupancy-selectLot",{onshow:e=>{a.populateAliases(e)},onshown:(e,a)=>{bulmaJS.toggleHtmlClipped(),o=e,c=a,bulmaJS.init(e);const l=e.querySelector("#lotSelect--lotName");""!==document.querySelector("#lotOccupancy--lotId").value&&(l.value=t),l.focus(),l.addEventListener("change",u);const r=e.querySelector("#lotSelect--occupancyStatus");if(r.addEventListener("change",u),""!==t&&(r.value=""),n=e.querySelector("#form--lotSelect"),s=e.querySelector("#resultsContainer--lotSelect"),n.addEventListener("submit",e=>{e.preventDefault()}),u(),exports.lotNamePattern){const t=exports.lotNamePattern;e.querySelector("#lotCreate--lotName").pattern=t.source}const i=e.querySelector("#lotCreate--lotTypeId");for(const e of exports.lotTypes){const t=document.createElement("option");t.value=e.lotTypeId.toString(),t.textContent=e.lotType,i.append(t)}const p=e.querySelector("#lotCreate--lotStatusId");for(const e of exports.lotStatuses){const t=document.createElement("option");t.value=e.lotStatusId.toString(),t.textContent=e.lotStatus,p.append(t)}const m=e.querySelector("#lotCreate--mapId");for(const e of exports.maps){const t=document.createElement("option");t.value=e.mapId.toString(),t.textContent=e.mapName||"(No Name)",m.append(t)}e.querySelector("#form--lotCreate").addEventListener("submit",d)},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})}),document.querySelector(".is-lot-view-button").addEventListener("click",()=>{const e=document.querySelector("#lotOccupancy--lotId").value;e?window.open(a.urlPrefix+"/lots/"+e):bulmaJS.alert({message:"No "+exports.aliases.lot.toLowerCase()+" selected.",contextualColorName:"info"})}),document.querySelector(".is-clear-lot-button").addEventListener("click",()=>{p.disabled?bulmaJS.alert({message:"You need to unlock the field before clearing it.",contextualColorName:"info"}):(p.value="(No "+exports.aliases.lot+")",document.querySelector("#lotOccupancy--lotId").value="",r())}),a.initializeDatePickers(i),document.querySelector("#lotOccupancy--occupancyStartDateString").addEventListener("change",()=>{const e=document.querySelector("#lotOccupancy--occupancyEndDateString").bulmaCalendar.datePicker;e.min=document.querySelector("#lotOccupancy--occupancyStartDateString").value,e.refresh()}),a.initializeUnlockFieldButtons(i),n){const e=document.querySelector("#lotOccupancy--lotOccupantTypeId");e.addEventListener("change",()=>{const t=i.querySelectorAll("[data-table='LotOccupancyOccupant']");for(const c of t)c.disabled=""===e.value})}else{let e=exports.lotOccupancyOccupants;delete exports.lotOccupancyOccupants;const t=t=>{const c=Number.parseInt(t.currentTarget.closest("tr").dataset.lotOccupantIndex,10),s=e.find(e=>e.lotOccupantIndex===c);let l,r;const i=t=>{t.preventDefault(),cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doUpdateLotOccupancyOccupant",l,t=>{t.success?(e=t.lotOccupancyOccupants,r(),n()):bulmaJS.alert({title:"Error Updating "+exports.aliases.occupant,message:t.errorMessage||"",contextualColorName:"danger"})})};cityssm.openHtmlModal("lotOccupancy-editOccupant",{onshow:e=>{a.populateAliases(e),e.querySelector("#lotOccupancyOccupantEdit--lotOccupancyId").value=o,e.querySelector("#lotOccupancyOccupantEdit--lotOccupantIndex").value=c.toString();const t=e.querySelector("#lotOccupancyOccupantEdit--lotOccupantTypeId");let n=!1;for(const e of exports.lotOccupantTypes){const c=document.createElement("option");c.value=e.lotOccupantTypeId.toString(),c.textContent=e.lotOccupantType,e.lotOccupantTypeId===s.lotOccupantTypeId&&(c.selected=!0,n=!0),t.append(c)}if(!n){const e=document.createElement("option");e.value=s.lotOccupantTypeId.toString(),e.textContent=s.lotOccupantType,e.selected=!0,t.append(e)}e.querySelector("#lotOccupancyOccupantEdit--occupantName").value=s.occupantName,e.querySelector("#lotOccupancyOccupantEdit--occupantAddress1").value=s.occupantAddress1,e.querySelector("#lotOccupancyOccupantEdit--occupantAddress2").value=s.occupantAddress2,e.querySelector("#lotOccupancyOccupantEdit--occupantCity").value=s.occupantCity,e.querySelector("#lotOccupancyOccupantEdit--occupantProvince").value=s.occupantProvince,e.querySelector("#lotOccupancyOccupantEdit--occupantPostalCode").value=s.occupantPostalCode,e.querySelector("#lotOccupancyOccupantEdit--occupantPhoneNumber").value=s.occupantPhoneNumber,e.querySelector("#lotOccupancyOccupantEdit--occupantEmailAddress").value=s.occupantEmailAddress,e.querySelector("#lotOccupancyOccupantEdit--occupantComment").value=s.occupantComment},onshown:(e,t)=>{bulmaJS.toggleHtmlClipped(),e.querySelector("#lotOccupancyOccupantEdit--lotOccupantTypeId").focus(),(l=e.querySelector("form")).addEventListener("submit",i),r=t},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})},c=t=>{const c=t.currentTarget.closest("tr").dataset.lotOccupantIndex;bulmaJS.confirm({title:"Remove "+exports.aliases.occupant+"?",message:"Are you sure you want to remove this "+exports.aliases.occupant.toLowerCase()+"?",okButton:{text:"Yes, Remove "+exports.aliases.occupant,callbackFunction:()=>{cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doDeleteLotOccupancyOccupant",{lotOccupancyId:o,lotOccupantIndex:c},t=>{t.success?(e=t.lotOccupancyOccupants,n()):bulmaJS.alert({title:"Error Removing "+exports.aliases.occupant,message:t.errorMessage||"",contextualColorName:"danger"})})}},contextualColorName:"warning"})},n=()=>{const a=document.querySelector("#container--lotOccupancyOccupants");if(cityssm.clearElement(a),0===e.length)return void(a.innerHTML='

There are no '+exports.aliases.occupants.toLowerCase()+" associated with this record.

");const o=document.createElement("table");o.className="table is-fullwidth is-striped is-hoverable",o.innerHTML=""+exports.aliases.occupant+'AddressOther ContactCommentOptions';for(const a of e){const e=document.createElement("tr");e.dataset.lotOccupantIndex=a.lotOccupantIndex.toString(),e.innerHTML=""+cityssm.escapeHTML(a.occupantName||"(No Name)")+'
'+cityssm.escapeHTML(a.lotOccupantType)+""+(a.occupantAddress1?cityssm.escapeHTML(a.occupantAddress1)+"
":"")+(a.occupantAddress2?cityssm.escapeHTML(a.occupantAddress2)+"
":"")+(a.occupantCity?cityssm.escapeHTML(a.occupantCity)+", ":"")+cityssm.escapeHTML(a.occupantProvince||"")+"
"+cityssm.escapeHTML(a.occupantPostalCode||"")+""+(a.occupantPhoneNumber?cityssm.escapeHTML(a.occupantPhoneNumber)+"
":"")+(a.occupantEmailAddress?cityssm.escapeHTML(a.occupantEmailAddress):"")+""+cityssm.escapeHTML(a.occupantComment)+'
',e.querySelector(".button--edit").addEventListener("click",t),e.querySelector(".button--delete").addEventListener("click",c),o.querySelector("tbody").append(e)}a.append(o)};document.querySelector("#button--addOccupant").addEventListener("click",()=>{let t,c,s,l;const r=c=>{cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doAddLotOccupancyOccupant",c,c=>{c.success?(e=c.lotOccupancyOccupants,t(),n()):bulmaJS.alert({title:"Error Adding "+exports.aliases.occupant,message:c.errorMessage||"",contextualColorName:"danger"})})},i=e=>{e.preventDefault(),r(c)};let u=[];const d=e=>{e.preventDefault();const t=e.currentTarget,c=u[Number.parseInt(t.dataset.index,10)],a=t.closest(".modal").querySelector("#lotOccupancyOccupantCopy--lotOccupantTypeId").value;""===a?bulmaJS.alert({title:"No "+exports.aliases.occupant+" Type Selected",message:"Select a type to apply to the newly added "+exports.aliases.occupant.toLowerCase()+".",contextualColorName:"warning"}):(c.lotOccupantTypeId=Number.parseInt(a,10),c.lotOccupancyId=Number.parseInt(o,10),r(c))},p=e=>{e.preventDefault(),""!==s.querySelector("#lotOccupancyOccupantCopy--searchFilter").value?(l.innerHTML='

Searching...
',cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doSearchPastOccupants",s,e=>{u=e.occupants;const t=document.createElement("div");t.className="panel";for(const[e,c]of u.entries()){const a=document.createElement("a");a.className="panel-block is-block",a.dataset.index=e.toString(),a.innerHTML=""+cityssm.escapeHTML(c.occupantName||"")+'
'+cityssm.escapeHTML(c.occupantAddress1||"")+"
"+(c.occupantAddress2?cityssm.escapeHTML(c.occupantAddress2)+"
":"")+cityssm.escapeHTML(c.occupantCity||"")+", "+cityssm.escapeHTML(c.occupantProvince||"")+"
"+cityssm.escapeHTML(c.occupantPostalCode||"")+'
'+(c.occupantPhoneNumber?cityssm.escapeHTML(c.occupantPhoneNumber)+"
":"")+cityssm.escapeHTML(c.occupantEmailAddress||"")+"
",a.addEventListener("click",d),t.append(a)}l.innerHTML="",l.append(t)})):l.innerHTML='

Enter a partial name or address in the search field above.

'};cityssm.openHtmlModal("lotOccupancy-addOccupant",{onshow:e=>{a.populateAliases(e),e.querySelector("#lotOccupancyOccupantAdd--lotOccupancyId").value=o;const t=e.querySelector("#lotOccupancyOccupantAdd--lotOccupantTypeId"),c=e.querySelector("#lotOccupancyOccupantCopy--lotOccupantTypeId");for(const e of exports.lotOccupantTypes){const a=document.createElement("option");a.value=e.lotOccupantTypeId.toString(),a.textContent=e.lotOccupantType,t.append(a),c.append(a.cloneNode(!0))}e.querySelector("#lotOccupancyOccupantAdd--occupantCity").value=exports.occupantCityDefault,e.querySelector("#lotOccupancyOccupantAdd--occupantProvince").value=exports.occupantProvinceDefault},onshown:(e,a)=>{bulmaJS.toggleHtmlClipped(),bulmaJS.init(e),e.querySelector("#lotOccupancyOccupantAdd--lotOccupantTypeId").focus(),(c=e.querySelector("#form--lotOccupancyOccupantAdd")).addEventListener("submit",i),l=e.querySelector("#lotOccupancyOccupantCopy--searchResults"),(s=e.querySelector("#form--lotOccupancyOccupantCopy")).addEventListener("submit",e=>{e.preventDefault()}),e.querySelector("#lotOccupancyOccupantCopy--searchFilter").addEventListener("change",p),t=a},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})}),n()}if(!n){Object.defineProperty(exports,"__esModule",{value:!0});let e=exports.lotOccupancyComments;delete exports.lotOccupancyComments;const t=t=>{const c=Number.parseInt(t.currentTarget.closest("tr").dataset.lotOccupancyCommentId,10),s=e.find(e=>e.lotOccupancyCommentId===c);let l,r;const i=t=>{t.preventDefault(),cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doUpdateLotOccupancyComment",l,t=>{t.success?(e=t.lotOccupancyComments,r(),n()):bulmaJS.alert({title:"Error Updating Comment",message:t.errorMessage||"",contextualColorName:"danger"})})};cityssm.openHtmlModal("lotOccupancy-editComment",{onshow:e=>{a.populateAliases(e),e.querySelector("#lotOccupancyCommentEdit--lotOccupancyId").value=o,e.querySelector("#lotOccupancyCommentEdit--lotOccupancyCommentId").value=c.toString(),e.querySelector("#lotOccupancyCommentEdit--lotOccupancyComment").value=s.lotOccupancyComment;const t=e.querySelector("#lotOccupancyCommentEdit--lotOccupancyCommentDateString");t.value=s.lotOccupancyCommentDateString;const n=cityssm.dateToString(new Date);t.max=s.lotOccupancyCommentDateString<=n?n:s.lotOccupancyCommentDateString,e.querySelector("#lotOccupancyCommentEdit--lotOccupancyCommentTimeString").value=s.lotOccupancyCommentTimeString},onshown:(e,t)=>{bulmaJS.toggleHtmlClipped(),a.initializeDatePickers(e),e.querySelector("#lotOccupancyCommentEdit--lotOccupancyComment").focus(),(l=e.querySelector("form")).addEventListener("submit",i),r=t},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})},c=t=>{const c=Number.parseInt(t.currentTarget.closest("tr").dataset.lotOccupancyCommentId,10);bulmaJS.confirm({title:"Remove Comment?",message:"Are you sure you want to remove this comment?",okButton:{text:"Yes, Remove Comment",callbackFunction:()=>{cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doDeleteLotOccupancyComment",{lotOccupancyId:o,lotOccupancyCommentId:c},t=>{t.success?(e=t.lotOccupancyComments,n()):bulmaJS.alert({title:"Error Removing Comment",message:t.errorMessage||"",contextualColorName:"danger"})})}},contextualColorName:"warning"})},n=()=>{const a=document.querySelector("#container--lotOccupancyComments");if(0===e.length)return void(a.innerHTML='

There are no comments associated with this record.

');const o=document.createElement("table");o.className="table is-fullwidth is-striped is-hoverable",o.innerHTML='CommentorComment DateCommentOptions';for(const a of e){const e=document.createElement("tr");e.dataset.lotOccupancyCommentId=a.lotOccupancyCommentId.toString(),e.innerHTML=""+cityssm.escapeHTML(a.recordCreate_userName||"")+""+a.lotOccupancyCommentDateString+(0===a.lotOccupancyCommentTime?"":" "+a.lotOccupancyCommentTimeString)+""+cityssm.escapeHTML(a.lotOccupancyComment||"")+'
',e.querySelector(".button--edit").addEventListener("click",t),e.querySelector(".button--delete").addEventListener("click",c),o.querySelector("tbody").append(e)}a.innerHTML="",a.append(o)};document.querySelector("#button--addComment").addEventListener("click",()=>{let t,c;const s=o=>{o.preventDefault(),cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doAddLotOccupancyComment",t,t=>{t.success?(e=t.lotOccupancyComments,c(),n()):bulmaJS.alert({title:"Error Adding Comment",message:t.errorMessage||"",contextualColorName:"danger"})})};cityssm.openHtmlModal("lotOccupancy-addComment",{onshow:e=>{a.populateAliases(e),e.querySelector("#lotOccupancyCommentAdd--lotOccupancyId").value=o},onshown:(e,a)=>{bulmaJS.toggleHtmlClipped(),e.querySelector("#lotOccupancyCommentAdd--lotOccupancyComment").focus(),(t=e.querySelector("form")).addEventListener("submit",s),c=a},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})}),n(),Object.defineProperty(exports,"__esModule",{value:!0});let l=exports.lotOccupancyFees;delete exports.lotOccupancyFees;const r=document.querySelector("#container--lotOccupancyFees"),i=()=>{let e=0;for(const t of l)e+=(t.feeAmount+t.taxAmount)*t.quantity;return e},u=e=>{const t=e.currentTarget.closest(".container--lotOccupancyFee").dataset.feeId;bulmaJS.confirm({title:"Delete Fee",message:"Are you sure you want to delete this fee?",contextualColorName:"warning",okButton:{text:"Yes, Delete Fee",callbackFunction:()=>{cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doDeleteLotOccupancyFee",{lotOccupancyId:o,feeId:t},e=>{e.success?(l=e.lotOccupancyFees,d()):bulmaJS.alert({title:"Error Deleting Fee",message:e.errorMessage||"",contextualColorName:"danger"})})}}})},d=()=>{if(0===l.length)return r.innerHTML='

There are no fees associated with this record.

',void g();r.innerHTML='
FeeUnit Cost×QuantityequalsTotalOptions
Subtotal
Tax
Grand Total
';let e=0,t=0;for(const c of l){const a=document.createElement("tr");a.className="container--lotOccupancyFee",a.dataset.feeId=c.feeId.toString(),a.dataset.includeQuantity=c.includeQuantity?"1":"0",a.innerHTML=''+cityssm.escapeHTML(c.feeName||"")+""+(1===c.quantity?"":'$'+c.feeAmount.toFixed(2)+'×'+c.quantity+"=")+'$'+(c.feeAmount*c.quantity).toFixed(2)+'',a.querySelector("button").addEventListener("click",u),r.querySelector("tbody").append(a),e+=c.feeAmount*c.quantity,t+=c.taxAmount*c.quantity}r.querySelector("#lotOccupancyFees--feeAmountTotal").textContent="$"+e.toFixed(2),r.querySelector("#lotOccupancyFees--taxAmountTotal").textContent="$"+t.toFixed(2),r.querySelector("#lotOccupancyFees--grandTotal").textContent="$"+(e+t).toFixed(2),g()};document.querySelector("#button--addFee").addEventListener("click",()=>{if(s)return void bulmaJS.alert({message:"Please save all unsaved changes before adding fees.",contextualColorName:"warning"});let e,t,c;const n=(e,t=1)=>{cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doAddLotOccupancyFee",{lotOccupancyId:o,feeId:e,quantity:t},e=>{e.success?(l=e.lotOccupancyFees,d(),u()):bulmaJS.alert({title:"Error Adding Fee",message:e.errorMessage||"",contextualColorName:"danger"})})},i=t=>{t.preventDefault();const c=Number.parseInt(t.currentTarget.dataset.feeId,10),a=Number.parseInt(t.currentTarget.closest(".container--feeCategory").dataset.feeCategoryId,10),o=e.find(e=>e.feeCategoryId===a).fees.find(e=>e.feeId===c);o.includeQuantity?(e=>{let t,c;const a=a=>{a.preventDefault(),n(e.feeId,t.value),c()};cityssm.openHtmlModal("lotOccupancy-setFeeQuantity",{onshow:t=>{t.querySelector("#lotOccupancyFeeQuantity--quantityUnit").textContent=e.quantityUnit},onshown:(e,o)=>{c=o,t=e.querySelector("#lotOccupancyFeeQuantity--quantity"),e.querySelector("form").addEventListener("submit",a)}})})(o):n(c)},u=()=>{const a=t.value.trim().toLowerCase().split(" ");c.innerHTML="";for(const t of e){const e=document.createElement("div");e.className="container--feeCategory",e.dataset.feeCategoryId=t.feeCategoryId.toString(),e.innerHTML='

'+cityssm.escapeHTML(t.feeCategory||"")+'

';let o=!1;for(const c of t.fees){if(r.querySelector(".container--lotOccupancyFee[data-fee-id='"+c.feeId+"'][data-include-quantity='0']"))continue;let t=!0;for(const e of a)if(!c.feeName.toLowerCase().includes(e)){t=!1;break}if(!t)continue;o=!0;const n=document.createElement("a");n.className="panel-block is-block container--fee",n.dataset.feeId=c.feeId.toString(),n.href="#",n.innerHTML=""+cityssm.escapeHTML(c.feeName||"")+"
"+cityssm.escapeHTML(c.feeDescription||"").replace(/\n/g,"
")+"
",n.addEventListener("click",i),e.querySelector(".panel").append(n)}o&&c.append(e)}};cityssm.openHtmlModal("lotOccupancy-addFee",{onshow:n=>{t=n.querySelector("#feeSelect--feeName"),c=n.querySelector("#resultsContainer--feeSelect"),cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doGetFees",{lotOccupancyId:o},c=>{e=c.feeCategories,t.disabled=!1,t.addEventListener("keyup",u),t.focus(),u()})},onshown:()=>{bulmaJS.toggleHtmlClipped()},onhidden:()=>{d()},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})});let p=exports.lotOccupancyTransactions;delete exports.lotOccupancyTransactions;const m=document.querySelector("#container--lotOccupancyTransactions"),y=()=>{let e=0;for(const t of p)e+=t.transactionAmount;return e},O=e=>{const t=e.currentTarget.closest(".container--lotOccupancyTransaction").dataset.transactionIndex;bulmaJS.confirm({title:"Delete Trasnaction",message:"Are you sure you want to delete this transaction?",contextualColorName:"warning",okButton:{text:"Yes, Delete Transaction",callbackFunction:()=>{cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doDeleteLotOccupancyTransaction",{lotOccupancyId:o,transactionIndex:t},e=>{e.success?(p=e.lotOccupancyTransactions,g()):bulmaJS.alert({title:"Error Deleting Transaction",message:e.errorMessage||"",contextualColorName:"danger"})})}}})},g=()=>{if(0===p.length)return void(m.innerHTML='

There are no transactions associated with this record.

');m.innerHTML='
Date'+cityssm.escapeHTML(exports.aliases.externalReceiptNumber)+'AmountOptions
Transaction Total
';let e=0;for(const t of p){e+=t.transactionAmount;const c=document.createElement("tr");c.className="container--lotOccupancyTransaction",c.dataset.transactionIndex=t.transactionIndex.toString(),c.innerHTML=""+t.transactionDateString+""+cityssm.escapeHTML(t.externalReceiptNumber||"")+"
"+cityssm.escapeHTML(t.transactionNote||"")+'$'+t.transactionAmount.toFixed(2)+'',c.querySelector("button").addEventListener("click",O),m.querySelector("tbody").append(c)}m.querySelector("#lotOccupancyTransactions--grandTotal").textContent="$"+e.toFixed(2);const t=i();t>e&&m.insertAdjacentHTML("afterbegin",'
Outstanding Balance
$'+(t-e).toFixed(2)+"
")};document.querySelector("#button--addTransaction").addEventListener("click",()=>{let e;const t=t=>{t.preventDefault(),cityssm.postJSON(a.urlPrefix+"/lotOccupancies/doAddLotOccupancyTransaction",t.currentTarget,t=>{t.success?(p=t.lotOccupancyTransactions,e(),g()):bulmaJS.confirm({title:"Error Adding Transaction",message:t.errorMessage||"",contextualColorName:"danger"})})};cityssm.openHtmlModal("lotOccupancy-addTransaction",{onshow:e=>{a.populateAliases(e),e.querySelector("#lotOccupancyTransactionAdd--lotOccupancyId").value=o.toString();const t=i(),c=y(),n=e.querySelector("#lotOccupancyTransactionAdd--transactionAmount");n.min=(-1*c).toFixed(2),n.max=Math.max(t-c,0).toFixed(2),n.value=Math.max(t-c,0).toFixed(2)},onshown:(c,a)=>{bulmaJS.toggleHtmlClipped(),e=a,c.querySelector("form").addEventListener("submit",t)},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})}),d()}})(); \ No newline at end of file diff --git a/public/javascripts/workOrderEdit.min.js b/public/javascripts/workOrderEdit.min.js index 7ed34139..b87c903b 100644 --- a/public/javascripts/workOrderEdit.min.js +++ b/public/javascripts/workOrderEdit.min.js @@ -1 +1 @@ -"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),(()=>{const e=exports.los,t=document.querySelector("#workOrderEdit--workOrderId").value,o=""===t,r=document.querySelector("#form--workOrderEdit");e.initializeDatePickers(r.querySelector("#workOrderEdit--workOrderOpenDateString").closest(".field")),e.initializeUnlockFieldButtons(r),r.addEventListener("submit",t=>{t.preventDefault(),cityssm.postJSON(e.urlPrefix+"/workOrders/"+(o?"doCreateWorkOrder":"doUpdateWorkOrder"),t.currentTarget,t=>{t.success?(cityssm.disableNavBlocker(),o?window.location.href=e.urlPrefix+"/workOrders/"+t.workOrderId+"/edit":bulmaJS.alert({message:"Work Order Updated Successfully",contextualColorName:"success"})):bulmaJS.alert({title:"Error Updating Work Order",message:t.errorMessage||"",contextualColorName:"danger"})})});const s=r.querySelectorAll("input, select");for(const e of s)e.addEventListener("change",cityssm.enableNavBlocker);let a;if(!o){const o=()=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doCloseWorkOrder",{workOrderId:t},o=>{o.success?window.location.href=e.urlPrefix+"/workOrders/"+encodeURIComponent(t):bulmaJS.alert({title:"Error Closing Work Order",message:o.errorMessage||"",contextualColorName:"danger"})})};document.querySelector("#button--closeWorkOrder").addEventListener("click",()=>{a.some(e=>!e.workOrderMilestoneCompletionDate)?bulmaJS.alert({title:"Outstanding Milestones",message:"You cannot close a work order with outstanding milestones. Either complete the outstanding milestones, or remove them from the work order.",contextualColorName:"warning"}):bulmaJS.confirm({title:"Close Work Order",message:"Are you sure you want to close this work order?",contextualColorName:"info",okButton:{text:"Yes, Close Work Order",callbackFunction:o}})});const r=()=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doDeleteWorkOrder",{workOrderId:t},t=>{t.success?window.location.href=e.urlPrefix+"/workOrders":bulmaJS.alert({title:"Error Deleting Work Order",message:t.errorMessage||"",contextualColorName:"danger"})})};document.querySelector("#button--deleteWorkOrder").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:r}})})}if(!o){let o=exports.workOrderLots;delete exports.workOrderLots;let r=exports.workOrderLotOccupancies;delete exports.workOrderLotOccupancies;const s=o=>{const s=o.currentTarget.closest(".container--lotOccupancy").dataset.lotOccupancyId;bulmaJS.confirm({title:"Delete "+exports.aliases.lot+" "+exports.aliases.occupancy+" Relationship",message:"Are you sure you want to remove the relationship to this "+exports.aliases.lot.toLowerCase()+" "+exports.aliases.occupancy.toLowerCase()+" record from this work order? Note that the record will remain.",contextualColorName:"warning",okButton:{text:"Yes, Delete Relationship",callbackFunction:()=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doDeleteWorkOrderLotOccupancy",{workOrderId:t,lotOccupancyId:s},e=>{e.success?(r=e.workOrderLotOccupancies,m()):bulmaJS.alert({title:"Error Deleting Relationship",message:e.errorMessage||"",contextualColorName:"danger"})})}}})},a=(r,s)=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doAddWorkOrderLot",{workOrderId:t,lotId:r},e=>{e.success?(o=e.workOrderLots,m()):bulmaJS.alert({title:"Error Adding "+exports.aliases.lot,message:e.errorMessage||"",contextualColorName:"danger"}),s&&s(e.success)})},n=(o,s)=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doAddWorkOrderLotOccupancy",{workOrderId:t,lotOccupancyId:o},e=>{e.success?(r=e.workOrderLotOccupancies,m()):bulmaJS.alert({title:"Error Adding "+exports.aliases.occupancy,message:e.errorMessage||"",contextualColorName:"danger"}),s&&s(e.success)})},l=e=>{const t=e.currentTarget.dataset.lotId;a(t)},i=()=>{var t;const a=document.querySelector("#container--lotOccupancies");if(document.querySelector(".tabs a[href='#relatedTab--lotOccupancies'] .tag").textContent=r.length.toString(),0===r.length)return void(a.innerHTML='

There are no '+exports.aliases.occupancies.toLowerCase()+" associated with this work order.

");a.innerHTML='
'+exports.aliases.occupancy+" Type"+exports.aliases.lot+""+exports.aliases.occupancyStartDate+"End Date"+exports.aliases.occupants+'
';const n=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 c=!(i.occupancyEndDate&&i.occupancyEndDateStringi.lotId===e.lotId);r.innerHTML=''+(c?'':'')+''+cityssm.escapeHTML(i.occupancyType||"")+"",i.lotId?r.insertAdjacentHTML("beforeend",""+cityssm.escapeHTML(i.lotName||"")+(d?"":' ')+""):r.insertAdjacentHTML("beforeend",'(No '+exports.aliases.lot+")"),r.insertAdjacentHTML("beforeend",""+i.occupancyStartDateString+""+(i.occupancyEndDate?i.occupancyEndDateString:'(No End Date)')+""+(0===i.lotOccupancyOccupants.length?'(No '+cityssm.escapeHTML(exports.aliases.occupants)+")":null===(t=i.lotOccupancyOccupants)||void 0===t?void 0:t.reduce((e,t)=>e+' '+cityssm.escapeHTML(t.occupantName)+"
",""))+''),i.lotId&&!d&&r.querySelector(".button--addLot").addEventListener("click",l),r.querySelector(".button--deleteLotOccupancy").addEventListener("click",s),a.querySelector("tbody").append(r)}},c=r=>{const s=Number.parseInt(r.currentTarget.closest(".container--lot").dataset.lotId,10),a=o.find(e=>e.lotId===s);let n;const l=t=>{t.preventDefault(),cityssm.postJSON(e.urlPrefix+"/workOrders/doUpdateLotStatus",t.currentTarget,e=>{e.success?(o=e.workOrderLots,m(),n()):bulmaJS.alert({title:"Error Deleting Relationship",message:e.errorMessage||"",contextualColorName:"danger"})})};cityssm.openHtmlModal("lot-editLotStatus",{onshow:o=>{e.populateAliases(o),o.querySelector("#lotStatusEdit--lotId").value=s.toString(),o.querySelector("#lotStatusEdit--lotName").value=a.lotName;const r=o.querySelector("#lotStatusEdit--lotStatusId");let n=!1;for(const e of exports.lotStatuses){const t=document.createElement("option");t.value=e.lotStatusId.toString(),t.textContent=e.lotStatus,e.lotStatusId===a.lotStatusId&&(n=!0),r.append(t)}if(!n&&a.lotStatusId){const e=document.createElement("option");e.value=a.lotStatusId.toString(),e.textContent=a.lotStatus,r.append(e)}a.lotStatusId&&(r.value=a.lotStatusId.toString()),o.querySelector("form").insertAdjacentHTML("beforeend",'')},onshown:(e,t)=>{n=t,bulmaJS.toggleHtmlClipped(),e.querySelector("form").addEventListener("submit",l)},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})},d=r=>{const s=r.currentTarget.closest(".container--lot").dataset.lotId;bulmaJS.confirm({title:"Delete "+exports.aliases.lot+" "+exports.aliases.occupancy+" Relationship",message:"Are you sure you want to remove the relationship to this "+exports.aliases.lot.toLowerCase()+" "+exports.aliases.occupancy.toLowerCase()+" record from this work order? Note that the record will remain.",contextualColorName:"warning",okButton:{text:"Yes, Delete Relationship",callbackFunction:()=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doDeleteWorkOrderLot",{workOrderId:t,lotId:s},e=>{e.success?(o=e.workOrderLots,m()):bulmaJS.alert({title:"Error Deleting Relationship",message:e.errorMessage||"",contextualColorName:"danger"})})}}})},u=()=>{const t=document.querySelector("#container--lots");if(document.querySelector(".tabs a[href='#relatedTab--lots'] .tag").textContent=o.length.toString(),0!==o.length){t.innerHTML='
'+exports.aliases.lot+""+exports.aliases.map+""+exports.aliases.lot+' TypeStatus
';for(const r of o){const o=document.createElement("tr");o.className="container--lot",o.dataset.lotId=r.lotId.toString(),o.innerHTML=''+cityssm.escapeHTML(r.lotName||"")+""+cityssm.escapeHTML(r.mapName||"")+""+cityssm.escapeHTML(r.lotType||"")+""+(r.lotStatusId?cityssm.escapeHTML(r.lotStatus||""):'(No Status)')+' ',o.querySelector(".button--editLotStatus").addEventListener("click",c),o.querySelector(".button--deleteLot").addEventListener("click",d),t.querySelector("tbody").append(o)}}else t.innerHTML='

There are no '+exports.aliases.lots.toLowerCase()+" associated with this work order.

"},m=()=>{i(),u()};m();const p=e=>{const t=e.currentTarget.closest("tr"),o=t.dataset.lotOccupancyId;n(o,e=>{e&&t.remove()})};document.querySelector("#button--addLotOccupancy").addEventListener("click",()=>{let o,r;const s=t=>{t&&t.preventDefault(),r.innerHTML='


Searching...

',cityssm.postJSON(e.urlPrefix+"/lotOccupancies/doSearchLotOccupancies",o,e=>{if(0!==e.lotOccupancies.length){r.innerHTML='
'+exports.aliases.occupancy+" Type"+exports.aliases.lot+"Start DateEnd Date"+exports.aliases.occupants+"
";for(const t of e.lotOccupancies){const e=document.createElement("tr");e.className="container--lotOccupancy",e.dataset.lotOccupancyId=t.lotOccupancyId.toString(),e.innerHTML=''+cityssm.escapeHTML(t.occupancyType||"")+"",t.lotId?e.insertAdjacentHTML("beforeend",""+cityssm.escapeHTML(t.lotName||"")+""):e.insertAdjacentHTML("beforeend",'(No '+exports.aliases.lot+")"),e.insertAdjacentHTML("beforeend",""+t.occupancyStartDateString+""+(t.occupancyEndDate?t.occupancyEndDateString:'(No End Date)')+""+(0===t.lotOccupancyOccupants.length?'(No '+cityssm.escapeHTML(exports.aliases.occupants)+")":cityssm.escapeHTML(t.lotOccupancyOccupants[0].occupantName)+(t.lotOccupancyOccupants.length>1?" plus "+(t.lotOccupancyOccupants.length-1):""))+""),e.querySelector(".button--addLotOccupancy").addEventListener("click",p),r.querySelector("tbody").append(e)}}else r.innerHTML='

There are no records that meet the search criteria.

'})};cityssm.openHtmlModal("workOrder-addLotOccupancy",{onshow:a=>{e.populateAliases(a),o=a.querySelector("form"),r=a.querySelector("#resultsContainer--lotOccupancyAdd"),a.querySelector("#lotOccupancySearch--notWorkOrderId").value=t,a.querySelector("#lotOccupancySearch--occupancyEffectiveDateString").value=document.querySelector("#workOrderEdit--workOrderOpenDateString").value,s()},onshown:e=>{bulmaJS.toggleHtmlClipped(),e.querySelector("#lotOccupancySearch--occupantName").addEventListener("change",s),e.querySelector("#lotOccupancySearch--lotName").addEventListener("change",s),o.addEventListener("submit",s)},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})});const y=e=>{const t=e.currentTarget.closest("tr"),o=t.dataset.lotId;a(o,e=>{e&&t.remove()})};document.querySelector("#button--addLot").addEventListener("click",()=>{let o,r;const s=t=>{t&&t.preventDefault(),r.innerHTML='


Searching...

',cityssm.postJSON(e.urlPrefix+"/lots/doSearchLots",o,e=>{if(0!==e.lots.length){r.innerHTML='
'+exports.aliases.lot+""+exports.aliases.map+""+exports.aliases.lot+" TypeStatus
";for(const t of e.lots){const e=document.createElement("tr");e.className="container--lot",e.dataset.lotId=t.lotId.toString(),e.innerHTML=''+cityssm.escapeHTML(t.lotName||"")+""+cityssm.escapeHTML(t.mapName||"")+""+cityssm.escapeHTML(t.lotType||"")+""+cityssm.escapeHTML(t.lotStatus||"")+"",e.querySelector(".button--addLot").addEventListener("click",y),r.querySelector("tbody").append(e)}}else r.innerHTML='

There are no records that meet the search criteria.

'})};cityssm.openHtmlModal("workOrder-addLot",{onshow:a=>{e.populateAliases(a),o=a.querySelector("form"),r=a.querySelector("#resultsContainer--lotAdd"),a.querySelector("#lotSearch--notWorkOrderId").value=t;const n=a.querySelector("#lotSearch--lotStatusId");for(const e of exports.lotStatuses){const t=document.createElement("option");t.value=e.lotStatusId.toString(),t.textContent=e.lotStatus,n.append(t)}s()},onshown:e=>{bulmaJS.toggleHtmlClipped(),e.querySelector("#lotSearch--lotName").addEventListener("change",s),e.querySelector("#lotSearch--lotStatusId").addEventListener("change",s),o.addEventListener("submit",s)},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})})}let n=exports.workOrderComments;delete exports.workOrderComments;const l=o=>{const r=Number.parseInt(o.currentTarget.closest("tr").dataset.workOrderCommentId,10),s=n.find(e=>e.workOrderCommentId===r);let a,l;const i=t=>{t.preventDefault(),cityssm.postJSON(e.urlPrefix+"/workOrders/doUpdateWorkOrderComment",a,e=>{e.success?(n=e.workOrderComments,l(),c()):bulmaJS.alert({title:"Error Updating Comment",message:e.errorMessage||"",contextualColorName:"danger"})})};cityssm.openHtmlModal("workOrder-editComment",{onshow:e=>{e.querySelector("#workOrderCommentEdit--workOrderId").value=t,e.querySelector("#workOrderCommentEdit--workOrderCommentId").value=r.toString(),e.querySelector("#workOrderCommentEdit--workOrderComment").value=s.workOrderComment;const o=e.querySelector("#workOrderCommentEdit--workOrderCommentDateString");o.value=s.workOrderCommentDateString;const a=cityssm.dateToString(new Date);o.max=s.workOrderCommentDateString<=a?a:s.workOrderCommentDateString,e.querySelector("#workOrderCommentEdit--workOrderCommentTimeString").value=s.workOrderCommentTimeString},onshown:(t,o)=>{bulmaJS.toggleHtmlClipped(),e.initializeDatePickers(t),t.querySelector("#workOrderCommentEdit--workOrderComment").focus(),(a=t.querySelector("form")).addEventListener("submit",i),l=o},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})},i=o=>{const r=Number.parseInt(o.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:()=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doDeleteWorkOrderComment",{workOrderId:t,workOrderCommentId:r},e=>{e.success?(n=e.workOrderComments,c()):bulmaJS.alert({title:"Error Removing Comment",message:e.errorMessage||"",contextualColorName:"danger"})})}},contextualColorName:"warning"})},c=()=>{const e=document.querySelector("#container--workOrderComments");if(0===n.length)return void(e.innerHTML='

There are no comments to display.

');const t=document.createElement("table");t.className="table is-fullwidth is-striped is-hoverable",t.innerHTML='CommentorComment DateCommentOptions';for(const e of n){const o=document.createElement("tr");o.dataset.workOrderCommentId=e.workOrderCommentId.toString(),o.innerHTML=""+cityssm.escapeHTML(e.recordCreate_userName||"")+""+e.workOrderCommentDateString+(0===e.workOrderCommentTime?"":" "+e.workOrderCommentTimeString)+""+cityssm.escapeHTML(e.workOrderComment||"")+'
',o.querySelector(".button--edit").addEventListener("click",l),o.querySelector(".button--delete").addEventListener("click",i),t.querySelector("tbody").append(o)}e.innerHTML="",e.append(t)},d=()=>{let o;const r=t=>{t.preventDefault(),cityssm.postJSON(e.urlPrefix+"/workOrders/doAddWorkOrderComment",t.currentTarget,e=>{e.success&&(n=e.workOrderComments,c(),o())})};cityssm.openHtmlModal("workOrder-addComment",{onshow(o){e.populateAliases(o),o.querySelector("#workOrderCommentAdd--workOrderId").value=t,o.querySelector("form").addEventListener("submit",r)},onshown(e,t){bulmaJS.toggleHtmlClipped(),o=t,e.querySelector("#workOrderCommentAdd--workOrderComment").focus()},onremoved(){bulmaJS.toggleHtmlClipped(),document.querySelector("#workOrderComments--add").focus()}})};if(o||(document.querySelector("#workOrderComments--add").addEventListener("click",d),c()),!o){a=exports.workOrderMilestones,delete exports.workOrderMilestones;const o=e=>{e.success?(a=e.workOrderMilestones,i()):bulmaJS.alert({title:"Error Reopening Milestone",message:e.errorMessage||"",contextualColorName:"danger"})},r=r=>{r.preventDefault();const s=cityssm.dateToString(new Date),n=Number.parseInt(r.currentTarget.closest(".container--milestone").dataset.workOrderMilestoneId,10),l=a.find(e=>e.workOrderMilestoneId===n);bulmaJS.confirm({title:"Complete Milestone",message:"Are you sure you want to complete this milestone?"+(l.workOrderMilestoneDateString>s?"
Note that this milestone is expected to be completed in the future.":""),messageIsHtml:!0,contextualColorName:"warning",okButton:{text:"Yes, Complete Milestone",callbackFunction:()=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doCompleteWorkOrderMilestone",{workOrderId:t,workOrderMilestoneId:n},o)}}})},s=r=>{r.preventDefault();const s=r.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:()=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doReopenWorkOrderMilestone",{workOrderId:t,workOrderMilestoneId:s},o)}}})},n=r=>{r.preventDefault();const s=r.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:()=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doDeleteWorkOrderMilestone",{workOrderMilestoneId:s,workOrderId:t},o)}}})},l=r=>{r.preventDefault();const s=Number.parseInt(r.currentTarget.closest(".container--milestone").dataset.workOrderMilestoneId,10),n=a.find(e=>e.workOrderMilestoneId===s);let l;const i=t=>{t.preventDefault(),cityssm.postJSON(e.urlPrefix+"/workOrders/doUpdateWorkOrderMilestone",t.currentTarget,e=>{o(e),e.success&&l()})};cityssm.openHtmlModal("workOrder-editMilestone",{onshow:e=>{e.querySelector("#milestoneEdit--workOrderId").value=t,e.querySelector("#milestoneEdit--workOrderMilestoneId").value=n.workOrderMilestoneId.toString();const o=e.querySelector("#milestoneEdit--workOrderMilestoneTypeId");let r=!1;for(const e of exports.workOrderMilestoneTypes){const t=document.createElement("option");t.value=e.workOrderMilestoneTypeId.toString(),t.textContent=e.workOrderMilestoneType,e.workOrderMilestoneTypeId===n.workOrderMilestoneTypeId&&(t.selected=!0,r=!0),o.append(t)}if(!r&&n.workOrderMilestoneTypeId){const e=document.createElement("option");e.value=n.workOrderMilestoneTypeId.toString(),e.textContent=n.workOrderMilestoneType,e.selected=!0,o.append(e)}e.querySelector("#milestoneEdit--workOrderMilestoneDateString").value=n.workOrderMilestoneDateString,n.workOrderMilestoneTime&&(e.querySelector("#milestoneEdit--workOrderMilestoneTimeString").value=n.workOrderMilestoneTimeString),e.querySelector("#milestoneEdit--workOrderMilestoneDescription").value=n.workOrderMilestoneDescription},onshown:(t,o)=>{l=o,bulmaJS.toggleHtmlClipped(),e.initializeDatePickers(t),t.querySelector("form").addEventListener("submit",i)},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})},i=()=>{const e=document.querySelector("#panel--milestones"),t=e.querySelectorAll(".panel-block");for(const e of t)e.remove();for(const t of a){const o=document.createElement("div");o.className="panel-block is-block container--milestone",o.dataset.workOrderMilestoneId=t.workOrderMilestoneId.toString(),o.innerHTML='
'+(t.workOrderMilestoneCompletionDate?'':'')+'
'+(t.workOrderMilestoneTypeId?""+cityssm.escapeHTML(t.workOrderMilestoneType||"")+"
":"")+t.workOrderMilestoneDateString+(t.workOrderMilestoneTime?" "+t.workOrderMilestoneTimeString:"")+'
'+cityssm.escapeHTML(t.workOrderMilestoneDescription||"")+'
',t.workOrderMilestoneCompletionDate?o.querySelector(".button--reopenMilestone").addEventListener("click",s):(o.querySelector(".button--editMilestone").addEventListener("click",l),o.querySelector(".button--completeMilestone").addEventListener("click",r)),o.querySelector(".button--deleteMilestone").addEventListener("click",n),e.append(o)}bulmaJS.init(e)};i(),document.querySelector("#button--addMilestone").addEventListener("click",()=>{let r,s,a;const n=t=>{t&&t.preventDefault();const n=cityssm.dateToString(new Date),l=()=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doAddWorkOrderMilestone",s,e=>{o(e),e.success&&a()})};r.querySelector("#milestoneAdd--workOrderMilestoneDateString").value{e.querySelector("#milestoneAdd--workOrderId").value=t;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)}e.querySelector("#milestoneAdd--workOrderMilestoneDateString").valueAsDate=new Date},onshown:(t,o)=>{r=t,a=o,e.initializeDatePickers(t),bulmaJS.toggleHtmlClipped(),(s=t.querySelector("form")).addEventListener("submit",n)},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})})}})(); \ No newline at end of file +"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),(()=>{const e=exports.los,t=document.querySelector("#workOrderEdit--workOrderId").value,o=""===t,r=document.querySelector("#form--workOrderEdit");e.initializeDatePickers(r.querySelector("#workOrderEdit--workOrderOpenDateString").closest(".field")),e.initializeUnlockFieldButtons(r),r.addEventListener("submit",t=>{t.preventDefault(),cityssm.postJSON(e.urlPrefix+"/workOrders/"+(o?"doCreateWorkOrder":"doUpdateWorkOrder"),t.currentTarget,t=>{t.success?(cityssm.disableNavBlocker(),o?window.location.href=e.urlPrefix+"/workOrders/"+t.workOrderId+"/edit":bulmaJS.alert({message:"Work Order Updated Successfully",contextualColorName:"success"})):bulmaJS.alert({title:"Error Updating Work Order",message:t.errorMessage||"",contextualColorName:"danger"})})});const s=r.querySelectorAll("input, select");for(const e of s)e.addEventListener("change",cityssm.enableNavBlocker);let a;if(!o){const o=()=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doCloseWorkOrder",{workOrderId:t},o=>{o.success?window.location.href=e.urlPrefix+"/workOrders/"+encodeURIComponent(t):bulmaJS.alert({title:"Error Closing Work Order",message:o.errorMessage||"",contextualColorName:"danger"})})};document.querySelector("#button--closeWorkOrder").addEventListener("click",()=>{a.some(e=>!e.workOrderMilestoneCompletionDate)?bulmaJS.alert({title:"Outstanding Milestones",message:"You cannot close a work order with outstanding milestones. Either complete the outstanding milestones, or remove them from the work order.",contextualColorName:"warning"}):bulmaJS.confirm({title:"Close Work Order",message:"Are you sure you want to close this work order?",contextualColorName:"info",okButton:{text:"Yes, Close Work Order",callbackFunction:o}})});const r=()=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doDeleteWorkOrder",{workOrderId:t},t=>{t.success?window.location.href=e.urlPrefix+"/workOrders":bulmaJS.alert({title:"Error Deleting Work Order",message:t.errorMessage||"",contextualColorName:"danger"})})};document.querySelector("#button--deleteWorkOrder").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:r}})})}if(!o){Object.defineProperty(exports,"__esModule",{value:!0});let o=exports.workOrderLots;delete exports.workOrderLots;let r=exports.workOrderLotOccupancies;delete exports.workOrderLotOccupancies;const s=o=>{const s=o.currentTarget.closest(".container--lotOccupancy").dataset.lotOccupancyId;bulmaJS.confirm({title:"Delete "+exports.aliases.lot+" "+exports.aliases.occupancy+" Relationship",message:"Are you sure you want to remove the relationship to this "+exports.aliases.lot.toLowerCase()+" "+exports.aliases.occupancy.toLowerCase()+" record from this work order? Note that the record will remain.",contextualColorName:"warning",okButton:{text:"Yes, Delete Relationship",callbackFunction:()=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doDeleteWorkOrderLotOccupancy",{workOrderId:t,lotOccupancyId:s},e=>{e.success?(r=e.workOrderLotOccupancies,m()):bulmaJS.alert({title:"Error Deleting Relationship",message:e.errorMessage||"",contextualColorName:"danger"})})}}})},a=(r,s)=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doAddWorkOrderLot",{workOrderId:t,lotId:r},e=>{e.success?(o=e.workOrderLots,m()):bulmaJS.alert({title:"Error Adding "+exports.aliases.lot,message:e.errorMessage||"",contextualColorName:"danger"}),s&&s(e.success)})},n=(o,s)=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doAddWorkOrderLotOccupancy",{workOrderId:t,lotOccupancyId:o},e=>{e.success?(r=e.workOrderLotOccupancies,m()):bulmaJS.alert({title:"Error Adding "+exports.aliases.occupancy,message:e.errorMessage||"",contextualColorName:"danger"}),s&&s(e.success)})},l=e=>{const t=e.currentTarget.dataset.lotId;a(t)},i=()=>{var t;const a=document.querySelector("#container--lotOccupancies");if(document.querySelector(".tabs a[href='#relatedTab--lotOccupancies'] .tag").textContent=r.length.toString(),0===r.length)return void(a.innerHTML='

There are no '+exports.aliases.occupancies.toLowerCase()+" associated with this work order.

");a.innerHTML='
'+exports.aliases.occupancy+" Type"+exports.aliases.lot+""+exports.aliases.occupancyStartDate+"End Date"+exports.aliases.occupants+'
';const n=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 c=!(i.occupancyEndDate&&i.occupancyEndDateStringi.lotId===e.lotId);r.innerHTML=''+(c?'':'')+''+cityssm.escapeHTML(i.occupancyType||"")+"",i.lotId?r.insertAdjacentHTML("beforeend",""+cityssm.escapeHTML(i.lotName||"")+(d?"":' ')+""):r.insertAdjacentHTML("beforeend",'(No '+exports.aliases.lot+")"),r.insertAdjacentHTML("beforeend",""+i.occupancyStartDateString+""+(i.occupancyEndDate?i.occupancyEndDateString:'(No End Date)')+""+(0===i.lotOccupancyOccupants.length?'(No '+cityssm.escapeHTML(exports.aliases.occupants)+")":null===(t=i.lotOccupancyOccupants)||void 0===t?void 0:t.reduce((e,t)=>e+' '+cityssm.escapeHTML(t.occupantName)+"
",""))+''),i.lotId&&!d&&r.querySelector(".button--addLot").addEventListener("click",l),r.querySelector(".button--deleteLotOccupancy").addEventListener("click",s),a.querySelector("tbody").append(r)}},c=r=>{const s=Number.parseInt(r.currentTarget.closest(".container--lot").dataset.lotId,10),a=o.find(e=>e.lotId===s);let n;const l=t=>{t.preventDefault(),cityssm.postJSON(e.urlPrefix+"/workOrders/doUpdateLotStatus",t.currentTarget,e=>{e.success?(o=e.workOrderLots,m(),n()):bulmaJS.alert({title:"Error Deleting Relationship",message:e.errorMessage||"",contextualColorName:"danger"})})};cityssm.openHtmlModal("lot-editLotStatus",{onshow:o=>{e.populateAliases(o),o.querySelector("#lotStatusEdit--lotId").value=s.toString(),o.querySelector("#lotStatusEdit--lotName").value=a.lotName;const r=o.querySelector("#lotStatusEdit--lotStatusId");let n=!1;for(const e of exports.lotStatuses){const t=document.createElement("option");t.value=e.lotStatusId.toString(),t.textContent=e.lotStatus,e.lotStatusId===a.lotStatusId&&(n=!0),r.append(t)}if(!n&&a.lotStatusId){const e=document.createElement("option");e.value=a.lotStatusId.toString(),e.textContent=a.lotStatus,r.append(e)}a.lotStatusId&&(r.value=a.lotStatusId.toString()),o.querySelector("form").insertAdjacentHTML("beforeend",'')},onshown:(e,t)=>{n=t,bulmaJS.toggleHtmlClipped(),e.querySelector("form").addEventListener("submit",l)},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})},d=r=>{const s=r.currentTarget.closest(".container--lot").dataset.lotId;bulmaJS.confirm({title:"Delete "+exports.aliases.lot+" "+exports.aliases.occupancy+" Relationship",message:"Are you sure you want to remove the relationship to this "+exports.aliases.lot.toLowerCase()+" "+exports.aliases.occupancy.toLowerCase()+" record from this work order? Note that the record will remain.",contextualColorName:"warning",okButton:{text:"Yes, Delete Relationship",callbackFunction:()=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doDeleteWorkOrderLot",{workOrderId:t,lotId:s},e=>{e.success?(o=e.workOrderLots,m()):bulmaJS.alert({title:"Error Deleting Relationship",message:e.errorMessage||"",contextualColorName:"danger"})})}}})},u=()=>{const t=document.querySelector("#container--lots");if(document.querySelector(".tabs a[href='#relatedTab--lots'] .tag").textContent=o.length.toString(),0!==o.length){t.innerHTML='
'+exports.aliases.lot+""+exports.aliases.map+""+exports.aliases.lot+' TypeStatus
';for(const r of o){const o=document.createElement("tr");o.className="container--lot",o.dataset.lotId=r.lotId.toString(),o.innerHTML=''+cityssm.escapeHTML(r.lotName||"")+""+cityssm.escapeHTML(r.mapName||"")+""+cityssm.escapeHTML(r.lotType||"")+""+(r.lotStatusId?cityssm.escapeHTML(r.lotStatus||""):'(No Status)')+' ',o.querySelector(".button--editLotStatus").addEventListener("click",c),o.querySelector(".button--deleteLot").addEventListener("click",d),t.querySelector("tbody").append(o)}}else t.innerHTML='

There are no '+exports.aliases.lots.toLowerCase()+" associated with this work order.

"},m=()=>{i(),u()};m();const p=e=>{const t=e.currentTarget.closest("tr"),o=t.dataset.lotOccupancyId;n(o,e=>{e&&t.remove()})};document.querySelector("#button--addLotOccupancy").addEventListener("click",()=>{let o,r;const s=t=>{t&&t.preventDefault(),r.innerHTML='


Searching...

',cityssm.postJSON(e.urlPrefix+"/lotOccupancies/doSearchLotOccupancies",o,e=>{if(0!==e.lotOccupancies.length){r.innerHTML='
'+exports.aliases.occupancy+" Type"+exports.aliases.lot+"Start DateEnd Date"+exports.aliases.occupants+"
";for(const t of e.lotOccupancies){const e=document.createElement("tr");e.className="container--lotOccupancy",e.dataset.lotOccupancyId=t.lotOccupancyId.toString(),e.innerHTML=''+cityssm.escapeHTML(t.occupancyType||"")+"",t.lotId?e.insertAdjacentHTML("beforeend",""+cityssm.escapeHTML(t.lotName||"")+""):e.insertAdjacentHTML("beforeend",'(No '+exports.aliases.lot+")"),e.insertAdjacentHTML("beforeend",""+t.occupancyStartDateString+""+(t.occupancyEndDate?t.occupancyEndDateString:'(No End Date)')+""+(0===t.lotOccupancyOccupants.length?'(No '+cityssm.escapeHTML(exports.aliases.occupants)+")":cityssm.escapeHTML(t.lotOccupancyOccupants[0].occupantName)+(t.lotOccupancyOccupants.length>1?" plus "+(t.lotOccupancyOccupants.length-1):""))+""),e.querySelector(".button--addLotOccupancy").addEventListener("click",p),r.querySelector("tbody").append(e)}}else r.innerHTML='

There are no records that meet the search criteria.

'})};cityssm.openHtmlModal("workOrder-addLotOccupancy",{onshow:a=>{e.populateAliases(a),o=a.querySelector("form"),r=a.querySelector("#resultsContainer--lotOccupancyAdd"),a.querySelector("#lotOccupancySearch--notWorkOrderId").value=t,a.querySelector("#lotOccupancySearch--occupancyEffectiveDateString").value=document.querySelector("#workOrderEdit--workOrderOpenDateString").value,s()},onshown:e=>{bulmaJS.toggleHtmlClipped(),e.querySelector("#lotOccupancySearch--occupantName").addEventListener("change",s),e.querySelector("#lotOccupancySearch--lotName").addEventListener("change",s),o.addEventListener("submit",s)},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})});const y=e=>{const t=e.currentTarget.closest("tr"),o=t.dataset.lotId;a(o,e=>{e&&t.remove()})};document.querySelector("#button--addLot").addEventListener("click",()=>{let o,r;const s=t=>{t&&t.preventDefault(),r.innerHTML='


Searching...

',cityssm.postJSON(e.urlPrefix+"/lots/doSearchLots",o,e=>{if(0!==e.lots.length){r.innerHTML='
'+exports.aliases.lot+""+exports.aliases.map+""+exports.aliases.lot+" TypeStatus
";for(const t of e.lots){const e=document.createElement("tr");e.className="container--lot",e.dataset.lotId=t.lotId.toString(),e.innerHTML=''+cityssm.escapeHTML(t.lotName||"")+""+cityssm.escapeHTML(t.mapName||"")+""+cityssm.escapeHTML(t.lotType||"")+""+cityssm.escapeHTML(t.lotStatus||"")+"",e.querySelector(".button--addLot").addEventListener("click",y),r.querySelector("tbody").append(e)}}else r.innerHTML='

There are no records that meet the search criteria.

'})};cityssm.openHtmlModal("workOrder-addLot",{onshow:a=>{e.populateAliases(a),o=a.querySelector("form"),r=a.querySelector("#resultsContainer--lotAdd"),a.querySelector("#lotSearch--notWorkOrderId").value=t;const n=a.querySelector("#lotSearch--lotStatusId");for(const e of exports.lotStatuses){const t=document.createElement("option");t.value=e.lotStatusId.toString(),t.textContent=e.lotStatus,n.append(t)}s()},onshown:e=>{bulmaJS.toggleHtmlClipped(),e.querySelector("#lotSearch--lotName").addEventListener("change",s),e.querySelector("#lotSearch--lotStatusId").addEventListener("change",s),o.addEventListener("submit",s)},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})})}Object.defineProperty(exports,"__esModule",{value:!0});let n=exports.workOrderComments;delete exports.workOrderComments;const l=o=>{const r=Number.parseInt(o.currentTarget.closest("tr").dataset.workOrderCommentId,10),s=n.find(e=>e.workOrderCommentId===r);let a,l;const i=t=>{t.preventDefault(),cityssm.postJSON(e.urlPrefix+"/workOrders/doUpdateWorkOrderComment",a,e=>{e.success?(n=e.workOrderComments,l(),c()):bulmaJS.alert({title:"Error Updating Comment",message:e.errorMessage||"",contextualColorName:"danger"})})};cityssm.openHtmlModal("workOrder-editComment",{onshow:e=>{e.querySelector("#workOrderCommentEdit--workOrderId").value=t,e.querySelector("#workOrderCommentEdit--workOrderCommentId").value=r.toString(),e.querySelector("#workOrderCommentEdit--workOrderComment").value=s.workOrderComment;const o=e.querySelector("#workOrderCommentEdit--workOrderCommentDateString");o.value=s.workOrderCommentDateString;const a=cityssm.dateToString(new Date);o.max=s.workOrderCommentDateString<=a?a:s.workOrderCommentDateString,e.querySelector("#workOrderCommentEdit--workOrderCommentTimeString").value=s.workOrderCommentTimeString},onshown:(t,o)=>{bulmaJS.toggleHtmlClipped(),e.initializeDatePickers(t),t.querySelector("#workOrderCommentEdit--workOrderComment").focus(),(a=t.querySelector("form")).addEventListener("submit",i),l=o},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})},i=o=>{const r=Number.parseInt(o.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:()=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doDeleteWorkOrderComment",{workOrderId:t,workOrderCommentId:r},e=>{e.success?(n=e.workOrderComments,c()):bulmaJS.alert({title:"Error Removing Comment",message:e.errorMessage||"",contextualColorName:"danger"})})}},contextualColorName:"warning"})},c=()=>{const e=document.querySelector("#container--workOrderComments");if(0===n.length)return void(e.innerHTML='

There are no comments to display.

');const t=document.createElement("table");t.className="table is-fullwidth is-striped is-hoverable",t.innerHTML='CommentorComment DateCommentOptions';for(const e of n){const o=document.createElement("tr");o.dataset.workOrderCommentId=e.workOrderCommentId.toString(),o.innerHTML=""+cityssm.escapeHTML(e.recordCreate_userName||"")+""+e.workOrderCommentDateString+(0===e.workOrderCommentTime?"":" "+e.workOrderCommentTimeString)+""+cityssm.escapeHTML(e.workOrderComment||"")+'
',o.querySelector(".button--edit").addEventListener("click",l),o.querySelector(".button--delete").addEventListener("click",i),t.querySelector("tbody").append(o)}e.innerHTML="",e.append(t)},d=()=>{let o;const r=t=>{t.preventDefault(),cityssm.postJSON(e.urlPrefix+"/workOrders/doAddWorkOrderComment",t.currentTarget,e=>{e.success&&(n=e.workOrderComments,c(),o())})};cityssm.openHtmlModal("workOrder-addComment",{onshow(o){e.populateAliases(o),o.querySelector("#workOrderCommentAdd--workOrderId").value=t,o.querySelector("form").addEventListener("submit",r)},onshown(e,t){bulmaJS.toggleHtmlClipped(),o=t,e.querySelector("#workOrderCommentAdd--workOrderComment").focus()},onremoved(){bulmaJS.toggleHtmlClipped(),document.querySelector("#workOrderComments--add").focus()}})};if(o||(document.querySelector("#workOrderComments--add").addEventListener("click",d),c()),!o){a=exports.workOrderMilestones,delete exports.workOrderMilestones;const o=e=>{e.success?(a=e.workOrderMilestones,i()):bulmaJS.alert({title:"Error Reopening Milestone",message:e.errorMessage||"",contextualColorName:"danger"})},r=r=>{r.preventDefault();const s=cityssm.dateToString(new Date),n=Number.parseInt(r.currentTarget.closest(".container--milestone").dataset.workOrderMilestoneId,10),l=a.find(e=>e.workOrderMilestoneId===n);bulmaJS.confirm({title:"Complete Milestone",message:"Are you sure you want to complete this milestone?"+(l.workOrderMilestoneDateString>s?"
Note that this milestone is expected to be completed in the future.":""),messageIsHtml:!0,contextualColorName:"warning",okButton:{text:"Yes, Complete Milestone",callbackFunction:()=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doCompleteWorkOrderMilestone",{workOrderId:t,workOrderMilestoneId:n},o)}}})},s=r=>{r.preventDefault();const s=r.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:()=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doReopenWorkOrderMilestone",{workOrderId:t,workOrderMilestoneId:s},o)}}})},n=r=>{r.preventDefault();const s=r.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:()=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doDeleteWorkOrderMilestone",{workOrderMilestoneId:s,workOrderId:t},o)}}})},l=r=>{r.preventDefault();const s=Number.parseInt(r.currentTarget.closest(".container--milestone").dataset.workOrderMilestoneId,10),n=a.find(e=>e.workOrderMilestoneId===s);let l;const i=t=>{t.preventDefault(),cityssm.postJSON(e.urlPrefix+"/workOrders/doUpdateWorkOrderMilestone",t.currentTarget,e=>{o(e),e.success&&l()})};cityssm.openHtmlModal("workOrder-editMilestone",{onshow:e=>{e.querySelector("#milestoneEdit--workOrderId").value=t,e.querySelector("#milestoneEdit--workOrderMilestoneId").value=n.workOrderMilestoneId.toString();const o=e.querySelector("#milestoneEdit--workOrderMilestoneTypeId");let r=!1;for(const e of exports.workOrderMilestoneTypes){const t=document.createElement("option");t.value=e.workOrderMilestoneTypeId.toString(),t.textContent=e.workOrderMilestoneType,e.workOrderMilestoneTypeId===n.workOrderMilestoneTypeId&&(t.selected=!0,r=!0),o.append(t)}if(!r&&n.workOrderMilestoneTypeId){const e=document.createElement("option");e.value=n.workOrderMilestoneTypeId.toString(),e.textContent=n.workOrderMilestoneType,e.selected=!0,o.append(e)}e.querySelector("#milestoneEdit--workOrderMilestoneDateString").value=n.workOrderMilestoneDateString,n.workOrderMilestoneTime&&(e.querySelector("#milestoneEdit--workOrderMilestoneTimeString").value=n.workOrderMilestoneTimeString),e.querySelector("#milestoneEdit--workOrderMilestoneDescription").value=n.workOrderMilestoneDescription},onshown:(t,o)=>{l=o,bulmaJS.toggleHtmlClipped(),e.initializeDatePickers(t),t.querySelector("form").addEventListener("submit",i)},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})},i=()=>{const e=document.querySelector("#panel--milestones"),t=e.querySelectorAll(".panel-block");for(const e of t)e.remove();for(const t of a){const o=document.createElement("div");o.className="panel-block is-block container--milestone",o.dataset.workOrderMilestoneId=t.workOrderMilestoneId.toString(),o.innerHTML='
'+(t.workOrderMilestoneCompletionDate?'':'')+'
'+(t.workOrderMilestoneTypeId?""+cityssm.escapeHTML(t.workOrderMilestoneType||"")+"
":"")+t.workOrderMilestoneDateString+(t.workOrderMilestoneTime?" "+t.workOrderMilestoneTimeString:"")+'
'+cityssm.escapeHTML(t.workOrderMilestoneDescription||"")+'
',t.workOrderMilestoneCompletionDate?o.querySelector(".button--reopenMilestone").addEventListener("click",s):(o.querySelector(".button--editMilestone").addEventListener("click",l),o.querySelector(".button--completeMilestone").addEventListener("click",r)),o.querySelector(".button--deleteMilestone").addEventListener("click",n),e.append(o)}bulmaJS.init(e)};i(),document.querySelector("#button--addMilestone").addEventListener("click",()=>{let r,s,a;const n=t=>{t&&t.preventDefault();const n=cityssm.dateToString(new Date),l=()=>{cityssm.postJSON(e.urlPrefix+"/workOrders/doAddWorkOrderMilestone",s,e=>{o(e),e.success&&a()})};r.querySelector("#milestoneAdd--workOrderMilestoneDateString").value{e.querySelector("#milestoneAdd--workOrderId").value=t;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)}e.querySelector("#milestoneAdd--workOrderMilestoneDateString").valueAsDate=new Date},onshown:(t,o)=>{r=t,a=o,e.initializeDatePickers(t),bulmaJS.toggleHtmlClipped(),(s=t.querySelector("form")).addEventListener("submit",n)},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})})}})(); \ No newline at end of file diff --git a/tsconfig.client.json b/tsconfig.client.json index f0b77334..c05267ea 100644 --- a/tsconfig.client.json +++ b/tsconfig.client.json @@ -28,7 +28,9 @@ "public-typescript/mapSearch.ts", "public-typescript/mapView.ts", "public-typescript/reportSearch.ts", - "public-typescript/workOrderEdit.ts", + "public-typescript/workOrderEdit/workOrderEdit.ts", + "public-typescript/workOrderEdit/workOrderEditComments.ts", + "public-typescript/workOrderEdit/workOrderEditLots.ts", "public-typescript/workOrderMilestoneCalendar.ts", "public-typescript/workOrderOutlook.ts", "public-typescript/workOrderSearch.ts",