refactoring

deepsource-autofix-76c6eb20
Dan Gowans 2022-12-30 10:59:57 -05:00
parent 774f9eddb6
commit f220a842bd
3 changed files with 187 additions and 202 deletions

View File

@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
let allOccupancyTypeFields = exports.allOccupancyTypeFields; let allOccupancyTypeFields = exports.allOccupancyTypeFields;
delete exports.allOccupancyTypeFields; delete exports.allOccupancyTypeFields;
const expandedOccupancyTypes = new Set(); const expandedOccupancyTypes = new Set();
const toggleOccupancyTypeFields = (clickEvent) => { function toggleOccupancyTypeFields(clickEvent) {
const toggleButtonElement = clickEvent.currentTarget; const toggleButtonElement = clickEvent.currentTarget;
const occupancyTypeElement = toggleButtonElement.closest(".container--occupancyType"); const occupancyTypeElement = toggleButtonElement.closest(".container--occupancyType");
const occupancyTypeId = Number.parseInt(occupancyTypeElement.dataset.occupancyTypeId, 10); const occupancyTypeId = Number.parseInt(occupancyTypeElement.dataset.occupancyTypeId, 10);
@ -27,8 +27,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
for (const panelBlockElement of panelBlockElements) { for (const panelBlockElement of panelBlockElements) {
panelBlockElement.classList.toggle("is-hidden"); panelBlockElement.classList.toggle("is-hidden");
} }
}; }
const occupancyTypeResponseHandler = (responseJSON) => { function occupancyTypeResponseHandler(responseJSON) {
if (responseJSON.success) { if (responseJSON.success) {
occupancyTypes = responseJSON.occupancyTypes; occupancyTypes = responseJSON.occupancyTypes;
allOccupancyTypeFields = responseJSON.allOccupancyTypeFields; allOccupancyTypeFields = responseJSON.allOccupancyTypeFields;
@ -41,33 +41,31 @@ Object.defineProperty(exports, "__esModule", { value: true });
contextualColorName: "danger" contextualColorName: "danger"
}); });
} }
}; }
const deleteOccupancyType = (clickEvent) => { function deleteOccupancyType(clickEvent) {
const occupancyTypeId = Number.parseInt(clickEvent.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId, 10); const occupancyTypeId = Number.parseInt(clickEvent.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId, 10);
const doDelete = () => { function doDelete() {
cityssm.postJSON(los.urlPrefix + "/admin/doDeleteOccupancyType", { cityssm.postJSON(los.urlPrefix + "/admin/doDeleteOccupancyType", {
occupancyTypeId occupancyTypeId
}, occupancyTypeResponseHandler); }, occupancyTypeResponseHandler);
}; }
bulmaJS.confirm({ bulmaJS.confirm({
title: "Delete " + exports.aliases.occupancy + " Type", title: `Delete ${exports.aliases.occupancy} Type`,
message: "Are you sure you want to delete this " + message: `Are you sure you want to delete this ${exports.aliases.occupancy.toLowerCase()} type?`,
exports.aliases.occupancy.toLowerCase() +
" type?",
contextualColorName: "warning", contextualColorName: "warning",
okButton: { okButton: {
text: "Yes, Delete " + exports.aliases.occupancy + " Type", text: `Yes, Delete ${exports.aliases.occupancy} Type`,
callbackFunction: doDelete callbackFunction: doDelete
} }
}); });
}; }
const openEditOccupancyType = (clickEvent) => { function openEditOccupancyType(clickEvent) {
const occupancyTypeId = Number.parseInt(clickEvent.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId, 10); const occupancyTypeId = Number.parseInt(clickEvent.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId, 10);
const occupancyType = occupancyTypes.find((currentOccupancyType) => { const occupancyType = occupancyTypes.find((currentOccupancyType) => {
return occupancyTypeId === currentOccupancyType.occupancyTypeId; return occupancyTypeId === currentOccupancyType.occupancyTypeId;
}); });
let editCloseModalFunction; let editCloseModalFunction;
const doEdit = (submitEvent) => { function doEdit(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(los.urlPrefix + "/admin/doUpdateOccupancyType", submitEvent.currentTarget, (responseJSON) => { cityssm.postJSON(los.urlPrefix + "/admin/doUpdateOccupancyType", submitEvent.currentTarget, (responseJSON) => {
occupancyTypeResponseHandler(responseJSON); occupancyTypeResponseHandler(responseJSON);
@ -75,28 +73,28 @@ Object.defineProperty(exports, "__esModule", { value: true });
editCloseModalFunction(); editCloseModalFunction();
} }
}); });
}; }
cityssm.openHtmlModal("adminOccupancyTypes-editOccupancyType", { cityssm.openHtmlModal("adminOccupancyTypes-editOccupancyType", {
onshow: (modalElement) => { onshow(modalElement) {
los.populateAliases(modalElement); los.populateAliases(modalElement);
modalElement.querySelector("#occupancyTypeEdit--occupancyTypeId").value = occupancyTypeId.toString(); modalElement.querySelector("#occupancyTypeEdit--occupancyTypeId").value = occupancyTypeId.toString();
modalElement.querySelector("#occupancyTypeEdit--occupancyType").value = occupancyType.occupancyType; modalElement.querySelector("#occupancyTypeEdit--occupancyType").value = occupancyType.occupancyType;
}, },
onshown: (modalElement, closeModalFunction) => { onshown(modalElement, closeModalFunction) {
editCloseModalFunction = closeModalFunction; editCloseModalFunction = closeModalFunction;
modalElement.querySelector("#occupancyTypeEdit--occupancyType").focus(); modalElement.querySelector("#occupancyTypeEdit--occupancyType").focus();
modalElement.querySelector("form").addEventListener("submit", doEdit); modalElement.querySelector("form").addEventListener("submit", doEdit);
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
}, },
onremoved: () => { onremoved() {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
} }
}); });
}; }
const openAddOccupancyTypeField = (clickEvent) => { function openAddOccupancyTypeField(clickEvent) {
const occupancyTypeId = Number.parseInt(clickEvent.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId, 10); const occupancyTypeId = Number.parseInt(clickEvent.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId, 10);
let addCloseModalFunction; let addCloseModalFunction;
const doAdd = (submitEvent) => { function doAdd(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(los.urlPrefix + "/admin/doAddOccupancyTypeField", submitEvent.currentTarget, (responseJSON) => { cityssm.postJSON(los.urlPrefix + "/admin/doAddOccupancyTypeField", submitEvent.currentTarget, (responseJSON) => {
expandedOccupancyTypes.add(occupancyTypeId); expandedOccupancyTypes.add(occupancyTypeId);
@ -106,42 +104,42 @@ Object.defineProperty(exports, "__esModule", { value: true });
openEditOccupancyTypeField(occupancyTypeId, responseJSON.occupancyTypeFieldId); openEditOccupancyTypeField(occupancyTypeId, responseJSON.occupancyTypeFieldId);
} }
}); });
}; }
cityssm.openHtmlModal("adminOccupancyTypes-addOccupancyTypeField", { cityssm.openHtmlModal("adminOccupancyTypes-addOccupancyTypeField", {
onshow: (modalElement) => { onshow(modalElement) {
los.populateAliases(modalElement); los.populateAliases(modalElement);
if (occupancyTypeId) { if (occupancyTypeId) {
modalElement.querySelector("#occupancyTypeFieldAdd--occupancyTypeId").value = occupancyTypeId.toString(); modalElement.querySelector("#occupancyTypeFieldAdd--occupancyTypeId").value = occupancyTypeId.toString();
} }
}, },
onshown: (modalElement, closeModalFunction) => { onshown(modalElement, closeModalFunction) {
addCloseModalFunction = closeModalFunction; addCloseModalFunction = closeModalFunction;
modalElement.querySelector("#occupancyTypeFieldAdd--occupancyTypeField").focus(); modalElement.querySelector("#occupancyTypeFieldAdd--occupancyTypeField").focus();
modalElement.querySelector("form").addEventListener("submit", doAdd); modalElement.querySelector("form").addEventListener("submit", doAdd);
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
}, },
onremoved: () => { onremoved() {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
} }
}); });
}; }
const moveOccupancyTypeUp = (clickEvent) => { function moveOccupancyTypeUp(clickEvent) {
clickEvent.preventDefault(); clickEvent.preventDefault();
const occupancyTypeId = clickEvent.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId; const occupancyTypeId = clickEvent.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId;
cityssm.postJSON(los.urlPrefix + "/admin/doMoveOccupancyTypeUp", { cityssm.postJSON(los.urlPrefix + "/admin/doMoveOccupancyTypeUp", {
occupancyTypeId, occupancyTypeId,
moveToTop: clickEvent.shiftKey ? "1" : "0" moveToTop: clickEvent.shiftKey ? "1" : "0"
}, occupancyTypeResponseHandler); }, occupancyTypeResponseHandler);
}; }
const moveOccupancyTypeDown = (clickEvent) => { function moveOccupancyTypeDown(clickEvent) {
clickEvent.preventDefault(); clickEvent.preventDefault();
const occupancyTypeId = clickEvent.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId; const occupancyTypeId = clickEvent.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId;
cityssm.postJSON(los.urlPrefix + "/admin/doMoveOccupancyTypeDown", { cityssm.postJSON(los.urlPrefix + "/admin/doMoveOccupancyTypeDown", {
occupancyTypeId, occupancyTypeId,
moveToBottom: clickEvent.shiftKey ? "1" : "0" moveToBottom: clickEvent.shiftKey ? "1" : "0"
}, occupancyTypeResponseHandler); }, occupancyTypeResponseHandler);
}; }
const openEditOccupancyTypeField = (occupancyTypeId, occupancyTypeFieldId) => { function openEditOccupancyTypeField(occupancyTypeId, occupancyTypeFieldId) {
let occupancyType; let occupancyType;
if (occupancyTypeId) { if (occupancyTypeId) {
occupancyType = occupancyTypes.find((currentOccupancyType) => { occupancyType = occupancyTypes.find((currentOccupancyType) => {
@ -156,10 +154,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
let patternElement; let patternElement;
let occupancyTypeFieldValuesElement; let occupancyTypeFieldValuesElement;
let editCloseModalFunction; let editCloseModalFunction;
const updateMaximumLengthMin = () => { function updateMaximumLengthMin() {
maximumLengthElement.min = minimumLengthElement.value; maximumLengthElement.min = minimumLengthElement.value;
}; }
const toggleInputFields = () => { function toggleInputFields() {
if (occupancyTypeFieldValuesElement.value === "") { if (occupancyTypeFieldValuesElement.value === "") {
minimumLengthElement.disabled = false; minimumLengthElement.disabled = false;
maximumLengthElement.disabled = false; maximumLengthElement.disabled = false;
@ -170,8 +168,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
maximumLengthElement.disabled = true; maximumLengthElement.disabled = true;
patternElement.disabled = true; patternElement.disabled = true;
} }
}; }
const doUpdate = (submitEvent) => { function doUpdate(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(los.urlPrefix + "/admin/doUpdateOccupancyTypeField", submitEvent.currentTarget, (responseJSON) => { cityssm.postJSON(los.urlPrefix + "/admin/doUpdateOccupancyTypeField", submitEvent.currentTarget, (responseJSON) => {
occupancyTypeResponseHandler(responseJSON); occupancyTypeResponseHandler(responseJSON);
@ -179,28 +177,28 @@ Object.defineProperty(exports, "__esModule", { value: true });
editCloseModalFunction(); editCloseModalFunction();
} }
}); });
}; }
const doDelete = () => { function doDelete() {
const _doDelete = () => { cityssm.postJSON(los.urlPrefix + "/admin/doDeleteOccupancyTypeField", {
cityssm.postJSON(los.urlPrefix + "/admin/doDeleteOccupancyTypeField", { occupancyTypeFieldId
occupancyTypeFieldId }, (responseJSON) => {
}, (responseJSON) => { occupancyTypeResponseHandler(responseJSON);
occupancyTypeResponseHandler(responseJSON); if (responseJSON.success) {
if (responseJSON.success) { editCloseModalFunction();
editCloseModalFunction(); }
} });
}); }
}; function confirmDoDelete() {
bulmaJS.confirm({ bulmaJS.confirm({
title: "Delete Field", 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.", 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", contextualColorName: "warning",
okButton: { okButton: {
text: "Yes, Delete Field", text: "Yes, Delete Field",
callbackFunction: _doDelete callbackFunction: doDelete
} }
}); });
}; }
cityssm.openHtmlModal("adminOccupancyTypes-editOccupancyTypeField", { cityssm.openHtmlModal("adminOccupancyTypes-editOccupancyTypeField", {
onshow: (modalElement) => { onshow: (modalElement) => {
los.populateAliases(modalElement); los.populateAliases(modalElement);
@ -227,37 +225,37 @@ Object.defineProperty(exports, "__esModule", { value: true });
minimumLengthElement.addEventListener("keyup", updateMaximumLengthMin); minimumLengthElement.addEventListener("keyup", updateMaximumLengthMin);
updateMaximumLengthMin(); updateMaximumLengthMin();
occupancyTypeFieldValuesElement.addEventListener("keyup", toggleInputFields); occupancyTypeFieldValuesElement.addEventListener("keyup", toggleInputFields);
modalElement.querySelector("#button--deleteOccupancyTypeField").addEventListener("click", doDelete); modalElement.querySelector("#button--deleteOccupancyTypeField").addEventListener("click", confirmDoDelete);
}, },
onremoved: () => { onremoved: () => {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
cityssm.disableNavBlocker(); cityssm.disableNavBlocker();
} }
}); });
}; }
const openEditOccupancyTypeFieldByClick = (clickEvent) => { function openEditOccupancyTypeFieldByClick(clickEvent) {
clickEvent.preventDefault(); clickEvent.preventDefault();
const occupancyTypeFieldId = Number.parseInt(clickEvent.currentTarget.closest(".container--occupancyTypeField").dataset.occupancyTypeFieldId, 10); const occupancyTypeFieldId = Number.parseInt(clickEvent.currentTarget.closest(".container--occupancyTypeField").dataset.occupancyTypeFieldId, 10);
const occupancyTypeId = Number.parseInt(clickEvent.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId, 10); const occupancyTypeId = Number.parseInt(clickEvent.currentTarget.closest(".container--occupancyType").dataset.occupancyTypeId, 10);
openEditOccupancyTypeField(occupancyTypeId, occupancyTypeFieldId); openEditOccupancyTypeField(occupancyTypeId, occupancyTypeFieldId);
}; }
const moveOccupancyTypeFieldUp = (clickEvent) => { function moveOccupancyTypeFieldUp(clickEvent) {
clickEvent.preventDefault(); clickEvent.preventDefault();
const occupancyTypeFieldId = clickEvent.currentTarget.closest(".container--occupancyTypeField").dataset.occupancyTypeFieldId; const occupancyTypeFieldId = clickEvent.currentTarget.closest(".container--occupancyTypeField").dataset.occupancyTypeFieldId;
cityssm.postJSON(los.urlPrefix + "/admin/doMoveOccupancyTypeFieldUp", { cityssm.postJSON(los.urlPrefix + "/admin/doMoveOccupancyTypeFieldUp", {
occupancyTypeFieldId, occupancyTypeFieldId,
moveToTop: clickEvent.shiftKey ? "1" : "0" moveToTop: clickEvent.shiftKey ? "1" : "0"
}, occupancyTypeResponseHandler); }, occupancyTypeResponseHandler);
}; }
const moveOccupancyTypeFieldDown = (clickEvent) => { function moveOccupancyTypeFieldDown(clickEvent) {
clickEvent.preventDefault(); clickEvent.preventDefault();
const occupancyTypeFieldId = clickEvent.currentTarget.closest(".container--occupancyTypeField").dataset.occupancyTypeFieldId; const occupancyTypeFieldId = clickEvent.currentTarget.closest(".container--occupancyTypeField").dataset.occupancyTypeFieldId;
cityssm.postJSON(los.urlPrefix + "/admin/doMoveOccupancyTypeFieldDown", { cityssm.postJSON(los.urlPrefix + "/admin/doMoveOccupancyTypeFieldDown", {
occupancyTypeFieldId, occupancyTypeFieldId,
moveToBottom: clickEvent.shiftKey ? "1" : "0" moveToBottom: clickEvent.shiftKey ? "1" : "0"
}, occupancyTypeResponseHandler); }, occupancyTypeResponseHandler);
}; }
const renderOccupancyTypeFields = (panelElement, occupancyTypeId, occupancyTypeFields) => { function renderOccupancyTypeFields(panelElement, occupancyTypeId, occupancyTypeFields) {
if (occupancyTypeFields.length === 0) { if (occupancyTypeFields.length === 0) {
panelElement.insertAdjacentHTML("beforeend", '<div class="panel-block is-block' + panelElement.insertAdjacentHTML("beforeend", '<div class="panel-block is-block' +
(!occupancyTypeId || expandedOccupancyTypes.has(occupancyTypeId) (!occupancyTypeId || expandedOccupancyTypes.has(occupancyTypeId)
@ -310,11 +308,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
panelElement.append(panelBlockElement); panelElement.append(panelBlockElement);
} }
} }
}; }
const openAddOccupancyTypePrint = (clickEvent) => { function openAddOccupancyTypePrint(clickEvent) {
const occupancyTypeId = clickEvent.currentTarget.closest(".container--occupancyTypePrintList").dataset.occupancyTypeId; const occupancyTypeId = clickEvent.currentTarget.closest(".container--occupancyTypePrintList").dataset.occupancyTypeId;
let closeAddModalFunction; let closeAddModalFunction;
const doAdd = (formEvent) => { function doAdd(formEvent) {
formEvent.preventDefault(); formEvent.preventDefault();
cityssm.postJSON(los.urlPrefix + "/admin/doAddOccupancyTypePrint", formEvent.currentTarget, (responseJSON) => { cityssm.postJSON(los.urlPrefix + "/admin/doAddOccupancyTypePrint", formEvent.currentTarget, (responseJSON) => {
if (responseJSON.success) { if (responseJSON.success) {
@ -322,9 +320,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
occupancyTypeResponseHandler(responseJSON); occupancyTypeResponseHandler(responseJSON);
}); });
}; }
cityssm.openHtmlModal("adminOccupancyTypes-addOccupancyTypePrint", { cityssm.openHtmlModal("adminOccupancyTypes-addOccupancyTypePrint", {
onshow: (modalElement) => { onshow(modalElement) {
los.populateAliases(modalElement); los.populateAliases(modalElement);
modalElement.querySelector("#occupancyTypePrintAdd--occupancyTypeId").value = occupancyTypeId; modalElement.querySelector("#occupancyTypePrintAdd--occupancyTypeId").value = occupancyTypeId;
const printSelectElement = modalElement.querySelector("#occupancyTypePrintAdd--printEJS"); const printSelectElement = modalElement.querySelector("#occupancyTypePrintAdd--printEJS");
@ -335,14 +333,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
printSelectElement.append(optionElement); printSelectElement.append(optionElement);
} }
}, },
onshown: (modalElement, closeModalFunction) => { onshown(modalElement, closeModalFunction) {
var _a; var _a;
closeAddModalFunction = closeModalFunction; closeAddModalFunction = closeModalFunction;
(_a = modalElement.querySelector("form")) === null || _a === void 0 ? void 0 : _a.addEventListener("submit", doAdd); (_a = modalElement.querySelector("form")) === null || _a === void 0 ? void 0 : _a.addEventListener("submit", doAdd);
} }
}); });
}; }
const moveOccupancyTypePrintUp = (clickEvent) => { function moveOccupancyTypePrintUp(clickEvent) {
clickEvent.preventDefault(); clickEvent.preventDefault();
const printEJS = clickEvent.currentTarget.closest(".container--occupancyTypePrint").dataset.printEJS; const printEJS = clickEvent.currentTarget.closest(".container--occupancyTypePrint").dataset.printEJS;
const occupancyTypeId = clickEvent.currentTarget.closest(".container--occupancyTypePrintList").dataset.occupancyTypeId; const occupancyTypeId = clickEvent.currentTarget.closest(".container--occupancyTypePrintList").dataset.occupancyTypeId;
@ -351,8 +349,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
printEJS, printEJS,
moveToTop: clickEvent.shiftKey ? "1" : "0" moveToTop: clickEvent.shiftKey ? "1" : "0"
}, occupancyTypeResponseHandler); }, occupancyTypeResponseHandler);
}; }
const moveOccupancyTypePrintDown = (clickEvent) => { function moveOccupancyTypePrintDown(clickEvent) {
clickEvent.preventDefault(); clickEvent.preventDefault();
const printEJS = clickEvent.currentTarget.closest(".container--occupancyTypePrint").dataset.printEJS; const printEJS = clickEvent.currentTarget.closest(".container--occupancyTypePrint").dataset.printEJS;
const occupancyTypeId = clickEvent.currentTarget.closest(".container--occupancyTypePrintList").dataset.occupancyTypeId; const occupancyTypeId = clickEvent.currentTarget.closest(".container--occupancyTypePrintList").dataset.occupancyTypeId;
@ -361,17 +359,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
printEJS, printEJS,
moveToBottom: clickEvent.shiftKey ? "1" : "0" moveToBottom: clickEvent.shiftKey ? "1" : "0"
}, occupancyTypeResponseHandler); }, occupancyTypeResponseHandler);
}; }
const deleteOccupancyTypePrint = (clickEvent) => { function deleteOccupancyTypePrint(clickEvent) {
clickEvent.preventDefault(); clickEvent.preventDefault();
const printEJS = clickEvent.currentTarget.closest(".container--occupancyTypePrint").dataset.printEJS; const printEJS = clickEvent.currentTarget.closest(".container--occupancyTypePrint").dataset.printEJS;
const occupancyTypeId = clickEvent.currentTarget.closest(".container--occupancyTypePrintList").dataset.occupancyTypeId; const occupancyTypeId = clickEvent.currentTarget.closest(".container--occupancyTypePrintList").dataset.occupancyTypeId;
const doDelete = () => { function doDelete() {
cityssm.postJSON(los.urlPrefix + "/admin/doDeleteOccupancyTypePrint", { cityssm.postJSON(los.urlPrefix + "/admin/doDeleteOccupancyTypePrint", {
occupancyTypeId, occupancyTypeId,
printEJS printEJS
}, occupancyTypeResponseHandler); }, occupancyTypeResponseHandler);
}; }
bulmaJS.confirm({ bulmaJS.confirm({
title: "Delete Print", title: "Delete Print",
message: "Are you sure you want to remove this print option?", message: "Are you sure you want to remove this print option?",
@ -381,14 +379,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
callbackFunction: doDelete callbackFunction: doDelete
} }
}); });
}; }
const renderOccupancyTypePrints = (panelElement, occupancyTypeId, occupancyTypePrints) => { function renderOccupancyTypePrints(panelElement, occupancyTypeId, occupancyTypePrints) {
if (occupancyTypePrints.length === 0) { if (occupancyTypePrints.length === 0) {
panelElement.insertAdjacentHTML("beforeend", '<div class="panel-block is-block">' + panelElement.insertAdjacentHTML("beforeend", `<div class="panel-block is-block">
'<div class="message is-info">' + <div class="message is-info">
'<p class="message-body">There are no prints associated with this record.</p>' + <p class="message-body">There are no prints associated with this record.</p>
"</div>" + </div>
"</div>"); </div>`);
} }
else { else {
for (const printEJS of occupancyTypePrints) { for (const printEJS of occupancyTypePrints) {
@ -446,8 +444,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
panelElement.append(panelBlockElement); panelElement.append(panelBlockElement);
} }
} }
}; }
const renderOccupancyTypes = () => { function renderOccupancyTypes() {
occupancyTypesContainerElement.innerHTML = occupancyTypesContainerElement.innerHTML =
'<div class="panel container--occupancyType" id="container--allOccupancyTypeFields" data-occupancy-type-id="">' + '<div class="panel container--occupancyType" id="container--allOccupancyTypeFields" data-occupancy-type-id="">' +
'<div class="panel-heading">' + '<div class="panel-heading">' +
@ -474,16 +472,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
renderOccupancyTypeFields(occupancyTypesContainerElement.querySelector("#container--allOccupancyTypeFields"), undefined, allOccupancyTypeFields); renderOccupancyTypeFields(occupancyTypesContainerElement.querySelector("#container--allOccupancyTypeFields"), undefined, allOccupancyTypeFields);
occupancyTypesContainerElement.querySelector(".button--addOccupancyTypeField").addEventListener("click", openAddOccupancyTypeField); occupancyTypesContainerElement.querySelector(".button--addOccupancyTypeField").addEventListener("click", openAddOccupancyTypeField);
if (occupancyTypes.length === 0) { if (occupancyTypes.length === 0) {
occupancyTypesContainerElement.insertAdjacentHTML("afterbegin", '<div class="message is-warning>' + occupancyTypesContainerElement.insertAdjacentHTML("afterbegin", `<div class="message is-warning>
'<p class="message-body">There are no active ' + <p class="message-body">There are no active ${los.escapedAliases.occupancy} types.</p>
exports.aliases.occupancy.toLowerCase() + </div>`);
" types.</p>" + occupancyTypePrintsContainerElement.insertAdjacentHTML("afterbegin", `<div class="message is-warning>
"</div>"); <p class="message-body">There are no active ${los.escapedAliases.occupancy} types.</p>
occupancyTypePrintsContainerElement.insertAdjacentHTML("afterbegin", '<div class="message is-warning>' + </div>`);
'<p class="message-body">There are no active ' +
exports.aliases.occupancy.toLowerCase() +
" types.</p>" +
"</div>");
return; return;
} }
for (const occupancyType of occupancyTypes) { for (const occupancyType of occupancyTypes) {
@ -588,7 +582,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
occupancyTypePrintsContainerElement.append(occupancyTypePrintContainer); occupancyTypePrintsContainerElement.append(occupancyTypePrintContainer);
} }
} }
}; }
document.querySelector("#button--addOccupancyType").addEventListener("click", () => { document.querySelector("#button--addOccupancyType").addEventListener("click", () => {
let addCloseModalFunction; let addCloseModalFunction;
const doAdd = (submitEvent) => { const doAdd = (submitEvent) => {

View File

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

File diff suppressed because one or more lines are too long