refactoring
parent
774f9eddb6
commit
f220a842bd
|
|
@ -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) => {
|
||||||
|
|
|
||||||
|
|
@ -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
Loading…
Reference in New Issue