From f220a842bdcb2d213f5b45140013fef85201713e Mon Sep 17 00:00:00 2001 From: Dan Gowans Date: Fri, 30 Dec 2022 10:59:57 -0500 Subject: [PATCH] refactoring --- public-typescript/adminOccupancyTypes.js | 182 ++++++++-------- public-typescript/adminOccupancyTypes.ts | 205 +++++++++--------- public/javascripts/adminOccupancyTypes.min.js | 2 +- 3 files changed, 187 insertions(+), 202 deletions(-) diff --git a/public-typescript/adminOccupancyTypes.js b/public-typescript/adminOccupancyTypes.js index 59665b25..c1b0c929 100644 --- a/public-typescript/adminOccupancyTypes.js +++ b/public-typescript/adminOccupancyTypes.js @@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); let allOccupancyTypeFields = exports.allOccupancyTypeFields; delete exports.allOccupancyTypeFields; const expandedOccupancyTypes = new Set(); - const toggleOccupancyTypeFields = (clickEvent) => { + function toggleOccupancyTypeFields(clickEvent) { const toggleButtonElement = clickEvent.currentTarget; const occupancyTypeElement = toggleButtonElement.closest(".container--occupancyType"); const occupancyTypeId = Number.parseInt(occupancyTypeElement.dataset.occupancyTypeId, 10); @@ -27,8 +27,8 @@ Object.defineProperty(exports, "__esModule", { value: true }); for (const panelBlockElement of panelBlockElements) { panelBlockElement.classList.toggle("is-hidden"); } - }; - const occupancyTypeResponseHandler = (responseJSON) => { + } + function occupancyTypeResponseHandler(responseJSON) { if (responseJSON.success) { occupancyTypes = responseJSON.occupancyTypes; allOccupancyTypeFields = responseJSON.allOccupancyTypeFields; @@ -41,33 +41,31 @@ Object.defineProperty(exports, "__esModule", { value: true }); contextualColorName: "danger" }); } - }; - const deleteOccupancyType = (clickEvent) => { + } + function deleteOccupancyType(clickEvent) { const occupancyTypeId = Number.parseInt(clickEvent.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId, 10); - const doDelete = () => { + function doDelete() { cityssm.postJSON(los.urlPrefix + "/admin/doDeleteOccupancyType", { occupancyTypeId }, occupancyTypeResponseHandler); - }; + } bulmaJS.confirm({ - title: "Delete " + exports.aliases.occupancy + " Type", - message: "Are you sure you want to delete this " + - exports.aliases.occupancy.toLowerCase() + - " type?", + title: `Delete ${exports.aliases.occupancy} Type`, + message: `Are you sure you want to delete this ${exports.aliases.occupancy.toLowerCase()} type?`, contextualColorName: "warning", okButton: { - text: "Yes, Delete " + exports.aliases.occupancy + " Type", + text: `Yes, Delete ${exports.aliases.occupancy} Type`, callbackFunction: doDelete } }); - }; - const openEditOccupancyType = (clickEvent) => { + } + function openEditOccupancyType(clickEvent) { const occupancyTypeId = Number.parseInt(clickEvent.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId, 10); const occupancyType = occupancyTypes.find((currentOccupancyType) => { return occupancyTypeId === currentOccupancyType.occupancyTypeId; }); let editCloseModalFunction; - const doEdit = (submitEvent) => { + function doEdit(submitEvent) { submitEvent.preventDefault(); cityssm.postJSON(los.urlPrefix + "/admin/doUpdateOccupancyType", submitEvent.currentTarget, (responseJSON) => { occupancyTypeResponseHandler(responseJSON); @@ -75,28 +73,28 @@ Object.defineProperty(exports, "__esModule", { value: true }); editCloseModalFunction(); } }); - }; + } cityssm.openHtmlModal("adminOccupancyTypes-editOccupancyType", { - onshow: (modalElement) => { + onshow(modalElement) { los.populateAliases(modalElement); modalElement.querySelector("#occupancyTypeEdit--occupancyTypeId").value = occupancyTypeId.toString(); modalElement.querySelector("#occupancyTypeEdit--occupancyType").value = occupancyType.occupancyType; }, - onshown: (modalElement, closeModalFunction) => { + onshown(modalElement, closeModalFunction) { editCloseModalFunction = closeModalFunction; modalElement.querySelector("#occupancyTypeEdit--occupancyType").focus(); modalElement.querySelector("form").addEventListener("submit", doEdit); bulmaJS.toggleHtmlClipped(); }, - onremoved: () => { + onremoved() { bulmaJS.toggleHtmlClipped(); } }); - }; - const openAddOccupancyTypeField = (clickEvent) => { + } + function openAddOccupancyTypeField(clickEvent) { const occupancyTypeId = Number.parseInt(clickEvent.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId, 10); let addCloseModalFunction; - const doAdd = (submitEvent) => { + function doAdd(submitEvent) { submitEvent.preventDefault(); cityssm.postJSON(los.urlPrefix + "/admin/doAddOccupancyTypeField", submitEvent.currentTarget, (responseJSON) => { expandedOccupancyTypes.add(occupancyTypeId); @@ -106,42 +104,42 @@ Object.defineProperty(exports, "__esModule", { value: true }); openEditOccupancyTypeField(occupancyTypeId, responseJSON.occupancyTypeFieldId); } }); - }; + } cityssm.openHtmlModal("adminOccupancyTypes-addOccupancyTypeField", { - onshow: (modalElement) => { + onshow(modalElement) { los.populateAliases(modalElement); if (occupancyTypeId) { modalElement.querySelector("#occupancyTypeFieldAdd--occupancyTypeId").value = occupancyTypeId.toString(); } }, - onshown: (modalElement, closeModalFunction) => { + onshown(modalElement, closeModalFunction) { addCloseModalFunction = closeModalFunction; modalElement.querySelector("#occupancyTypeFieldAdd--occupancyTypeField").focus(); modalElement.querySelector("form").addEventListener("submit", doAdd); bulmaJS.toggleHtmlClipped(); }, - onremoved: () => { + onremoved() { bulmaJS.toggleHtmlClipped(); } }); - }; - const moveOccupancyTypeUp = (clickEvent) => { + } + function moveOccupancyTypeUp(clickEvent) { clickEvent.preventDefault(); const occupancyTypeId = clickEvent.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId; cityssm.postJSON(los.urlPrefix + "/admin/doMoveOccupancyTypeUp", { occupancyTypeId, moveToTop: clickEvent.shiftKey ? "1" : "0" }, occupancyTypeResponseHandler); - }; - const moveOccupancyTypeDown = (clickEvent) => { + } + function moveOccupancyTypeDown(clickEvent) { clickEvent.preventDefault(); const occupancyTypeId = clickEvent.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId; cityssm.postJSON(los.urlPrefix + "/admin/doMoveOccupancyTypeDown", { occupancyTypeId, moveToBottom: clickEvent.shiftKey ? "1" : "0" }, occupancyTypeResponseHandler); - }; - const openEditOccupancyTypeField = (occupancyTypeId, occupancyTypeFieldId) => { + } + function openEditOccupancyTypeField(occupancyTypeId, occupancyTypeFieldId) { let occupancyType; if (occupancyTypeId) { occupancyType = occupancyTypes.find((currentOccupancyType) => { @@ -156,10 +154,10 @@ Object.defineProperty(exports, "__esModule", { value: true }); let patternElement; let occupancyTypeFieldValuesElement; let editCloseModalFunction; - const updateMaximumLengthMin = () => { + function updateMaximumLengthMin() { maximumLengthElement.min = minimumLengthElement.value; - }; - const toggleInputFields = () => { + } + function toggleInputFields() { if (occupancyTypeFieldValuesElement.value === "") { minimumLengthElement.disabled = false; maximumLengthElement.disabled = false; @@ -170,8 +168,8 @@ Object.defineProperty(exports, "__esModule", { value: true }); maximumLengthElement.disabled = true; patternElement.disabled = true; } - }; - const doUpdate = (submitEvent) => { + } + function doUpdate(submitEvent) { submitEvent.preventDefault(); cityssm.postJSON(los.urlPrefix + "/admin/doUpdateOccupancyTypeField", submitEvent.currentTarget, (responseJSON) => { occupancyTypeResponseHandler(responseJSON); @@ -179,28 +177,28 @@ Object.defineProperty(exports, "__esModule", { value: true }); editCloseModalFunction(); } }); - }; - const doDelete = () => { - const _doDelete = () => { - cityssm.postJSON(los.urlPrefix + "/admin/doDeleteOccupancyTypeField", { - occupancyTypeFieldId - }, (responseJSON) => { - occupancyTypeResponseHandler(responseJSON); - if (responseJSON.success) { - editCloseModalFunction(); - } - }); - }; + } + function doDelete() { + cityssm.postJSON(los.urlPrefix + "/admin/doDeleteOccupancyTypeField", { + occupancyTypeFieldId + }, (responseJSON) => { + occupancyTypeResponseHandler(responseJSON); + if (responseJSON.success) { + editCloseModalFunction(); + } + }); + } + function confirmDoDelete() { bulmaJS.confirm({ title: "Delete Field", message: "Are you sure you want to delete this field? Note that historical records that make use of this field will not be affected.", contextualColorName: "warning", okButton: { text: "Yes, Delete Field", - callbackFunction: _doDelete + callbackFunction: doDelete } }); - }; + } cityssm.openHtmlModal("adminOccupancyTypes-editOccupancyTypeField", { onshow: (modalElement) => { los.populateAliases(modalElement); @@ -227,37 +225,37 @@ Object.defineProperty(exports, "__esModule", { value: true }); minimumLengthElement.addEventListener("keyup", updateMaximumLengthMin); updateMaximumLengthMin(); occupancyTypeFieldValuesElement.addEventListener("keyup", toggleInputFields); - modalElement.querySelector("#button--deleteOccupancyTypeField").addEventListener("click", doDelete); + modalElement.querySelector("#button--deleteOccupancyTypeField").addEventListener("click", confirmDoDelete); }, onremoved: () => { bulmaJS.toggleHtmlClipped(); cityssm.disableNavBlocker(); } }); - }; - const openEditOccupancyTypeFieldByClick = (clickEvent) => { + } + function openEditOccupancyTypeFieldByClick(clickEvent) { clickEvent.preventDefault(); const occupancyTypeFieldId = Number.parseInt(clickEvent.currentTarget.closest(".container--occupancyTypeField").dataset.occupancyTypeFieldId, 10); const occupancyTypeId = Number.parseInt(clickEvent.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId, 10); openEditOccupancyTypeField(occupancyTypeId, occupancyTypeFieldId); - }; - const moveOccupancyTypeFieldUp = (clickEvent) => { + } + function moveOccupancyTypeFieldUp(clickEvent) { clickEvent.preventDefault(); const occupancyTypeFieldId = clickEvent.currentTarget.closest(".container--occupancyTypeField").dataset.occupancyTypeFieldId; cityssm.postJSON(los.urlPrefix + "/admin/doMoveOccupancyTypeFieldUp", { occupancyTypeFieldId, moveToTop: clickEvent.shiftKey ? "1" : "0" }, occupancyTypeResponseHandler); - }; - const moveOccupancyTypeFieldDown = (clickEvent) => { + } + function moveOccupancyTypeFieldDown(clickEvent) { clickEvent.preventDefault(); const occupancyTypeFieldId = clickEvent.currentTarget.closest(".container--occupancyTypeField").dataset.occupancyTypeFieldId; cityssm.postJSON(los.urlPrefix + "/admin/doMoveOccupancyTypeFieldDown", { occupancyTypeFieldId, moveToBottom: clickEvent.shiftKey ? "1" : "0" }, occupancyTypeResponseHandler); - }; - const renderOccupancyTypeFields = (panelElement, occupancyTypeId, occupancyTypeFields) => { + } + function renderOccupancyTypeFields(panelElement, occupancyTypeId, occupancyTypeFields) { if (occupancyTypeFields.length === 0) { panelElement.insertAdjacentHTML("beforeend", '
{ + } + function openAddOccupancyTypePrint(clickEvent) { const occupancyTypeId = clickEvent.currentTarget.closest(".container--occupancyTypePrintList").dataset.occupancyTypeId; let closeAddModalFunction; - const doAdd = (formEvent) => { + function doAdd(formEvent) { formEvent.preventDefault(); cityssm.postJSON(los.urlPrefix + "/admin/doAddOccupancyTypePrint", formEvent.currentTarget, (responseJSON) => { if (responseJSON.success) { @@ -322,9 +320,9 @@ Object.defineProperty(exports, "__esModule", { value: true }); } occupancyTypeResponseHandler(responseJSON); }); - }; + } cityssm.openHtmlModal("adminOccupancyTypes-addOccupancyTypePrint", { - onshow: (modalElement) => { + onshow(modalElement) { los.populateAliases(modalElement); modalElement.querySelector("#occupancyTypePrintAdd--occupancyTypeId").value = occupancyTypeId; const printSelectElement = modalElement.querySelector("#occupancyTypePrintAdd--printEJS"); @@ -335,14 +333,14 @@ Object.defineProperty(exports, "__esModule", { value: true }); printSelectElement.append(optionElement); } }, - onshown: (modalElement, closeModalFunction) => { + onshown(modalElement, closeModalFunction) { var _a; closeAddModalFunction = closeModalFunction; (_a = modalElement.querySelector("form")) === null || _a === void 0 ? void 0 : _a.addEventListener("submit", doAdd); } }); - }; - const moveOccupancyTypePrintUp = (clickEvent) => { + } + function moveOccupancyTypePrintUp(clickEvent) { clickEvent.preventDefault(); const printEJS = clickEvent.currentTarget.closest(".container--occupancyTypePrint").dataset.printEJS; const occupancyTypeId = clickEvent.currentTarget.closest(".container--occupancyTypePrintList").dataset.occupancyTypeId; @@ -351,8 +349,8 @@ Object.defineProperty(exports, "__esModule", { value: true }); printEJS, moveToTop: clickEvent.shiftKey ? "1" : "0" }, occupancyTypeResponseHandler); - }; - const moveOccupancyTypePrintDown = (clickEvent) => { + } + function moveOccupancyTypePrintDown(clickEvent) { clickEvent.preventDefault(); const printEJS = clickEvent.currentTarget.closest(".container--occupancyTypePrint").dataset.printEJS; const occupancyTypeId = clickEvent.currentTarget.closest(".container--occupancyTypePrintList").dataset.occupancyTypeId; @@ -361,17 +359,17 @@ Object.defineProperty(exports, "__esModule", { value: true }); printEJS, moveToBottom: clickEvent.shiftKey ? "1" : "0" }, occupancyTypeResponseHandler); - }; - const deleteOccupancyTypePrint = (clickEvent) => { + } + function deleteOccupancyTypePrint(clickEvent) { clickEvent.preventDefault(); const printEJS = clickEvent.currentTarget.closest(".container--occupancyTypePrint").dataset.printEJS; const occupancyTypeId = clickEvent.currentTarget.closest(".container--occupancyTypePrintList").dataset.occupancyTypeId; - const doDelete = () => { + function doDelete() { cityssm.postJSON(los.urlPrefix + "/admin/doDeleteOccupancyTypePrint", { occupancyTypeId, printEJS }, occupancyTypeResponseHandler); - }; + } bulmaJS.confirm({ title: "Delete Print", message: "Are you sure you want to remove this print option?", @@ -381,14 +379,14 @@ Object.defineProperty(exports, "__esModule", { value: true }); callbackFunction: doDelete } }); - }; - const renderOccupancyTypePrints = (panelElement, occupancyTypeId, occupancyTypePrints) => { + } + function renderOccupancyTypePrints(panelElement, occupancyTypeId, occupancyTypePrints) { if (occupancyTypePrints.length === 0) { - panelElement.insertAdjacentHTML("beforeend", '
' + - '
' + - '

There are no prints associated with this record.

' + - "
" + - "
"); + panelElement.insertAdjacentHTML("beforeend", `
+
+

There are no prints associated with this record.

+
+
`); } else { for (const printEJS of occupancyTypePrints) { @@ -446,8 +444,8 @@ Object.defineProperty(exports, "__esModule", { value: true }); panelElement.append(panelBlockElement); } } - }; - const renderOccupancyTypes = () => { + } + function renderOccupancyTypes() { occupancyTypesContainerElement.innerHTML = '
' + '
' + @@ -474,16 +472,12 @@ Object.defineProperty(exports, "__esModule", { value: true }); renderOccupancyTypeFields(occupancyTypesContainerElement.querySelector("#container--allOccupancyTypeFields"), undefined, allOccupancyTypeFields); occupancyTypesContainerElement.querySelector(".button--addOccupancyTypeField").addEventListener("click", openAddOccupancyTypeField); if (occupancyTypes.length === 0) { - occupancyTypesContainerElement.insertAdjacentHTML("afterbegin", '
There are no active ' + - exports.aliases.occupancy.toLowerCase() + - " types.

" + - "
"); - occupancyTypePrintsContainerElement.insertAdjacentHTML("afterbegin", '
There are no active ' + - exports.aliases.occupancy.toLowerCase() + - " types.

" + - "
"); + occupancyTypesContainerElement.insertAdjacentHTML("afterbegin", `
There are no active ${los.escapedAliases.occupancy} types.

+
`); + occupancyTypePrintsContainerElement.insertAdjacentHTML("afterbegin", `
There are no active ${los.escapedAliases.occupancy} types.

+
`); return; } for (const occupancyType of occupancyTypes) { @@ -588,7 +582,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); occupancyTypePrintsContainerElement.append(occupancyTypePrintContainer); } } - }; + } document.querySelector("#button--addOccupancyType").addEventListener("click", () => { let addCloseModalFunction; const doAdd = (submitEvent) => { diff --git a/public-typescript/adminOccupancyTypes.ts b/public-typescript/adminOccupancyTypes.ts index 2511a3f1..9495f32c 100644 --- a/public-typescript/adminOccupancyTypes.ts +++ b/public-typescript/adminOccupancyTypes.ts @@ -28,7 +28,7 @@ declare const bulmaJS: BulmaJS; const expandedOccupancyTypes = new Set(); - const toggleOccupancyTypeFields = (clickEvent: Event) => { + function toggleOccupancyTypeFields(clickEvent: Event): void { const toggleButtonElement = clickEvent.currentTarget as HTMLButtonElement; const occupancyTypeElement = toggleButtonElement.closest( @@ -52,14 +52,14 @@ declare const bulmaJS: BulmaJS; for (const panelBlockElement of panelBlockElements) { panelBlockElement.classList.toggle("is-hidden"); } - }; + } - const occupancyTypeResponseHandler = (responseJSON: { + function occupancyTypeResponseHandler(responseJSON: { success: boolean; errorMessage?: string; occupancyTypes?: recordTypes.OccupancyType[]; allOccupancyTypeFields?: recordTypes.OccupancyTypeField[]; - }) => { + }) { if (responseJSON.success) { occupancyTypes = responseJSON.occupancyTypes!; allOccupancyTypeFields = responseJSON.allOccupancyTypeFields!; @@ -71,9 +71,9 @@ declare const bulmaJS: BulmaJS; contextualColorName: "danger" }); } - }; + } - const deleteOccupancyType = (clickEvent: Event) => { + function deleteOccupancyType(clickEvent: Event) { const occupancyTypeId = Number.parseInt( ( (clickEvent.currentTarget as HTMLElement).closest( @@ -83,7 +83,7 @@ declare const bulmaJS: BulmaJS; 10 ); - const doDelete = () => { + function doDelete(): void { cityssm.postJSON( los.urlPrefix + "/admin/doDeleteOccupancyType", { @@ -91,23 +91,20 @@ declare const bulmaJS: BulmaJS; }, occupancyTypeResponseHandler ); - }; + } bulmaJS.confirm({ - title: "Delete " + exports.aliases.occupancy + " Type", - message: - "Are you sure you want to delete this " + - exports.aliases.occupancy.toLowerCase() + - " type?", + title: `Delete ${exports.aliases.occupancy} Type`, + message: `Are you sure you want to delete this ${exports.aliases.occupancy.toLowerCase()} type?`, contextualColorName: "warning", okButton: { - text: "Yes, Delete " + exports.aliases.occupancy + " Type", + text: `Yes, Delete ${exports.aliases.occupancy} Type`, callbackFunction: doDelete } }); - }; + } - const openEditOccupancyType = (clickEvent: Event) => { + function openEditOccupancyType(clickEvent: Event): void { const occupancyTypeId = Number.parseInt( ( (clickEvent.currentTarget as HTMLElement).closest( @@ -123,7 +120,7 @@ declare const bulmaJS: BulmaJS; let editCloseModalFunction: () => void; - const doEdit = (submitEvent: SubmitEvent) => { + function doEdit(submitEvent: SubmitEvent): void { submitEvent.preventDefault(); cityssm.postJSON( @@ -141,10 +138,10 @@ declare const bulmaJS: BulmaJS; } } ); - }; + } cityssm.openHtmlModal("adminOccupancyTypes-editOccupancyType", { - onshow: (modalElement) => { + onshow(modalElement): void { los.populateAliases(modalElement); ( @@ -159,7 +156,7 @@ declare const bulmaJS: BulmaJS; ) as HTMLInputElement ).value = occupancyType.occupancyType; }, - onshown: (modalElement, closeModalFunction) => { + onshown(modalElement, closeModalFunction) { editCloseModalFunction = closeModalFunction; ( @@ -172,13 +169,13 @@ declare const bulmaJS: BulmaJS; bulmaJS.toggleHtmlClipped(); }, - onremoved: () => { + onremoved() { bulmaJS.toggleHtmlClipped(); } }); - }; + } - const openAddOccupancyTypeField = (clickEvent: Event) => { + function openAddOccupancyTypeField(clickEvent: Event) { const occupancyTypeId = Number.parseInt( ( (clickEvent.currentTarget as HTMLElement).closest( @@ -190,7 +187,7 @@ declare const bulmaJS: BulmaJS; let addCloseModalFunction: () => void; - const doAdd = (submitEvent: SubmitEvent) => { + function doAdd(submitEvent: SubmitEvent) { submitEvent.preventDefault(); cityssm.postJSON( @@ -215,10 +212,10 @@ declare const bulmaJS: BulmaJS; } } ); - }; + } cityssm.openHtmlModal("adminOccupancyTypes-addOccupancyTypeField", { - onshow: (modalElement) => { + onshow(modalElement) { los.populateAliases(modalElement); if (occupancyTypeId) { @@ -229,7 +226,7 @@ declare const bulmaJS: BulmaJS; ).value = occupancyTypeId.toString(); } }, - onshown: (modalElement, closeModalFunction) => { + onshown(modalElement, closeModalFunction) { addCloseModalFunction = closeModalFunction; ( @@ -242,13 +239,13 @@ declare const bulmaJS: BulmaJS; bulmaJS.toggleHtmlClipped(); }, - onremoved: () => { + onremoved() { bulmaJS.toggleHtmlClipped(); } }); - }; + } - const moveOccupancyTypeUp = (clickEvent: MouseEvent) => { + function moveOccupancyTypeUp(clickEvent: MouseEvent) { clickEvent.preventDefault(); const occupancyTypeId = ( @@ -265,9 +262,9 @@ declare const bulmaJS: BulmaJS; }, occupancyTypeResponseHandler ); - }; + } - const moveOccupancyTypeDown = (clickEvent: MouseEvent) => { + function moveOccupancyTypeDown(clickEvent: MouseEvent) { clickEvent.preventDefault(); const occupancyTypeId = ( @@ -284,9 +281,9 @@ declare const bulmaJS: BulmaJS; }, occupancyTypeResponseHandler ); - }; + } - const openEditOccupancyTypeField = (occupancyTypeId: number, occupancyTypeFieldId: number) => { + function openEditOccupancyTypeField(occupancyTypeId: number, occupancyTypeFieldId: number) { let occupancyType: recordTypes.OccupancyType | undefined; if (occupancyTypeId) { @@ -308,11 +305,11 @@ declare const bulmaJS: BulmaJS; let editCloseModalFunction: () => void; - const updateMaximumLengthMin = () => { + function updateMaximumLengthMin(): void { maximumLengthElement.min = minimumLengthElement.value; - }; + } - const toggleInputFields = () => { + function toggleInputFields(): void { if (occupancyTypeFieldValuesElement.value === "") { minimumLengthElement.disabled = false; maximumLengthElement.disabled = false; @@ -322,9 +319,9 @@ declare const bulmaJS: BulmaJS; maximumLengthElement.disabled = true; patternElement.disabled = true; } - }; + } - const doUpdate = (submitEvent: SubmitEvent) => { + function doUpdate(submitEvent: SubmitEvent): void { submitEvent.preventDefault(); cityssm.postJSON( @@ -341,28 +338,28 @@ declare const bulmaJS: BulmaJS; } } ); - }; + } - const doDelete = () => { - const _doDelete = () => { - cityssm.postJSON( - los.urlPrefix + "/admin/doDeleteOccupancyTypeField", - { - occupancyTypeFieldId - }, - (responseJSON: { - success: boolean; - errorMessage?: string; - occupancyTypes?: recordTypes.OccupancyType[]; - }) => { - occupancyTypeResponseHandler(responseJSON); - if (responseJSON.success) { - editCloseModalFunction(); - } + function doDelete() { + cityssm.postJSON( + los.urlPrefix + "/admin/doDeleteOccupancyTypeField", + { + occupancyTypeFieldId + }, + (responseJSON: { + success: boolean; + errorMessage?: string; + occupancyTypes?: recordTypes.OccupancyType[]; + }) => { + occupancyTypeResponseHandler(responseJSON); + if (responseJSON.success) { + editCloseModalFunction(); } - ); - }; + } + ); + } + function confirmDoDelete() { bulmaJS.confirm({ title: "Delete Field", message: @@ -370,10 +367,10 @@ declare const bulmaJS: BulmaJS; contextualColorName: "warning", okButton: { text: "Yes, Delete Field", - callbackFunction: _doDelete + callbackFunction: doDelete } }); - }; + } cityssm.openHtmlModal("adminOccupancyTypes-editOccupancyTypeField", { onshow: (modalElement) => { @@ -442,16 +439,16 @@ declare const bulmaJS: BulmaJS; modalElement.querySelector( "#button--deleteOccupancyTypeField" ) as HTMLButtonElement - ).addEventListener("click", doDelete); + ).addEventListener("click", confirmDoDelete); }, onremoved: () => { bulmaJS.toggleHtmlClipped(); cityssm.disableNavBlocker(); } }); - }; + } - const openEditOccupancyTypeFieldByClick = (clickEvent: Event) => { + function openEditOccupancyTypeFieldByClick(clickEvent: Event) { clickEvent.preventDefault(); const occupancyTypeFieldId = Number.parseInt( @@ -473,9 +470,9 @@ declare const bulmaJS: BulmaJS; ); openEditOccupancyTypeField(occupancyTypeId, occupancyTypeFieldId); - }; + } - const moveOccupancyTypeFieldUp = (clickEvent: MouseEvent) => { + function moveOccupancyTypeFieldUp(clickEvent: MouseEvent) { clickEvent.preventDefault(); const occupancyTypeFieldId = ( @@ -492,9 +489,9 @@ declare const bulmaJS: BulmaJS; }, occupancyTypeResponseHandler ); - }; + } - const moveOccupancyTypeFieldDown = (clickEvent: MouseEvent) => { + function moveOccupancyTypeFieldDown(clickEvent: MouseEvent) { clickEvent.preventDefault(); const occupancyTypeFieldId = ( @@ -511,13 +508,13 @@ declare const bulmaJS: BulmaJS; }, occupancyTypeResponseHandler ); - }; + } - const renderOccupancyTypeFields = ( + function renderOccupancyTypeFields( panelElement: HTMLElement, occupancyTypeId: number | undefined, occupancyTypeFields: recordTypes.OccupancyTypeField[] - ) => { + ) { if (occupancyTypeFields.length === 0) { panelElement.insertAdjacentHTML( "beforeend", @@ -591,9 +588,9 @@ declare const bulmaJS: BulmaJS; panelElement.append(panelBlockElement); } } - }; + } - const openAddOccupancyTypePrint = (clickEvent: MouseEvent) => { + function openAddOccupancyTypePrint(clickEvent: MouseEvent): void { const occupancyTypeId = ( (clickEvent.currentTarget as HTMLElement).closest( ".container--occupancyTypePrintList" @@ -602,7 +599,7 @@ declare const bulmaJS: BulmaJS; let closeAddModalFunction: () => void; - const doAdd = (formEvent: SubmitEvent) => { + function doAdd(formEvent: SubmitEvent) { formEvent.preventDefault(); cityssm.postJSON( @@ -621,10 +618,10 @@ declare const bulmaJS: BulmaJS; occupancyTypeResponseHandler(responseJSON); } ); - }; + } cityssm.openHtmlModal("adminOccupancyTypes-addOccupancyTypePrint", { - onshow: (modalElement) => { + onshow(modalElement) { los.populateAliases(modalElement); ( @@ -646,15 +643,15 @@ declare const bulmaJS: BulmaJS; printSelectElement.append(optionElement); } }, - onshown: (modalElement, closeModalFunction) => { + onshown(modalElement, closeModalFunction) { closeAddModalFunction = closeModalFunction; modalElement.querySelector("form")?.addEventListener("submit", doAdd); } }); - }; + } - const moveOccupancyTypePrintUp = (clickEvent: MouseEvent) => { + function moveOccupancyTypePrintUp(clickEvent: MouseEvent): void { clickEvent.preventDefault(); const printEJS = ( @@ -678,9 +675,9 @@ declare const bulmaJS: BulmaJS; }, occupancyTypeResponseHandler ); - }; + } - const moveOccupancyTypePrintDown = (clickEvent: MouseEvent) => { + function moveOccupancyTypePrintDown(clickEvent: MouseEvent): void { clickEvent.preventDefault(); const printEJS = ( @@ -704,9 +701,9 @@ declare const bulmaJS: BulmaJS; }, occupancyTypeResponseHandler ); - }; + } - const deleteOccupancyTypePrint = (clickEvent: MouseEvent) => { + function deleteOccupancyTypePrint(clickEvent: MouseEvent): void { clickEvent.preventDefault(); const printEJS = ( @@ -721,7 +718,7 @@ declare const bulmaJS: BulmaJS; ) as HTMLElement ).dataset.occupancyTypeId; - const doDelete = () => { + function doDelete() { cityssm.postJSON( los.urlPrefix + "/admin/doDeleteOccupancyTypePrint", { @@ -730,7 +727,7 @@ declare const bulmaJS: BulmaJS; }, occupancyTypeResponseHandler ); - }; + } bulmaJS.confirm({ title: "Delete Print", @@ -741,21 +738,21 @@ declare const bulmaJS: BulmaJS; callbackFunction: doDelete } }); - }; + } - const renderOccupancyTypePrints = ( + function renderOccupancyTypePrints( panelElement: HTMLElement, occupancyTypeId: number, occupancyTypePrints: string[] - ) => { + ): void { if (occupancyTypePrints.length === 0) { panelElement.insertAdjacentHTML( "beforeend", - '
' + - '
' + - '

There are no prints associated with this record.

' + - "
" + - "
" + `
+
+

There are no prints associated with this record.

+
+
` ); } else { for (const printEJS of occupancyTypePrints) { @@ -834,9 +831,9 @@ declare const bulmaJS: BulmaJS; panelElement.append(panelBlockElement); } } - }; + } - const renderOccupancyTypes = () => { + function renderOccupancyTypes(): void { occupancyTypesContainerElement.innerHTML = '
' + '
' + @@ -879,20 +876,16 @@ declare const bulmaJS: BulmaJS; if (occupancyTypes.length === 0) { occupancyTypesContainerElement.insertAdjacentHTML( "afterbegin", - '
There are no active ' + - exports.aliases.occupancy.toLowerCase() + - " types.

" + - "
" + `
There are no active ${los.escapedAliases.occupancy} types.

+
` ); occupancyTypePrintsContainerElement.insertAdjacentHTML( "afterbegin", - '
There are no active ' + - exports.aliases.occupancy.toLowerCase() + - " types.

" + - "
" + `
There are no active ${los.escapedAliases.occupancy} types.

+
` ); return; @@ -900,7 +893,6 @@ declare const bulmaJS: BulmaJS; for (const occupancyType of occupancyTypes) { // Types and Fields - { const occupancyTypeContainer = document.createElement("div"); @@ -1011,7 +1003,6 @@ declare const bulmaJS: BulmaJS; } // Prints - { const occupancyTypePrintContainer = document.createElement("div"); @@ -1056,7 +1047,7 @@ declare const bulmaJS: BulmaJS; occupancyTypePrintsContainerElement.append(occupancyTypePrintContainer); } } - }; + } (document.querySelector("#button--addOccupancyType") as HTMLButtonElement).addEventListener( "click", diff --git a/public/javascripts/adminOccupancyTypes.min.js b/public/javascripts/adminOccupancyTypes.min.js index 33e1b9bb..65358294 100644 --- a/public/javascripts/adminOccupancyTypes.min.js +++ b/public/javascripts/adminOccupancyTypes.min.js @@ -1 +1 @@ -"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),(()=>{const e=exports.los,c=document.querySelector("#container--occupancyTypes"),t=document.querySelector("#container--occupancyTypePrints");let a=exports.occupancyTypes;delete exports.occupancyTypes;let n=exports.allOccupancyTypeFields;delete exports.allOccupancyTypeFields;const s=new Set,i=e=>{const c=e.currentTarget,t=c.closest(".container--occupancyType"),a=Number.parseInt(t.dataset.occupancyTypeId,10);s.has(a)?s.delete(a):s.add(a),c.innerHTML=s.has(a)?'':'';const n=t.querySelectorAll(".panel-block");for(const e of n)e.classList.toggle("is-hidden")},o=e=>{e.success?(a=e.occupancyTypes,n=e.allOccupancyTypeFields,F()):bulmaJS.alert({title:"Error Updating "+exports.aliases.occupancy+" Type",message:e.errorMessage||"",contextualColorName:"danger"})},l=c=>{const t=Number.parseInt(c.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId,10);bulmaJS.confirm({title:"Delete "+exports.aliases.occupancy+" Type",message:"Are you sure you want to delete this "+exports.aliases.occupancy.toLowerCase()+" type?",contextualColorName:"warning",okButton:{text:"Yes, Delete "+exports.aliases.occupancy+" Type",callbackFunction:()=>{cityssm.postJSON(e.urlPrefix+"/admin/doDeleteOccupancyType",{occupancyTypeId:t},o)}}})},p=c=>{const t=Number.parseInt(c.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId,10),n=a.find(e=>t===e.occupancyTypeId);let s;const i=c=>{c.preventDefault(),cityssm.postJSON(e.urlPrefix+"/admin/doUpdateOccupancyType",c.currentTarget,e=>{o(e),e.success&&s()})};cityssm.openHtmlModal("adminOccupancyTypes-editOccupancyType",{onshow:c=>{e.populateAliases(c),c.querySelector("#occupancyTypeEdit--occupancyTypeId").value=t.toString(),c.querySelector("#occupancyTypeEdit--occupancyType").value=n.occupancyType},onshown:(e,c)=>{s=c,e.querySelector("#occupancyTypeEdit--occupancyType").focus(),e.querySelector("form").addEventListener("submit",i),bulmaJS.toggleHtmlClipped()},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})},d=c=>{const t=Number.parseInt(c.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId,10);let a;const n=c=>{c.preventDefault(),cityssm.postJSON(e.urlPrefix+"/admin/doAddOccupancyTypeField",c.currentTarget,e=>{s.add(t),o(e),e.success&&(a(),y(t,e.occupancyTypeFieldId))})};cityssm.openHtmlModal("adminOccupancyTypes-addOccupancyTypeField",{onshow:c=>{e.populateAliases(c),t&&(c.querySelector("#occupancyTypeFieldAdd--occupancyTypeId").value=t.toString())},onshown:(e,c)=>{a=c,e.querySelector("#occupancyTypeFieldAdd--occupancyTypeField").focus(),e.querySelector("form").addEventListener("submit",n),bulmaJS.toggleHtmlClipped()},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})},r=c=>{c.preventDefault();const t=c.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId;cityssm.postJSON(e.urlPrefix+"/admin/doMoveOccupancyTypeUp",{occupancyTypeId:t,moveToTop:c.shiftKey?"1":"0"},o)},u=c=>{c.preventDefault();const t=c.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId;cityssm.postJSON(e.urlPrefix+"/admin/doMoveOccupancyTypeDown",{occupancyTypeId:t,moveToBottom:c.shiftKey?"1":"0"},o)},y=(c,t)=>{let s;c&&(s=a.find(e=>e.occupancyTypeId===c));const i=(s?s.occupancyTypeFields:n).find(e=>e.occupancyTypeFieldId===t);let l,p,d,r,u;const y=()=>{p.min=l.value},v=()=>{""===r.value?(l.disabled=!1,p.disabled=!1,d.disabled=!1):(l.disabled=!0,p.disabled=!0,d.disabled=!0)},T=c=>{c.preventDefault(),cityssm.postJSON(e.urlPrefix+"/admin/doUpdateOccupancyTypeField",c.currentTarget,e=>{o(e),e.success&&u()})},m=()=>{bulmaJS.confirm({title:"Delete Field",message:"Are you sure you want to delete this field? Note that historical records that make use of this field will not be affected.",contextualColorName:"warning",okButton:{text:"Yes, Delete Field",callbackFunction:()=>{cityssm.postJSON(e.urlPrefix+"/admin/doDeleteOccupancyTypeField",{occupancyTypeFieldId:t},e=>{o(e),e.success&&u()})}}})};cityssm.openHtmlModal("adminOccupancyTypes-editOccupancyTypeField",{onshow:c=>{e.populateAliases(c),c.querySelector("#occupancyTypeFieldEdit--occupancyTypeFieldId").value=i.occupancyTypeFieldId.toString(),c.querySelector("#occupancyTypeFieldEdit--occupancyTypeField").value=i.occupancyTypeField,c.querySelector("#occupancyTypeFieldEdit--isRequired").value=i.isRequired?"1":"0",(l=c.querySelector("#occupancyTypeFieldEdit--minimumLength")).value=i.minimumLength.toString(),(p=c.querySelector("#occupancyTypeFieldEdit--maximumLength")).value=i.maximumLength.toString(),(d=c.querySelector("#occupancyTypeFieldEdit--pattern")).value=i.pattern,(r=c.querySelector("#occupancyTypeFieldEdit--occupancyTypeFieldValues")).value=i.occupancyTypeFieldValues,v()},onshown:(e,c)=>{u=c,bulmaJS.init(e),bulmaJS.toggleHtmlClipped(),cityssm.enableNavBlocker(),e.querySelector("form").addEventListener("submit",T),l.addEventListener("keyup",y),y(),r.addEventListener("keyup",v),e.querySelector("#button--deleteOccupancyTypeField").addEventListener("click",m)},onremoved:()=>{bulmaJS.toggleHtmlClipped(),cityssm.disableNavBlocker()}})},v=e=>{e.preventDefault();const c=Number.parseInt(e.currentTarget.closest(".container--occupancyTypeField").dataset.occupancyTypeFieldId,10),t=Number.parseInt(e.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId,10);y(t,c)},T=c=>{c.preventDefault();const t=c.currentTarget.closest(".container--occupancyTypeField").dataset.occupancyTypeFieldId;cityssm.postJSON(e.urlPrefix+"/admin/doMoveOccupancyTypeFieldUp",{occupancyTypeFieldId:t,moveToTop:c.shiftKey?"1":"0"},o)},m=c=>{c.preventDefault();const t=c.currentTarget.closest(".container--occupancyTypeField").dataset.occupancyTypeFieldId;cityssm.postJSON(e.urlPrefix+"/admin/doMoveOccupancyTypeFieldDown",{occupancyTypeFieldId:t,moveToBottom:c.shiftKey?"1":"0"},o)},b=(e,c,t)=>{if(0===t.length)e.insertAdjacentHTML("beforeend",'

There are no additional fields.

');else for(const a of t){const t=document.createElement("div");t.className="panel-block is-block container--occupancyTypeField",c&&!s.has(c)&&t.classList.add("is-hidden"),t.dataset.occupancyTypeFieldId=a.occupancyTypeFieldId.toString(),t.innerHTML='
'+cityssm.escapeHTML(a.occupancyTypeField||"")+'
',t.querySelector(".button--editOccupancyTypeField").addEventListener("click",v),t.querySelector(".button--moveOccupancyTypeFieldUp").addEventListener("click",T),t.querySelector(".button--moveOccupancyTypeFieldDown").addEventListener("click",m),e.append(t)}},f=c=>{const t=c.currentTarget.closest(".container--occupancyTypePrintList").dataset.occupancyTypeId;let a;const n=c=>{c.preventDefault(),cityssm.postJSON(e.urlPrefix+"/admin/doAddOccupancyTypePrint",c.currentTarget,e=>{e.success&&a(),o(e)})};cityssm.openHtmlModal("adminOccupancyTypes-addOccupancyTypePrint",{onshow:c=>{e.populateAliases(c),c.querySelector("#occupancyTypePrintAdd--occupancyTypeId").value=t;const a=c.querySelector("#occupancyTypePrintAdd--printEJS");for(const[e,c]of Object.entries(exports.occupancyTypePrintTitles)){const t=document.createElement("option");t.value=e,t.textContent=c,a.append(t)}},onshown:(e,c)=>{var t;a=c,null===(t=e.querySelector("form"))||void 0===t||t.addEventListener("submit",n)}})},g=c=>{c.preventDefault();const t=c.currentTarget.closest(".container--occupancyTypePrint").dataset.printEJS,a=c.currentTarget.closest(".container--occupancyTypePrintList").dataset.occupancyTypeId;cityssm.postJSON(e.urlPrefix+"/admin/doMoveOccupancyTypePrintUp",{occupancyTypeId:a,printEJS:t,moveToTop:c.shiftKey?"1":"0"},o)},h=c=>{c.preventDefault();const t=c.currentTarget.closest(".container--occupancyTypePrint").dataset.printEJS,a=c.currentTarget.closest(".container--occupancyTypePrintList").dataset.occupancyTypeId;cityssm.postJSON(e.urlPrefix+"/admin/doMoveOccupancyTypePrintDown",{occupancyTypeId:a,printEJS:t,moveToBottom:c.shiftKey?"1":"0"},o)},S=c=>{c.preventDefault();const t=c.currentTarget.closest(".container--occupancyTypePrint").dataset.printEJS,a=c.currentTarget.closest(".container--occupancyTypePrintList").dataset.occupancyTypeId;bulmaJS.confirm({title:"Delete Print",message:"Are you sure you want to remove this print option?",contextualColorName:"warning",okButton:{text:"Yes, Remove Print",callbackFunction:()=>{cityssm.postJSON(e.urlPrefix+"/admin/doDeleteOccupancyTypePrint",{occupancyTypeId:a,printEJS:t},o)}}})},O=(e,c,t)=>{if(0===t.length)e.insertAdjacentHTML("beforeend",'

There are no prints associated with this record.

');else for(const c of t){const t=document.createElement("div");t.className="panel-block is-block container--occupancyTypePrint",t.dataset.printEJS=c;const a="*"===c?"(All Available Prints)":exports.occupancyTypePrintTitles[c];let n="fa-star";c.startsWith("pdf/")?n="fa-file-pdf":c.startsWith("screen/")&&(n="fa-file"),t.innerHTML='
'+cityssm.escapeHTML(a||c)+'
',t.querySelector(".button--moveOccupancyTypePrintUp").addEventListener("click",g),t.querySelector(".button--moveOccupancyTypePrintDown").addEventListener("click",h),t.querySelector(".button--deleteOccupancyTypePrint").addEventListener("click",S),e.append(t)}},F=()=>{if(c.innerHTML='

(All '+cityssm.escapeHTML(exports.aliases.occupancy)+' Types)

',t.innerHTML="",b(c.querySelector("#container--allOccupancyTypeFields"),void 0,n),c.querySelector(".button--addOccupancyTypeField").addEventListener("click",d),0===a.length)return c.insertAdjacentHTML("afterbegin",'
There are no active '+exports.aliases.occupancy.toLowerCase()+" types.

"),void t.insertAdjacentHTML("afterbegin",'
There are no active '+exports.aliases.occupancy.toLowerCase()+" types.

");for(const e of a){{const t=document.createElement("div");t.className="panel container--occupancyType",t.dataset.occupancyTypeId=e.occupancyTypeId.toString(),t.innerHTML='

'+cityssm.escapeHTML(e.occupancyType)+'

',b(t,e.occupancyTypeId,e.occupancyTypeFields),t.querySelector(".button--toggleOccupancyTypeFields").addEventListener("click",i),t.querySelector(".button--deleteOccupancyType").addEventListener("click",l),t.querySelector(".button--editOccupancyType").addEventListener("click",p),t.querySelector(".button--addOccupancyTypeField").addEventListener("click",d),t.querySelector(".button--moveOccupancyTypeUp").addEventListener("click",r),t.querySelector(".button--moveOccupancyTypeDown").addEventListener("click",u),c.append(t)}{const c=document.createElement("div");c.className="panel container--occupancyTypePrintList",c.dataset.occupancyTypeId=e.occupancyTypeId.toString(),c.innerHTML='

'+cityssm.escapeHTML(e.occupancyType)+'

',O(c,e.occupancyTypeId,e.occupancyTypePrints),c.querySelector(".button--addOccupancyTypePrint").addEventListener("click",f),t.append(c)}}};document.querySelector("#button--addOccupancyType").addEventListener("click",()=>{let c;const t=t=>{t.preventDefault(),cityssm.postJSON(e.urlPrefix+"/admin/doAddOccupancyType",t.currentTarget,e=>{e.success?(c(),a=e.occupancyTypes,F()):bulmaJS.alert({title:"Error Adding "+exports.aliases.occupancy+" Type",message:e.errorMessage||"",contextualColorName:"danger"})})};cityssm.openHtmlModal("adminOccupancyTypes-addOccupancyType",{onshow:c=>{e.populateAliases(c)},onshown:(e,a)=>{c=a,e.querySelector("#occupancyTypeAdd--occupancyType").focus(),e.querySelector("form").addEventListener("submit",t),bulmaJS.toggleHtmlClipped()},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})}),F()})(); \ No newline at end of file +"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),(()=>{const e=exports.los,c=document.querySelector("#container--occupancyTypes"),t=document.querySelector("#container--occupancyTypePrints");let a=exports.occupancyTypes;delete exports.occupancyTypes;let n=exports.allOccupancyTypeFields;delete exports.allOccupancyTypeFields;const s=new Set;function i(e){const c=e.currentTarget,t=c.closest(".container--occupancyType"),a=Number.parseInt(t.dataset.occupancyTypeId,10);s.has(a)?s.delete(a):s.add(a),c.innerHTML=s.has(a)?'':'';const n=t.querySelectorAll(".panel-block");for(const e of n)e.classList.toggle("is-hidden")}function o(e){e.success?(a=e.occupancyTypes,n=e.allOccupancyTypeFields,F()):bulmaJS.alert({title:"Error Updating "+exports.aliases.occupancy+" Type",message:e.errorMessage||"",contextualColorName:"danger"})}function l(c){const t=Number.parseInt(c.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId,10);bulmaJS.confirm({title:`Delete ${exports.aliases.occupancy} Type`,message:`Are you sure you want to delete this ${exports.aliases.occupancy.toLowerCase()} type?`,contextualColorName:"warning",okButton:{text:`Yes, Delete ${exports.aliases.occupancy} Type`,callbackFunction:function(){cityssm.postJSON(e.urlPrefix+"/admin/doDeleteOccupancyType",{occupancyTypeId:t},o)}}})}function p(c){const t=Number.parseInt(c.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId,10),n=a.find(e=>t===e.occupancyTypeId);let s;function i(c){c.preventDefault(),cityssm.postJSON(e.urlPrefix+"/admin/doUpdateOccupancyType",c.currentTarget,e=>{o(e),e.success&&s()})}cityssm.openHtmlModal("adminOccupancyTypes-editOccupancyType",{onshow(c){e.populateAliases(c),c.querySelector("#occupancyTypeEdit--occupancyTypeId").value=t.toString(),c.querySelector("#occupancyTypeEdit--occupancyType").value=n.occupancyType},onshown(e,c){s=c,e.querySelector("#occupancyTypeEdit--occupancyType").focus(),e.querySelector("form").addEventListener("submit",i),bulmaJS.toggleHtmlClipped()},onremoved(){bulmaJS.toggleHtmlClipped()}})}function d(c){const t=Number.parseInt(c.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId,10);let a;function n(c){c.preventDefault(),cityssm.postJSON(e.urlPrefix+"/admin/doAddOccupancyTypeField",c.currentTarget,e=>{s.add(t),o(e),e.success&&(a(),y(t,e.occupancyTypeFieldId))})}cityssm.openHtmlModal("adminOccupancyTypes-addOccupancyTypeField",{onshow(c){e.populateAliases(c),t&&(c.querySelector("#occupancyTypeFieldAdd--occupancyTypeId").value=t.toString())},onshown(e,c){a=c,e.querySelector("#occupancyTypeFieldAdd--occupancyTypeField").focus(),e.querySelector("form").addEventListener("submit",n),bulmaJS.toggleHtmlClipped()},onremoved(){bulmaJS.toggleHtmlClipped()}})}function u(c){c.preventDefault();const t=c.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId;cityssm.postJSON(e.urlPrefix+"/admin/doMoveOccupancyTypeUp",{occupancyTypeId:t,moveToTop:c.shiftKey?"1":"0"},o)}function r(c){c.preventDefault();const t=c.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId;cityssm.postJSON(e.urlPrefix+"/admin/doMoveOccupancyTypeDown",{occupancyTypeId:t,moveToBottom:c.shiftKey?"1":"0"},o)}function y(c,t){let s;c&&(s=a.find(e=>e.occupancyTypeId===c));const i=(s?s.occupancyTypeFields:n).find(e=>e.occupancyTypeFieldId===t);let l,p,d,u,r;function y(){p.min=l.value}function v(){""===u.value?(l.disabled=!1,p.disabled=!1,d.disabled=!1):(l.disabled=!0,p.disabled=!0,d.disabled=!0)}function T(c){c.preventDefault(),cityssm.postJSON(e.urlPrefix+"/admin/doUpdateOccupancyTypeField",c.currentTarget,e=>{o(e),e.success&&r()})}function m(){cityssm.postJSON(e.urlPrefix+"/admin/doDeleteOccupancyTypeField",{occupancyTypeFieldId:t},e=>{o(e),e.success&&r()})}function f(){bulmaJS.confirm({title:"Delete Field",message:"Are you sure you want to delete this field? Note that historical records that make use of this field will not be affected.",contextualColorName:"warning",okButton:{text:"Yes, Delete Field",callbackFunction:m}})}cityssm.openHtmlModal("adminOccupancyTypes-editOccupancyTypeField",{onshow:c=>{e.populateAliases(c),c.querySelector("#occupancyTypeFieldEdit--occupancyTypeFieldId").value=i.occupancyTypeFieldId.toString(),c.querySelector("#occupancyTypeFieldEdit--occupancyTypeField").value=i.occupancyTypeField,c.querySelector("#occupancyTypeFieldEdit--isRequired").value=i.isRequired?"1":"0",(l=c.querySelector("#occupancyTypeFieldEdit--minimumLength")).value=i.minimumLength.toString(),(p=c.querySelector("#occupancyTypeFieldEdit--maximumLength")).value=i.maximumLength.toString(),(d=c.querySelector("#occupancyTypeFieldEdit--pattern")).value=i.pattern,(u=c.querySelector("#occupancyTypeFieldEdit--occupancyTypeFieldValues")).value=i.occupancyTypeFieldValues,v()},onshown:(e,c)=>{r=c,bulmaJS.init(e),bulmaJS.toggleHtmlClipped(),cityssm.enableNavBlocker(),e.querySelector("form").addEventListener("submit",T),l.addEventListener("keyup",y),y(),u.addEventListener("keyup",v),e.querySelector("#button--deleteOccupancyTypeField").addEventListener("click",f)},onremoved:()=>{bulmaJS.toggleHtmlClipped(),cityssm.disableNavBlocker()}})}function v(e){e.preventDefault();const c=Number.parseInt(e.currentTarget.closest(".container--occupancyTypeField").dataset.occupancyTypeFieldId,10);y(Number.parseInt(e.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId,10),c)}function T(c){c.preventDefault();const t=c.currentTarget.closest(".container--occupancyTypeField").dataset.occupancyTypeFieldId;cityssm.postJSON(e.urlPrefix+"/admin/doMoveOccupancyTypeFieldUp",{occupancyTypeFieldId:t,moveToTop:c.shiftKey?"1":"0"},o)}function m(c){c.preventDefault();const t=c.currentTarget.closest(".container--occupancyTypeField").dataset.occupancyTypeFieldId;cityssm.postJSON(e.urlPrefix+"/admin/doMoveOccupancyTypeFieldDown",{occupancyTypeFieldId:t,moveToBottom:c.shiftKey?"1":"0"},o)}function f(e,c,t){if(0===t.length)e.insertAdjacentHTML("beforeend",'

There are no additional fields.

');else for(const a of t){const t=document.createElement("div");t.className="panel-block is-block container--occupancyTypeField",c&&!s.has(c)&&t.classList.add("is-hidden"),t.dataset.occupancyTypeFieldId=a.occupancyTypeFieldId.toString(),t.innerHTML='
'+cityssm.escapeHTML(a.occupancyTypeField||"")+'
',t.querySelector(".button--editOccupancyTypeField").addEventListener("click",v),t.querySelector(".button--moveOccupancyTypeFieldUp").addEventListener("click",T),t.querySelector(".button--moveOccupancyTypeFieldDown").addEventListener("click",m),e.append(t)}}function b(c){const t=c.currentTarget.closest(".container--occupancyTypePrintList").dataset.occupancyTypeId;let a;function n(c){c.preventDefault(),cityssm.postJSON(e.urlPrefix+"/admin/doAddOccupancyTypePrint",c.currentTarget,e=>{e.success&&a(),o(e)})}cityssm.openHtmlModal("adminOccupancyTypes-addOccupancyTypePrint",{onshow(c){e.populateAliases(c),c.querySelector("#occupancyTypePrintAdd--occupancyTypeId").value=t;const a=c.querySelector("#occupancyTypePrintAdd--printEJS");for(const[e,c]of Object.entries(exports.occupancyTypePrintTitles)){const t=document.createElement("option");t.value=e,t.textContent=c,a.append(t)}},onshown(e,c){var t;a=c,null===(t=e.querySelector("form"))||void 0===t||t.addEventListener("submit",n)}})}function g(c){c.preventDefault();const t=c.currentTarget.closest(".container--occupancyTypePrint").dataset.printEJS,a=c.currentTarget.closest(".container--occupancyTypePrintList").dataset.occupancyTypeId;cityssm.postJSON(e.urlPrefix+"/admin/doMoveOccupancyTypePrintUp",{occupancyTypeId:a,printEJS:t,moveToTop:c.shiftKey?"1":"0"},o)}function h(c){c.preventDefault();const t=c.currentTarget.closest(".container--occupancyTypePrint").dataset.printEJS,a=c.currentTarget.closest(".container--occupancyTypePrintList").dataset.occupancyTypeId;cityssm.postJSON(e.urlPrefix+"/admin/doMoveOccupancyTypePrintDown",{occupancyTypeId:a,printEJS:t,moveToBottom:c.shiftKey?"1":"0"},o)}function S(c){c.preventDefault();const t=c.currentTarget.closest(".container--occupancyTypePrint").dataset.printEJS,a=c.currentTarget.closest(".container--occupancyTypePrintList").dataset.occupancyTypeId;bulmaJS.confirm({title:"Delete Print",message:"Are you sure you want to remove this print option?",contextualColorName:"warning",okButton:{text:"Yes, Remove Print",callbackFunction:function(){cityssm.postJSON(e.urlPrefix+"/admin/doDeleteOccupancyTypePrint",{occupancyTypeId:a,printEJS:t},o)}}})}function O(e,c,t){if(0===t.length)e.insertAdjacentHTML("beforeend",'
\n
\n

There are no prints associated with this record.

\n
\n
');else for(const c of t){const t=document.createElement("div");t.className="panel-block is-block container--occupancyTypePrint",t.dataset.printEJS=c;const a="*"===c?"(All Available Prints)":exports.occupancyTypePrintTitles[c];let n="fa-star";c.startsWith("pdf/")?n="fa-file-pdf":c.startsWith("screen/")&&(n="fa-file"),t.innerHTML='
'+cityssm.escapeHTML(a||c)+'
',t.querySelector(".button--moveOccupancyTypePrintUp").addEventListener("click",g),t.querySelector(".button--moveOccupancyTypePrintDown").addEventListener("click",h),t.querySelector(".button--deleteOccupancyTypePrint").addEventListener("click",S),e.append(t)}}function F(){if(c.innerHTML='

(All '+cityssm.escapeHTML(exports.aliases.occupancy)+' Types)

',t.innerHTML="",f(c.querySelector("#container--allOccupancyTypeFields"),void 0,n),c.querySelector(".button--addOccupancyTypeField").addEventListener("click",d),0===a.length)return c.insertAdjacentHTML("afterbegin",`
There are no active ${e.escapedAliases.occupancy} types.

\n
`),void t.insertAdjacentHTML("afterbegin",`
There are no active ${e.escapedAliases.occupancy} types.

\n
`);for(const e of a){{const t=document.createElement("div");t.className="panel container--occupancyType",t.dataset.occupancyTypeId=e.occupancyTypeId.toString(),t.innerHTML='

'+cityssm.escapeHTML(e.occupancyType)+'

',f(t,e.occupancyTypeId,e.occupancyTypeFields),t.querySelector(".button--toggleOccupancyTypeFields").addEventListener("click",i),t.querySelector(".button--deleteOccupancyType").addEventListener("click",l),t.querySelector(".button--editOccupancyType").addEventListener("click",p),t.querySelector(".button--addOccupancyTypeField").addEventListener("click",d),t.querySelector(".button--moveOccupancyTypeUp").addEventListener("click",u),t.querySelector(".button--moveOccupancyTypeDown").addEventListener("click",r),c.append(t)}{const c=document.createElement("div");c.className="panel container--occupancyTypePrintList",c.dataset.occupancyTypeId=e.occupancyTypeId.toString(),c.innerHTML='

'+cityssm.escapeHTML(e.occupancyType)+'

',O(c,e.occupancyTypeId,e.occupancyTypePrints),c.querySelector(".button--addOccupancyTypePrint").addEventListener("click",b),t.append(c)}}}document.querySelector("#button--addOccupancyType").addEventListener("click",()=>{let c;const t=t=>{t.preventDefault(),cityssm.postJSON(e.urlPrefix+"/admin/doAddOccupancyType",t.currentTarget,e=>{e.success?(c(),a=e.occupancyTypes,F()):bulmaJS.alert({title:"Error Adding "+exports.aliases.occupancy+" Type",message:e.errorMessage||"",contextualColorName:"danger"})})};cityssm.openHtmlModal("adminOccupancyTypes-addOccupancyType",{onshow:c=>{e.populateAliases(c)},onshown:(e,a)=>{c=a,e.querySelector("#occupancyTypeAdd--occupancyType").focus(),e.querySelector("form").addEventListener("submit",t),bulmaJS.toggleHtmlClipped()},onremoved:()=>{bulmaJS.toggleHtmlClipped()}})}),F()})(); \ No newline at end of file