steve
/
sunrise-cms
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

break up adminTables

deepsource-autofix-76c6eb20
Dan Gowans 2022-12-29 11:36:26 -05:00
parent e600e97bcf
commit d605b5d821
21 changed files with 2123 additions and 1206 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
gulpfile.js
View File

@ -23,6 +23,12 @@ const publicJavascriptsMinFunction = () => {
.pipe(minify({ noSource: true, ext: { min: ".min.js" } }))
.pipe(gulp.dest(publicJavascriptsDestination));
};
const publicJavascriptsAdminTablesFunction = () => {
return gulp
.src("public-typescript/adminTables/adminTables.js")
.pipe(include())
.pipe(gulp.dest("public-typescript"));
};
const publicJavascriptsLotOccupancyEditFunction = () => {
return gulp
.src("public-typescript/lotOccupancyEdit/lotOccupancyEdit.js")
@ -35,17 +41,20 @@ const publicJavascriptsWorkOrderEditFunction = () => {
.pipe(include())
.pipe(gulp.dest("public-typescript"));
};
gulp.task("public-javascript-adminTables", publicJavascriptsAdminTablesFunction);
gulp.task("public-javascript-lotOccupancyEdit", publicJavascriptsLotOccupancyEditFunction);
gulp.task("public-javascript-workOrderEdit", publicJavascriptsWorkOrderEditFunction);
gulp.task("public-javascript-min", publicJavascriptsMinFunction);
const watchFunction = () => {
gulp.watch("public-scss/*.scss", publicSCSSFunction);
gulp.watch("public-typescript/adminTables/*.js", publicJavascriptsAdminTablesFunction);
gulp.watch("public-typescript/lotOccupancyEdit/*.js", publicJavascriptsLotOccupancyEditFunction);
gulp.watch("public-typescript/workOrderEdit/*.js", publicJavascriptsWorkOrderEditFunction);
gulp.watch("public-typescript/*.js", publicJavascriptsMinFunction);
};
gulp.task("watch", watchFunction);
gulp.task("default", () => {
publicJavascriptsAdminTablesFunction();
publicJavascriptsLotOccupancyEditFunction();
publicJavascriptsWorkOrderEditFunction();
publicJavascriptsMinFunction();

14
gulpfile.ts
View File

@ -47,6 +47,13 @@ const publicJavascriptsMinFunction = () => {
.pipe(gulp.dest(publicJavascriptsDestination));
};
const publicJavascriptsAdminTablesFunction = () => {
return gulp
.src("public-typescript/adminTables/adminTables.js")
.pipe(include())
.pipe(gulp.dest("public-typescript"));
};
const publicJavascriptsLotOccupancyEditFunction = () => {
return gulp
.src("public-typescript/lotOccupancyEdit/lotOccupancyEdit.js")
@ -61,6 +68,7 @@ const publicJavascriptsWorkOrderEditFunction = () => {
.pipe(gulp.dest("public-typescript"));
};
gulp.task("public-javascript-adminTables", publicJavascriptsAdminTablesFunction);
gulp.task("public-javascript-lotOccupancyEdit", publicJavascriptsLotOccupancyEditFunction);
gulp.task("public-javascript-workOrderEdit", publicJavascriptsWorkOrderEditFunction);
gulp.task("public-javascript-min", publicJavascriptsMinFunction);
@ -71,11 +79,16 @@ gulp.task("public-javascript-min", publicJavascriptsMinFunction);
const watchFunction = () => {
gulp.watch("public-scss/*.scss", publicSCSSFunction);
gulp.watch("public-typescript/adminTables/*.js", publicJavascriptsAdminTablesFunction);
gulp.watch(
"public-typescript/lotOccupancyEdit/*.js",
publicJavascriptsLotOccupancyEditFunction
);
gulp.watch("public-typescript/workOrderEdit/*.js", publicJavascriptsWorkOrderEditFunction);
gulp.watch("public-typescript/*.js", publicJavascriptsMinFunction);
};
@ -86,6 +99,7 @@ gulp.task("watch", watchFunction);
*/
gulp.task("default", () => {
publicJavascriptsAdminTablesFunction();
publicJavascriptsLotOccupancyEditFunction();
publicJavascriptsWorkOrderEditFunction();
publicJavascriptsMinFunction();

34
public-typescript/adminTables.js
View File

@ -2,16 +2,18 @@
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
Object.defineProperty(exports, "__esModule", { value: true });
(() => {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const los = exports.los;
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const refreshFontAwesomeIcon = (changeEvent) => {
const inputElement = changeEvent.currentTarget;
const fontAwesomeIconClass = inputElement.value;
inputElement.closest(".field").querySelectorAll(".button.is-static")[1].innerHTML =
'<i class="fas fa-fw fa-' + fontAwesomeIconClass + '" aria-hidden="true"></i>';
};
/*
* Work Order Types
*/
"use strict";
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
Object.defineProperty(exports, "__esModule", { value: true });
let workOrderTypes = exports.workOrderTypes;
delete exports.workOrderTypes;
const updateWorkOrderType = (submitEvent) => {
@ -195,9 +197,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
});
});
renderWorkOrderTypes();
/*
* Work Order Milestone Types
*/
"use strict";
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
Object.defineProperty(exports, "__esModule", { value: true });
let workOrderMilestoneTypes = exports.workOrderMilestoneTypes;
delete exports.workOrderMilestoneTypes;
const updateWorkOrderMilestoneType = (submitEvent) => {
@ -382,9 +385,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
});
});
renderWorkOrderMilestoneTypes();
/*
* Lot Statuses
*/
"use strict";
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
Object.defineProperty(exports, "__esModule", { value: true });
let lotStatuses = exports.lotStatuses;
delete exports.lotStatuses;
const updateLotStatus = (submitEvent) => {
@ -491,7 +495,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
};
const renderLotStatuses = () => {
const containerElement = document.querySelector("#container--lotStatuses");
if (workOrderTypes.length === 0) {
if (lotStatuses.length === 0) {
containerElement.innerHTML =
"<tr>" +
'<td colspan="2">' +
@ -573,9 +577,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
});
});
renderLotStatuses();
/*
* Lot Occupant Types
*/
"use strict";
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
Object.defineProperty(exports, "__esModule", { value: true });
let lotOccupantTypes = exports.lotOccupantTypes;
delete exports.lotOccupantTypes;
const updateLotOccupantType = (submitEvent) => {
@ -710,7 +715,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
};
const renderLotOccupantTypes = () => {
const containerElement = document.querySelector("#container--lotOccupantTypes");
if (workOrderTypes.length === 0) {
if (lotOccupantTypes.length === 0) {
containerElement.innerHTML =
"<tr>" +
'<td colspan="3">' +
@ -835,4 +840,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
});
});
renderLotOccupantTypes();
})();

1190
public-typescript/adminTables.ts
View File

File diff suppressed because it is too large Load Diff

0
public-typescript/adminTables.d.ts → public-typescript/adminTables/adminTables.d.ts vendored
View File

18
public-typescript/adminTables/adminTables.js 100644
View File

@ -0,0 +1,18 @@
"use strict";
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
Object.defineProperty(exports, "__esModule", { value: true });
(() => {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const los = exports.los;
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const refreshFontAwesomeIcon = (changeEvent) => {
const inputElement = changeEvent.currentTarget;
const fontAwesomeIconClass = inputElement.value;
inputElement.closest(".field").querySelectorAll(".button.is-static")[1].innerHTML =
'<i class="fas fa-fw fa-' + fontAwesomeIconClass + '" aria-hidden="true"></i>';
};
//=include adminTablesWorkOrderTypes.js
//=include adminTablesWorkOrderMilestoneTypes.js
//=include adminTablesLotStatuses.js
//=include adminTablesLotOccupantTypes.js
})();

23
public-typescript/adminTables/adminTables.ts 100644
View File

@ -0,0 +1,23 @@
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
import type * as globalTypes from "../../types/globalTypes";
(() => {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const los = exports.los as globalTypes.LOS;
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const refreshFontAwesomeIcon = (changeEvent: Event) => {
const inputElement = changeEvent.currentTarget as HTMLInputElement;
const fontAwesomeIconClass = inputElement.value;
inputElement.closest(".field")!.querySelectorAll(".button.is-static")[1].innerHTML =
'<i class="fas fa-fw fa-' + fontAwesomeIconClass + '" aria-hidden="true"></i>';
};
//=include adminTablesWorkOrderTypes.js
//=include adminTablesWorkOrderMilestoneTypes.js
//=include adminTablesLotStatuses.js
//=include adminTablesLotOccupantTypes.js
})();

1
public-typescript/adminTables/adminTablesLotOccupantTypes.d.ts vendored 100644
View File

@ -0,0 +1 @@
export {};

262
public-typescript/adminTables/adminTablesLotOccupantTypes.js 100644
View File

@ -0,0 +1,262 @@
"use strict";
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
Object.defineProperty(exports, "__esModule", { value: true });
let lotOccupantTypes = exports.lotOccupantTypes;
delete exports.lotOccupantTypes;
const updateLotOccupantType = (submitEvent) => {
submitEvent.preventDefault();
cityssm.postJSON(los.urlPrefix + "/admin/doUpdateLotOccupantType", submitEvent.currentTarget, (responseJSON) => {
if (responseJSON.success) {
lotOccupantTypes = responseJSON.lotOccupantTypes;
bulmaJS.alert({
message: exports.aliases.lot +
" " +
exports.aliases.occupant +
" Type Updated Successfully",
contextualColorName: "success"
});
}
else {
bulmaJS.alert({
title: "Error Updating " +
exports.aliases.lot +
" " +
exports.aliases.occupant +
" Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
});
};
const deleteLotOccupantType = (clickEvent) => {
const tableRowElement = clickEvent.currentTarget.closest("tr");
const lotOccupantTypeId = tableRowElement.dataset.lotOccupantTypeId;
const doDelete = () => {
cityssm.postJSON(los.urlPrefix + "/admin/doDeleteLotOccupantType", {
lotOccupantTypeId
}, (responseJSON) => {
if (responseJSON.success) {
lotOccupantTypes = responseJSON.lotOccupantTypes;
if (lotOccupantTypes.length === 0) {
renderLotOccupantTypes();
}
else {
tableRowElement.remove();
}
bulmaJS.alert({
message: exports.aliases.lot +
" " +
exports.aliases.occupant +
" Type Deleted Successfully",
contextualColorName: "success"
});
}
else {
bulmaJS.alert({
title: "Error Deleting " +
exports.aliases.lot +
" " +
exports.aliases.occupant +
" Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
});
};
bulmaJS.confirm({
title: "Delete " + exports.aliases.lot + " " + exports.aliases.occupant + " Type",
message: "Are you sure you want to delete this " +
exports.aliases.lot.toLowerCase() +
" " +
exports.aliases.occupant.toLowerCase() +
" type?<br />" +
"Note that no " +
exports.aliases.lot.toLowerCase() +
" " +
exports.aliases.occupancy.toLowerCase() +
" will be removed.",
messageIsHtml: true,
contextualColorName: "warning",
okButton: {
text: "Yes, Delete " + exports.aliases.lot + " " + exports.aliases.occupant + " Type",
callbackFunction: doDelete
}
});
};
const moveLotOccupantTypeUp = (clickEvent) => {
const tableRowElement = clickEvent.currentTarget.closest("tr");
const lotOccupantTypeId = tableRowElement.dataset.lotOccupantTypeId;
cityssm.postJSON(los.urlPrefix + "/admin/doMoveLotOccupantTypeUp", {
lotOccupantTypeId,
moveToTop: clickEvent.shiftKey ? "1" : "0"
}, (responseJSON) => {
if (responseJSON.success) {
lotOccupantTypes = responseJSON.lotOccupantTypes;
renderLotOccupantTypes();
}
else {
bulmaJS.alert({
title: "Error Moving " +
exports.aliases.lot +
" " +
exports.aliases.occupant +
" Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
});
};
const moveLotOccupantTypeDown = (clickEvent) => {
const tableRowElement = clickEvent.currentTarget.closest("tr");
const lotOccupantTypeId = tableRowElement.dataset.lotOccupantTypeId;
cityssm.postJSON(los.urlPrefix + "/admin/doMoveLotOccupantTypeDown", {
lotOccupantTypeId,
moveToBottom: clickEvent.shiftKey ? "1" : "0"
}, (responseJSON) => {
if (responseJSON.success) {
lotOccupantTypes = responseJSON.lotOccupantTypes;
renderLotOccupantTypes();
}
else {
bulmaJS.alert({
title: "Error Moving " +
exports.aliases.lot +
" " +
exports.aliases.occupant +
" Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
});
};
const renderLotOccupantTypes = () => {
const containerElement = document.querySelector("#container--lotOccupantTypes");
if (lotOccupantTypes.length === 0) {
containerElement.innerHTML =
"<tr>" +
'<td colspan="3">' +
'<div class="message is-warning">' +
'<p class="message-body">There are no active ' +
cityssm.escapeHTML(exports.aliases.lot.toLowerCase()) +
" " +
cityssm.escapeHTML(exports.aliases.occupant.toLowerCase()) +
" types.</p>" +
"</div>" +
"</td>" +
"</tr>";
return;
}
containerElement.innerHTML = "";
for (const lotOccupantType of lotOccupantTypes) {
const tableRowElement = document.createElement("tr");
tableRowElement.dataset.lotOccupantTypeId =
lotOccupantType.lotOccupantTypeId.toString();
const formId = "form--lotOccupantType-" + lotOccupantType.lotOccupantTypeId;
tableRowElement.innerHTML =
"<td>" +
('<div class="field">' +
'<div class="control">' +
'<input class="input" name="lotOccupantType" type="text"' +
(' value="' + cityssm.escapeHTML(lotOccupantType.lotOccupantType) + '"') +
(' form="' + formId + '"') +
(' aria-label="' +
cityssm.escapeHTML(exports.aliases.lot + " " + exports.aliases.occupant) +
' Type"') +
' maxlength="100" required />' +
"</div>" +
"</div>") +
"</td>" +
"<td>" +
('<div class="field has-addons">' +
'<div class="control"><span class="button is-static">fa-</span></div>' +
'<div class="control">' +
'<input class="input" name="fontAwesomeIconClass" type="text"' +
(' value="' + cityssm.escapeHTML(lotOccupantType.fontAwesomeIconClass) + '"') +
(' form="' + formId + '"') +
' list="datalist--fontAwesomeIconClass"' +
' aria-label="Icon Name"' +
' maxlength="50" />' +
"</div>" +
'<div class="control"><span class="button is-static">' +
'<i class="fas fa-fw fa-' +
cityssm.escapeHTML(lotOccupantType.fontAwesomeIconClass) +
'"></i></span></div>' +
"</div>") +
"</td>" +
("<td>" +
('<form id="' + formId + '">') +
'<input name="lotOccupantTypeId" type="hidden"' +
(' value="' + lotOccupantType.lotOccupantTypeId.toString() + '"') +
" />" +
'<button class="button is-success" type="submit" aria-label="Save"><i class="fas fa-save" aria-hidden="true"></i></button>' +
"</form>" +
"</td>") +
'<td class="is-nowrap">' +
'<div class="field is-grouped">' +
'<div class="control">' +
('<div class="field has-addons">' +
'<div class="control">' +
'<button class="button button--moveLotOccupantTypeUp" data-tooltip="Move Up" type="button" aria-label="Move Up"><i class="fas fa-arrow-up" aria-hidden="true"></i></button>' +
"</div>" +
'<div class="control">' +
'<button class="button button--moveLotOccupantTypeDown" data-tooltip="Move Down" type="button" aria-label="Move Down"><i class="fas fa-arrow-down" aria-hidden="true"></i></button>' +
"</div>" +
"</div>") +
"</div>" +
'<div class="control">' +
'<button class="button is-danger is-light button--deleteLotOccupantType"' +
' data-tooltip="Delete ' +
cityssm.escapeHTML(exports.aliases.lot) +
" " +
cityssm.escapeHTML(exports.aliases.occupant) +
' Type" type="button"' +
' aria-label="Delete ' +
cityssm.escapeHTML(exports.aliases.lot) +
" " +
cityssm.escapeHTML(exports.aliases.occupant) +
' Type">' +
'<i class="fas fa-trash" aria-hidden="true"></i>' +
"</button>" +
"</div>" +
"</div>" +
"</td>";
const fontAwesomeInputElement = tableRowElement.querySelector("input[name='fontAwesomeIconClass']");
fontAwesomeInputElement.addEventListener("keyup", refreshFontAwesomeIcon);
fontAwesomeInputElement.addEventListener("change", refreshFontAwesomeIcon);
tableRowElement
.querySelector("form")
.addEventListener("submit", updateLotOccupantType);
tableRowElement.querySelector(".button--moveLotOccupantTypeUp").addEventListener("click", moveLotOccupantTypeUp);
tableRowElement.querySelector(".button--moveLotOccupantTypeDown").addEventListener("click", moveLotOccupantTypeDown);
tableRowElement.querySelector(".button--deleteLotOccupantType").addEventListener("click", deleteLotOccupantType);
containerElement.append(tableRowElement);
}
};
document.querySelector("#form--addLotOccupantType").addEventListener("submit", (submitEvent) => {
submitEvent.preventDefault();
const formElement = submitEvent.currentTarget;
cityssm.postJSON(los.urlPrefix + "/admin/doAddLotOccupantType", formElement, (responseJSON) => {
if (responseJSON.success) {
lotOccupantTypes = responseJSON.lotOccupantTypes;
renderLotOccupantTypes();
formElement.reset();
formElement.querySelector("input").focus();
}
else {
bulmaJS.alert({
title: "Error Adding " +
exports.aliases.lot +
" " +
exports.aliases.occupant +
" Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
});
});
renderLotOccupantTypes();

366
public-typescript/adminTables/adminTablesLotOccupantTypes.ts 100644
View File

@ -0,0 +1,366 @@
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
import type * as globalTypes from "../../types/globalTypes";
import type * as recordTypes from "../../types/recordTypes";
import type { cityssmGlobal } from "@cityssm/bulma-webapp-js/src/types";
import type { BulmaJS } from "@cityssm/bulma-js/types";
declare const cityssm: cityssmGlobal;
declare const bulmaJS: BulmaJS;
declare const los: globalTypes.LOS;
declare const refreshFontAwesomeIcon: (changeEvent: Event) => void;
let lotOccupantTypes: recordTypes.LotOccupantType[] = exports.lotOccupantTypes;
delete exports.lotOccupantTypes;
const updateLotOccupantType = (submitEvent: SubmitEvent) => {
submitEvent.preventDefault();
cityssm.postJSON(
los.urlPrefix + "/admin/doUpdateLotOccupantType",
submitEvent.currentTarget,
(responseJSON: {
success: boolean;
errorMessage?: string;
lotOccupantTypes?: recordTypes.LotOccupantType[];
}) => {
if (responseJSON.success) {
lotOccupantTypes = responseJSON.lotOccupantTypes!;
bulmaJS.alert({
message:
exports.aliases.lot +
" " +
exports.aliases.occupant +
" Type Updated Successfully",
contextualColorName: "success"
});
} else {
bulmaJS.alert({
title:
"Error Updating " +
exports.aliases.lot +
" " +
exports.aliases.occupant +
" Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
}
);
};
const deleteLotOccupantType = (clickEvent: Event) => {
const tableRowElement = (clickEvent.currentTarget as HTMLElement).closest("tr")!;
const lotOccupantTypeId = tableRowElement.dataset.lotOccupantTypeId;
const doDelete = () => {
cityssm.postJSON(
los.urlPrefix + "/admin/doDeleteLotOccupantType",
{
lotOccupantTypeId
},
(responseJSON: {
success: boolean;
errorMessage?: string;
lotOccupantTypes?: recordTypes.LotOccupantType[];
}) => {
if (responseJSON.success) {
lotOccupantTypes = responseJSON.lotOccupantTypes!;
if (lotOccupantTypes.length === 0) {
renderLotOccupantTypes();
} else {
tableRowElement.remove();
}
bulmaJS.alert({
message:
exports.aliases.lot +
" " +
exports.aliases.occupant +
" Type Deleted Successfully",
contextualColorName: "success"
});
} else {
bulmaJS.alert({
title:
"Error Deleting " +
exports.aliases.lot +
" " +
exports.aliases.occupant +
" Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
}
);
};
bulmaJS.confirm({
title: "Delete " + exports.aliases.lot + " " + exports.aliases.occupant + " Type",
message:
"Are you sure you want to delete this " +
exports.aliases.lot.toLowerCase() +
" " +
exports.aliases.occupant.toLowerCase() +
" type?<br />" +
"Note that no " +
exports.aliases.lot.toLowerCase() +
" " +
exports.aliases.occupancy.toLowerCase() +
" will be removed.",
messageIsHtml: true,
contextualColorName: "warning",
okButton: {
text:
"Yes, Delete " + exports.aliases.lot + " " + exports.aliases.occupant + " Type",
callbackFunction: doDelete
}
});
};
const moveLotOccupantTypeUp = (clickEvent: MouseEvent) => {
const tableRowElement = (clickEvent.currentTarget as HTMLElement).closest("tr")!;
const lotOccupantTypeId = tableRowElement.dataset.lotOccupantTypeId;
cityssm.postJSON(
los.urlPrefix + "/admin/doMoveLotOccupantTypeUp",
{
lotOccupantTypeId,
moveToTop: clickEvent.shiftKey ? "1" : "0"
},
(responseJSON: {
success: boolean;
errorMessage?: string;
lotOccupantTypes?: recordTypes.LotOccupantType[];
}) => {
if (responseJSON.success) {
lotOccupantTypes = responseJSON.lotOccupantTypes!;
renderLotOccupantTypes();
} else {
bulmaJS.alert({
title:
"Error Moving " +
exports.aliases.lot +
" " +
exports.aliases.occupant +
" Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
}
);
};
const moveLotOccupantTypeDown = (clickEvent: MouseEvent) => {
const tableRowElement = (clickEvent.currentTarget as HTMLElement).closest("tr")!;
const lotOccupantTypeId = tableRowElement.dataset.lotOccupantTypeId;
cityssm.postJSON(
los.urlPrefix + "/admin/doMoveLotOccupantTypeDown",
{
lotOccupantTypeId,
moveToBottom: clickEvent.shiftKey ? "1" : "0"
},
(responseJSON: {
success: boolean;
errorMessage?: string;
lotOccupantTypes?: recordTypes.LotOccupantType[];
}) => {
if (responseJSON.success) {
lotOccupantTypes = responseJSON.lotOccupantTypes!;
renderLotOccupantTypes();
} else {
bulmaJS.alert({
title:
"Error Moving " +
exports.aliases.lot +
" " +
exports.aliases.occupant +
" Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
}
);
};
const renderLotOccupantTypes = () => {
const containerElement = document.querySelector(
"#container--lotOccupantTypes"
) as HTMLTableSectionElement;
if (lotOccupantTypes.length === 0) {
containerElement.innerHTML =
"<tr>" +
'<td colspan="3">' +
'<div class="message is-warning">' +
'<p class="message-body">There are no active ' +
cityssm.escapeHTML(exports.aliases.lot.toLowerCase()) +
" " +
cityssm.escapeHTML(exports.aliases.occupant.toLowerCase()) +
" types.</p>" +
"</div>" +
"</td>" +
"</tr>";
return;
}
containerElement.innerHTML = "";
for (const lotOccupantType of lotOccupantTypes) {
const tableRowElement = document.createElement("tr");
tableRowElement.dataset.lotOccupantTypeId =
lotOccupantType.lotOccupantTypeId.toString();
const formId = "form--lotOccupantType-" + lotOccupantType.lotOccupantTypeId;
tableRowElement.innerHTML =
"<td>" +
('<div class="field">' +
'<div class="control">' +
'<input class="input" name="lotOccupantType" type="text"' +
(' value="' + cityssm.escapeHTML(lotOccupantType.lotOccupantType) + '"') +
(' form="' + formId + '"') +
(' aria-label="' +
cityssm.escapeHTML(exports.aliases.lot + " " + exports.aliases.occupant) +
' Type"') +
' maxlength="100" required />' +
"</div>" +
"</div>") +
"</td>" +
"<td>" +
('<div class="field has-addons">' +
'<div class="control"><span class="button is-static">fa-</span></div>' +
'<div class="control">' +
'<input class="input" name="fontAwesomeIconClass" type="text"' +
(' value="' + cityssm.escapeHTML(lotOccupantType.fontAwesomeIconClass) + '"') +
(' form="' + formId + '"') +
' list="datalist--fontAwesomeIconClass"' +
' aria-label="Icon Name"' +
' maxlength="50" />' +
"</div>" +
'<div class="control"><span class="button is-static">' +
'<i class="fas fa-fw fa-' +
cityssm.escapeHTML(lotOccupantType.fontAwesomeIconClass) +
'"></i></span></div>' +
"</div>") +
"</td>" +
("<td>" +
('<form id="' + formId + '">') +
'<input name="lotOccupantTypeId" type="hidden"' +
(' value="' + lotOccupantType.lotOccupantTypeId.toString() + '"') +
" />" +
'<button class="button is-success" type="submit" aria-label="Save"><i class="fas fa-save" aria-hidden="true"></i></button>' +
"</form>" +
"</td>") +
'<td class="is-nowrap">' +
'<div class="field is-grouped">' +
'<div class="control">' +
('<div class="field has-addons">' +
'<div class="control">' +
'<button class="button button--moveLotOccupantTypeUp" data-tooltip="Move Up" type="button" aria-label="Move Up"><i class="fas fa-arrow-up" aria-hidden="true"></i></button>' +
"</div>" +
'<div class="control">' +
'<button class="button button--moveLotOccupantTypeDown" data-tooltip="Move Down" type="button" aria-label="Move Down"><i class="fas fa-arrow-down" aria-hidden="true"></i></button>' +
"</div>" +
"</div>") +
"</div>" +
'<div class="control">' +
'<button class="button is-danger is-light button--deleteLotOccupantType"' +
' data-tooltip="Delete ' +
cityssm.escapeHTML(exports.aliases.lot) +
" " +
cityssm.escapeHTML(exports.aliases.occupant) +
' Type" type="button"' +
' aria-label="Delete ' +
cityssm.escapeHTML(exports.aliases.lot) +
" " +
cityssm.escapeHTML(exports.aliases.occupant) +
' Type">' +
'<i class="fas fa-trash" aria-hidden="true"></i>' +
"</button>" +
"</div>" +
"</div>" +
"</td>";
const fontAwesomeInputElement = tableRowElement.querySelector(
"input[name='fontAwesomeIconClass']"
)!;
fontAwesomeInputElement.addEventListener("keyup", refreshFontAwesomeIcon);
fontAwesomeInputElement.addEventListener("change", refreshFontAwesomeIcon);
tableRowElement
.querySelector("form")!
.addEventListener("submit", updateLotOccupantType);
(
tableRowElement.querySelector(".button--moveLotOccupantTypeUp") as HTMLButtonElement
).addEventListener("click", moveLotOccupantTypeUp);
(
tableRowElement.querySelector(
".button--moveLotOccupantTypeDown"
) as HTMLButtonElement
).addEventListener("click", moveLotOccupantTypeDown);
(
tableRowElement.querySelector(".button--deleteLotOccupantType") as HTMLButtonElement
).addEventListener("click", deleteLotOccupantType);
containerElement.append(tableRowElement);
}
};
(document.querySelector("#form--addLotOccupantType") as HTMLFormElement).addEventListener(
"submit",
(submitEvent: SubmitEvent) => {
submitEvent.preventDefault();
const formElement = submitEvent.currentTarget as HTMLFormElement;
cityssm.postJSON(
los.urlPrefix + "/admin/doAddLotOccupantType",
formElement,
(responseJSON: {
success: boolean;
errorMessage?: string;
lotOccupantTypes?: recordTypes.LotOccupantType[];
}) => {
if (responseJSON.success) {
lotOccupantTypes = responseJSON.lotOccupantTypes!;
renderLotOccupantTypes();
formElement.reset();
formElement.querySelector("input")!.focus();
} else {
bulmaJS.alert({
title:
"Error Adding " +
exports.aliases.lot +
" " +
exports.aliases.occupant +
" Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
}
);
}
);
renderLotOccupantTypes();

1
public-typescript/adminTables/adminTablesLotStatuses.d.ts vendored 100644
View File

@ -0,0 +1 @@
export {};

191
public-typescript/adminTables/adminTablesLotStatuses.js 100644
View File

@ -0,0 +1,191 @@
"use strict";
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
Object.defineProperty(exports, "__esModule", { value: true });
let lotStatuses = exports.lotStatuses;
delete exports.lotStatuses;
const updateLotStatus = (submitEvent) => {
submitEvent.preventDefault();
cityssm.postJSON(los.urlPrefix + "/admin/doUpdateLotStatus", submitEvent.currentTarget, (responseJSON) => {
if (responseJSON.success) {
lotStatuses = responseJSON.lotStatuses;
bulmaJS.alert({
message: exports.aliases.lot + " Status Updated Successfully",
contextualColorName: "success"
});
}
else {
bulmaJS.alert({
title: "Error Updating " + exports.aliases.lot + " Status",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
});
};
const deleteLotStatus = (clickEvent) => {
const tableRowElement = clickEvent.currentTarget.closest("tr");
const lotStatusId = tableRowElement.dataset.lotStatusId;
const doDelete = () => {
cityssm.postJSON(los.urlPrefix + "/admin/doDeleteLotStatus", {
lotStatusId
}, (responseJSON) => {
if (responseJSON.success) {
lotStatuses = responseJSON.lotStatuses;
if (lotStatuses.length === 0) {
renderLotStatuses();
}
else {
tableRowElement.remove();
}
bulmaJS.alert({
message: exports.aliases.lot + " Status Deleted Successfully",
contextualColorName: "success"
});
}
else {
bulmaJS.alert({
title: "Error Deleting " + exports.aliases.lot + " Status",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
});
};
bulmaJS.confirm({
title: "Delete " + exports.aliases.lot + " Status",
message: "Are you sure you want to delete this status?<br />" +
"Note that no " +
exports.aliases.lots.toLowerCase() +
" will be removed.",
messageIsHtml: true,
contextualColorName: "warning",
okButton: {
text: "Yes, Delete Status",
callbackFunction: doDelete
}
});
};
const moveLotStatusUp = (clickEvent) => {
const tableRowElement = clickEvent.currentTarget.closest("tr");
const lotStatusId = tableRowElement.dataset.lotStatusId;
cityssm.postJSON(los.urlPrefix + "/admin/doMoveLotStatusUp", {
lotStatusId,
moveToTop: clickEvent.shiftKey ? "1" : "0"
}, (responseJSON) => {
if (responseJSON.success) {
lotStatuses = responseJSON.lotStatuses;
renderLotStatuses();
}
else {
bulmaJS.alert({
title: "Error Moving " + exports.aliases.lot + " Status",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
});
};
const moveLotStatusDown = (clickEvent) => {
const tableRowElement = clickEvent.currentTarget.closest("tr");
const lotStatusId = tableRowElement.dataset.lotStatusId;
cityssm.postJSON(los.urlPrefix + "/admin/doMoveLotStatusDown", {
lotStatusId,
moveToBottom: clickEvent.shiftKey ? "1" : "0"
}, (responseJSON) => {
if (responseJSON.success) {
lotStatuses = responseJSON.lotStatuses;
renderLotStatuses();
}
else {
bulmaJS.alert({
title: "Error Moving " + exports.aliases.lot + " Status",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
});
};
const renderLotStatuses = () => {
const containerElement = document.querySelector("#container--lotStatuses");
if (lotStatuses.length === 0) {
containerElement.innerHTML =
"<tr>" +
'<td colspan="2">' +
'<div class="message is-warning">' +
'<p class="message-body">There are no active ' +
cityssm.escapeHTML(exports.aliases.lot.toLowerCase()) +
" statuses.</p>" +
"</div>" +
"</td>" +
"</tr>";
return;
}
containerElement.innerHTML = "";
for (const lotStatus of lotStatuses) {
const tableRowElement = document.createElement("tr");
tableRowElement.dataset.lotStatusId = lotStatus.lotStatusId.toString();
tableRowElement.innerHTML =
"<td>" +
"<form>" +
'<input name="lotStatusId" type="hidden" value="' +
lotStatus.lotStatusId.toString() +
'" />' +
('<div class="field has-addons">' +
'<div class="control">' +
'<input class="input" name="lotStatus" type="text"' +
(' value="' + cityssm.escapeHTML(lotStatus.lotStatus) + '"') +
(' aria-label="' + cityssm.escapeHTML(exports.aliases.lot) + ' Status"') +
' maxlength="100" required />' +
"</div>" +
'<div class="control">' +
'<button class="button is-success" type="submit" aria-label="Save"><i class="fas fa-save" aria-hidden="true"></i></button>' +
"</div>" +
"</div>") +
"</form>" +
"</td>" +
'<td class="is-nowrap">' +
'<div class="field is-grouped">' +
'<div class="control">' +
('<div class="field has-addons">' +
'<div class="control">' +
'<button class="button button--moveLotStatusUp" data-tooltip="Move Up" type="button" aria-label="Move Up"><i class="fas fa-arrow-up" aria-hidden="true"></i></button>' +
"</div>" +
'<div class="control">' +
'<button class="button button--moveLotStatusDown" data-tooltip="Move Down" type="button" aria-label="Move Down"><i class="fas fa-arrow-down" aria-hidden="true"></i></button>' +
"</div>" +
"</div>") +
"</div>" +
'<div class="control">' +
'<button class="button is-danger is-light button--deleteLotStatus" data-tooltip="Delete Status" type="button" aria-label="Delete Status">' +
'<i class="fas fa-trash" aria-hidden="true"></i>' +
"</button>" +
"</div>" +
"</div>" +
"</td>";
tableRowElement.querySelector("form").addEventListener("submit", updateLotStatus);
tableRowElement.querySelector(".button--moveLotStatusUp").addEventListener("click", moveLotStatusUp);
tableRowElement.querySelector(".button--moveLotStatusDown").addEventListener("click", moveLotStatusDown);
tableRowElement.querySelector(".button--deleteLotStatus").addEventListener("click", deleteLotStatus);
containerElement.append(tableRowElement);
}
};
document.querySelector("#form--addLotStatus").addEventListener("submit", (submitEvent) => {
submitEvent.preventDefault();
const formElement = submitEvent.currentTarget;
cityssm.postJSON(los.urlPrefix + "/admin/doAddLotStatus", formElement, (responseJSON) => {
if (responseJSON.success) {
lotStatuses = responseJSON.lotStatuses;
renderLotStatuses();
formElement.reset();
formElement.querySelector("input").focus();
}
else {
bulmaJS.alert({
title: "Error Adding " + exports.aliases.lot + " Status",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
});
});
renderLotStatuses();

279
public-typescript/adminTables/adminTablesLotStatuses.ts 100644
View File

@ -0,0 +1,279 @@
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
import type * as globalTypes from "../../types/globalTypes";
import type * as recordTypes from "../../types/recordTypes";
import type { cityssmGlobal } from "@cityssm/bulma-webapp-js/src/types";
import type { BulmaJS } from "@cityssm/bulma-js/types";
declare const cityssm: cityssmGlobal;
declare const bulmaJS: BulmaJS;
declare const los: globalTypes.LOS;
let lotStatuses: recordTypes.LotStatus[] = exports.lotStatuses;
delete exports.lotStatuses;
const updateLotStatus = (submitEvent: SubmitEvent) => {
submitEvent.preventDefault();
cityssm.postJSON(
los.urlPrefix + "/admin/doUpdateLotStatus",
submitEvent.currentTarget,
(responseJSON: {
success: boolean;
errorMessage?: string;
lotStatuses?: recordTypes.LotStatus[];
}) => {
if (responseJSON.success) {
lotStatuses = responseJSON.lotStatuses!;
bulmaJS.alert({
message: exports.aliases.lot + " Status Updated Successfully",
contextualColorName: "success"
});
} else {
bulmaJS.alert({
title: "Error Updating " + exports.aliases.lot + " Status",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
}
);
};
const deleteLotStatus = (clickEvent: Event) => {
const tableRowElement = (clickEvent.currentTarget as HTMLElement).closest("tr")!;
const lotStatusId = tableRowElement.dataset.lotStatusId;
const doDelete = () => {
cityssm.postJSON(
los.urlPrefix + "/admin/doDeleteLotStatus",
{
lotStatusId
},
(responseJSON: {
success: boolean;
errorMessage?: string;
lotStatuses?: recordTypes.LotStatus[];
}) => {
if (responseJSON.success) {
lotStatuses = responseJSON.lotStatuses!;
if (lotStatuses.length === 0) {
renderLotStatuses();
} else {
tableRowElement.remove();
}
bulmaJS.alert({
message: exports.aliases.lot + " Status Deleted Successfully",
contextualColorName: "success"
});
} else {
bulmaJS.alert({
title: "Error Deleting " + exports.aliases.lot + " Status",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
}
);
};
bulmaJS.confirm({
title: "Delete " + exports.aliases.lot + " Status",
message:
"Are you sure you want to delete this status?<br />" +
"Note that no " +
exports.aliases.lots.toLowerCase() +
" will be removed.",
messageIsHtml: true,
contextualColorName: "warning",
okButton: {
text: "Yes, Delete Status",
callbackFunction: doDelete
}
});
};
const moveLotStatusUp = (clickEvent: MouseEvent) => {
const tableRowElement = (clickEvent.currentTarget as HTMLElement).closest("tr")!;
const lotStatusId = tableRowElement.dataset.lotStatusId;
cityssm.postJSON(
los.urlPrefix + "/admin/doMoveLotStatusUp",
{
lotStatusId,
moveToTop: clickEvent.shiftKey ? "1" : "0"
},
(responseJSON: {
success: boolean;
errorMessage?: string;
lotStatuses?: recordTypes.LotStatus[];
}) => {
if (responseJSON.success) {
lotStatuses = responseJSON.lotStatuses!;
renderLotStatuses();
} else {
bulmaJS.alert({
title: "Error Moving " + exports.aliases.lot + " Status",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
}
);
};
const moveLotStatusDown = (clickEvent: MouseEvent) => {
const tableRowElement = (clickEvent.currentTarget as HTMLElement).closest("tr")!;
const lotStatusId = tableRowElement.dataset.lotStatusId;
cityssm.postJSON(
los.urlPrefix + "/admin/doMoveLotStatusDown",
{
lotStatusId,
moveToBottom: clickEvent.shiftKey ? "1" : "0"
},
(responseJSON: {
success: boolean;
errorMessage?: string;
lotStatuses?: recordTypes.LotStatus[];
}) => {
if (responseJSON.success) {
lotStatuses = responseJSON.lotStatuses!;
renderLotStatuses();
} else {
bulmaJS.alert({
title: "Error Moving " + exports.aliases.lot + " Status",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
}
);
};
const renderLotStatuses = () => {
const containerElement = document.querySelector(
"#container--lotStatuses"
) as HTMLTableSectionElement;
if (lotStatuses.length === 0) {
containerElement.innerHTML =
"<tr>" +
'<td colspan="2">' +
'<div class="message is-warning">' +
'<p class="message-body">There are no active ' +
cityssm.escapeHTML(exports.aliases.lot.toLowerCase()) +
" statuses.</p>" +
"</div>" +
"</td>" +
"</tr>";
return;
}
containerElement.innerHTML = "";
for (const lotStatus of lotStatuses) {
const tableRowElement = document.createElement("tr");
tableRowElement.dataset.lotStatusId = lotStatus.lotStatusId.toString();
tableRowElement.innerHTML =
"<td>" +
"<form>" +
'<input name="lotStatusId" type="hidden" value="' +
lotStatus.lotStatusId.toString() +
'" />' +
('<div class="field has-addons">' +
'<div class="control">' +
'<input class="input" name="lotStatus" type="text"' +
(' value="' + cityssm.escapeHTML(lotStatus.lotStatus) + '"') +
(' aria-label="' + cityssm.escapeHTML(exports.aliases.lot) + ' Status"') +
' maxlength="100" required />' +
"</div>" +
'<div class="control">' +
'<button class="button is-success" type="submit" aria-label="Save"><i class="fas fa-save" aria-hidden="true"></i></button>' +
"</div>" +
"</div>") +
"</form>" +
"</td>" +
'<td class="is-nowrap">' +
'<div class="field is-grouped">' +
'<div class="control">' +
('<div class="field has-addons">' +
'<div class="control">' +
'<button class="button button--moveLotStatusUp" data-tooltip="Move Up" type="button" aria-label="Move Up"><i class="fas fa-arrow-up" aria-hidden="true"></i></button>' +
"</div>" +
'<div class="control">' +
'<button class="button button--moveLotStatusDown" data-tooltip="Move Down" type="button" aria-label="Move Down"><i class="fas fa-arrow-down" aria-hidden="true"></i></button>' +
"</div>" +
"</div>") +
"</div>" +
'<div class="control">' +
'<button class="button is-danger is-light button--deleteLotStatus" data-tooltip="Delete Status" type="button" aria-label="Delete Status">' +
'<i class="fas fa-trash" aria-hidden="true"></i>' +
"</button>" +
"</div>" +
"</div>" +
"</td>";
tableRowElement.querySelector("form")!.addEventListener("submit", updateLotStatus);
(
tableRowElement.querySelector(".button--moveLotStatusUp") as HTMLButtonElement
).addEventListener("click", moveLotStatusUp);
(
tableRowElement.querySelector(".button--moveLotStatusDown") as HTMLButtonElement
).addEventListener("click", moveLotStatusDown);
(
tableRowElement.querySelector(".button--deleteLotStatus") as HTMLButtonElement
).addEventListener("click", deleteLotStatus);
containerElement.append(tableRowElement);
}
};
(document.querySelector("#form--addLotStatus") as HTMLFormElement).addEventListener(
"submit",
(submitEvent: SubmitEvent) => {
submitEvent.preventDefault();
const formElement = submitEvent.currentTarget as HTMLFormElement;
cityssm.postJSON(
los.urlPrefix + "/admin/doAddLotStatus",
formElement,
(responseJSON: {
success: boolean;
errorMessage?: string;
lotStatuses?: recordTypes.LotStatus[];
}) => {
if (responseJSON.success) {
lotStatuses = responseJSON.lotStatuses!;
renderLotStatuses();
formElement.reset();
formElement.querySelector("input")!.focus();
} else {
bulmaJS.alert({
title: "Error Adding " + exports.aliases.lot + " Status",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
}
);
}
);
renderLotStatuses();

1
public-typescript/adminTables/adminTablesWorkOrderMilestoneTypes.d.ts vendored 100644
View File

@ -0,0 +1 @@
export {};

187
public-typescript/adminTables/adminTablesWorkOrderMilestoneTypes.js 100644
View File

@ -0,0 +1,187 @@
"use strict";
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
Object.defineProperty(exports, "__esModule", { value: true });
let workOrderMilestoneTypes = exports.workOrderMilestoneTypes;
delete exports.workOrderMilestoneTypes;
const updateWorkOrderMilestoneType = (submitEvent) => {
submitEvent.preventDefault();
cityssm.postJSON(los.urlPrefix + "/admin/doUpdateWorkOrderMilestoneType", submitEvent.currentTarget, (responseJSON) => {
if (responseJSON.success) {
workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes;
bulmaJS.alert({
message: "Work Order Milestone Type Updated Successfully",
contextualColorName: "success"
});
}
else {
bulmaJS.alert({
title: "Error Updating Work Order Milestone Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
});
};
const deleteWorkOrderMilestoneType = (clickEvent) => {
const tableRowElement = clickEvent.currentTarget.closest("tr");
const workOrderMilestoneTypeId = tableRowElement.dataset.workOrderMilestoneTypeId;
const doDelete = () => {
cityssm.postJSON(los.urlPrefix + "/admin/doDeleteWorkOrderMilestoneType", {
workOrderMilestoneTypeId
}, (responseJSON) => {
if (responseJSON.success) {
workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes;
if (workOrderMilestoneTypes.length === 0) {
renderWorkOrderMilestoneTypes();
}
else {
tableRowElement.remove();
}
bulmaJS.alert({
message: "Work Order Milestone Type Deleted Successfully",
contextualColorName: "success"
});
}
else {
bulmaJS.alert({
title: "Error Deleting Work Order Milestone Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
});
};
bulmaJS.confirm({
title: "Delete Work Order Milestone Type",
message: "Are you sure you want to delete this work order milestone type?<br />" +
"Note that no work orders will be removed.",
messageIsHtml: true,
contextualColorName: "warning",
okButton: {
text: "Yes, Delete Work Order Milestone Type",
callbackFunction: doDelete
}
});
};
const moveWorkOrderMilestoneTypeUp = (clickEvent) => {
const tableRowElement = clickEvent.currentTarget.closest("tr");
const workOrderMilestoneTypeId = tableRowElement.dataset.workOrderMilestoneTypeId;
cityssm.postJSON(los.urlPrefix + "/admin/doMoveWorkOrderMilestoneTypeUp", {
workOrderMilestoneTypeId,
moveToTop: clickEvent.shiftKey ? "1" : "0"
}, (responseJSON) => {
if (responseJSON.success) {
workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes;
renderWorkOrderMilestoneTypes();
}
else {
bulmaJS.alert({
title: "Error Moving Work Order Milestone Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
});
};
const moveWorkOrderMilestoneTypeDown = (clickEvent) => {
const tableRowElement = clickEvent.currentTarget.closest("tr");
const workOrderMilestoneTypeId = tableRowElement.dataset.workOrderMilestoneTypeId;
cityssm.postJSON(los.urlPrefix + "/admin/doMoveWorkOrderMilestoneTypeDown", {
workOrderMilestoneTypeId,
moveToBottom: clickEvent.shiftKey ? "1" : "0"
}, (responseJSON) => {
if (responseJSON.success) {
workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes;
renderWorkOrderMilestoneTypes();
}
else {
bulmaJS.alert({
title: "Error Moving Work Order Milestone Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
});
};
const renderWorkOrderMilestoneTypes = () => {
const containerElement = document.querySelector("#container--workOrderMilestoneTypes");
if (workOrderMilestoneTypes.length === 0) {
containerElement.innerHTML =
"<tr>" +
'<td colspan="2">' +
'<div class="message is-warning">' +
'<p class="message-body">There are no active work order milestone types.</p>' +
"</div>" +
"</td>" +
"</tr>";
return;
}
containerElement.innerHTML = "";
for (const workOrderMilestoneType of workOrderMilestoneTypes) {
const tableRowElement = document.createElement("tr");
tableRowElement.dataset.workOrderMilestoneTypeId =
workOrderMilestoneType.workOrderMilestoneTypeId.toString();
tableRowElement.innerHTML =
"<td>" +
"<form>" +
'<input name="workOrderMilestoneTypeId" type="hidden" value="' +
workOrderMilestoneType.workOrderMilestoneTypeId.toString() +
'" />' +
('<div class="field has-addons">' +
'<div class="control">' +
'<input class="input" name="workOrderMilestoneType" type="text" value="' +
cityssm.escapeHTML(workOrderMilestoneType.workOrderMilestoneType) +
'" maxlength="100" aria-label="Work Order Milestone Type" required />' +
"</div>" +
'<div class="control">' +
'<button class="button is-success" type="submit" aria-label="Save"><i class="fas fa-save" aria-hidden="true"></i></button>' +
"</div>" +
"</div>") +
"</form>" +
"</td>" +
'<td class="is-nowrap">' +
'<div class="field is-grouped">' +
'<div class="control">' +
('<div class="field has-addons">' +
'<div class="control">' +
'<button class="button button--moveWorkOrderMilestoneTypeUp" data-tooltip="Move Up" type="button" aria-label="Move Up"><i class="fas fa-arrow-up" aria-hidden="true"></i></button>' +
"</div>" +
'<div class="control">' +
'<button class="button button--moveWorkOrderMilestoneTypeDown" data-tooltip="Move Down" type="button" aria-label="Move Down"><i class="fas fa-arrow-down" aria-hidden="true"></i></button>' +
"</div>" +
"</div>") +
"</div>" +
'<div class="control">' +
'<button class="button is-danger is-light button--deleteWorkOrderMilestoneType" data-tooltip="Delete Mielstone Type" type="button" aria-label="Delete Milestone Type">' +
'<i class="fas fa-trash" aria-hidden="true"></i>' +
"</button>" +
"</div>" +
"</div>" +
"</td>";
tableRowElement.querySelector("form").addEventListener("submit", updateWorkOrderMilestoneType);
tableRowElement.querySelector(".button--moveWorkOrderMilestoneTypeUp").addEventListener("click", moveWorkOrderMilestoneTypeUp);
tableRowElement.querySelector(".button--moveWorkOrderMilestoneTypeDown").addEventListener("click", moveWorkOrderMilestoneTypeDown);
tableRowElement.querySelector(".button--deleteWorkOrderMilestoneType").addEventListener("click", deleteWorkOrderMilestoneType);
containerElement.append(tableRowElement);
}
};
document.querySelector("#form--addWorkOrderMilestoneType").addEventListener("submit", (submitEvent) => {
submitEvent.preventDefault();
const formElement = submitEvent.currentTarget;
cityssm.postJSON(los.urlPrefix + "/admin/doAddWorkOrderMilestoneType", formElement, (responseJSON) => {
if (responseJSON.success) {
workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes;
renderWorkOrderMilestoneTypes();
formElement.reset();
formElement.querySelector("input").focus();
}
else {
bulmaJS.alert({
title: "Error Adding Work Order Milestone Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
});
});
renderWorkOrderMilestoneTypes();

284
public-typescript/adminTables/adminTablesWorkOrderMilestoneTypes.ts 100644
View File

@ -0,0 +1,284 @@
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
import type * as globalTypes from "../../types/globalTypes";
import type * as recordTypes from "../../types/recordTypes";
import type { cityssmGlobal } from "@cityssm/bulma-webapp-js/src/types";
import type { BulmaJS } from "@cityssm/bulma-js/types";
declare const cityssm: cityssmGlobal;
declare const bulmaJS: BulmaJS;
declare const los: globalTypes.LOS;
let workOrderMilestoneTypes: recordTypes.WorkOrderMilestoneType[] = exports.workOrderMilestoneTypes;
delete exports.workOrderMilestoneTypes;
const updateWorkOrderMilestoneType = (submitEvent: SubmitEvent) => {
submitEvent.preventDefault();
cityssm.postJSON(
los.urlPrefix + "/admin/doUpdateWorkOrderMilestoneType",
submitEvent.currentTarget,
(responseJSON: {
success: boolean;
errorMessage?: string;
workOrderMilestoneTypes?: recordTypes.WorkOrderMilestoneType[];
}) => {
if (responseJSON.success) {
workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes!;
bulmaJS.alert({
message: "Work Order Milestone Type Updated Successfully",
contextualColorName: "success"
});
} else {
bulmaJS.alert({
title: "Error Updating Work Order Milestone Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
}
);
};
const deleteWorkOrderMilestoneType = (clickEvent: Event) => {
const tableRowElement = (clickEvent.currentTarget as HTMLElement).closest("tr")!;
const workOrderMilestoneTypeId = tableRowElement.dataset.workOrderMilestoneTypeId;
const doDelete = () => {
cityssm.postJSON(
los.urlPrefix + "/admin/doDeleteWorkOrderMilestoneType",
{
workOrderMilestoneTypeId
},
(responseJSON: {
success: boolean;
errorMessage?: string;
workOrderMilestoneTypes?: recordTypes.WorkOrderMilestoneType[];
}) => {
if (responseJSON.success) {
workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes!;
if (workOrderMilestoneTypes.length === 0) {
renderWorkOrderMilestoneTypes();
} else {
tableRowElement.remove();
}
bulmaJS.alert({
message: "Work Order Milestone Type Deleted Successfully",
contextualColorName: "success"
});
} else {
bulmaJS.alert({
title: "Error Deleting Work Order Milestone Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
}
);
};
bulmaJS.confirm({
title: "Delete Work Order Milestone Type",
message:
"Are you sure you want to delete this work order milestone type?<br />" +
"Note that no work orders will be removed.",
messageIsHtml: true,
contextualColorName: "warning",
okButton: {
text: "Yes, Delete Work Order Milestone Type",
callbackFunction: doDelete
}
});
};
const moveWorkOrderMilestoneTypeUp = (clickEvent: MouseEvent) => {
const tableRowElement = (clickEvent.currentTarget as HTMLElement).closest("tr")!;
const workOrderMilestoneTypeId = tableRowElement.dataset.workOrderMilestoneTypeId;
cityssm.postJSON(
los.urlPrefix + "/admin/doMoveWorkOrderMilestoneTypeUp",
{
workOrderMilestoneTypeId,
moveToTop: clickEvent.shiftKey ? "1" : "0"
},
(responseJSON: {
success: boolean;
errorMessage?: string;
workOrderMilestoneTypes?: recordTypes.WorkOrderMilestoneType[];
}) => {
if (responseJSON.success) {
workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes!;
renderWorkOrderMilestoneTypes();
} else {
bulmaJS.alert({
title: "Error Moving Work Order Milestone Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
}
);
};
const moveWorkOrderMilestoneTypeDown = (clickEvent: MouseEvent) => {
const tableRowElement = (clickEvent.currentTarget as HTMLElement).closest("tr")!;
const workOrderMilestoneTypeId = tableRowElement.dataset.workOrderMilestoneTypeId;
cityssm.postJSON(
los.urlPrefix + "/admin/doMoveWorkOrderMilestoneTypeDown",
{
workOrderMilestoneTypeId,
moveToBottom: clickEvent.shiftKey ? "1" : "0"
},
(responseJSON: {
success: boolean;
errorMessage?: string;
workOrderMilestoneTypes?: recordTypes.WorkOrderMilestoneType[];
}) => {
if (responseJSON.success) {
workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes!;
renderWorkOrderMilestoneTypes();
} else {
bulmaJS.alert({
title: "Error Moving Work Order Milestone Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
}
);
};
const renderWorkOrderMilestoneTypes = () => {
const containerElement = document.querySelector(
"#container--workOrderMilestoneTypes"
) as HTMLTableSectionElement;
if (workOrderMilestoneTypes.length === 0) {
containerElement.innerHTML =
"<tr>" +
'<td colspan="2">' +
'<div class="message is-warning">' +
'<p class="message-body">There are no active work order milestone types.</p>' +
"</div>" +
"</td>" +
"</tr>";
return;
}
containerElement.innerHTML = "";
for (const workOrderMilestoneType of workOrderMilestoneTypes) {
const tableRowElement = document.createElement("tr");
tableRowElement.dataset.workOrderMilestoneTypeId =
workOrderMilestoneType.workOrderMilestoneTypeId.toString();
tableRowElement.innerHTML =
"<td>" +
"<form>" +
'<input name="workOrderMilestoneTypeId" type="hidden" value="' +
workOrderMilestoneType.workOrderMilestoneTypeId.toString() +
'" />' +
('<div class="field has-addons">' +
'<div class="control">' +
'<input class="input" name="workOrderMilestoneType" type="text" value="' +
cityssm.escapeHTML(workOrderMilestoneType.workOrderMilestoneType) +
'" maxlength="100" aria-label="Work Order Milestone Type" required />' +
"</div>" +
'<div class="control">' +
'<button class="button is-success" type="submit" aria-label="Save"><i class="fas fa-save" aria-hidden="true"></i></button>' +
"</div>" +
"</div>") +
"</form>" +
"</td>" +
'<td class="is-nowrap">' +
'<div class="field is-grouped">' +
'<div class="control">' +
('<div class="field has-addons">' +
'<div class="control">' +
'<button class="button button--moveWorkOrderMilestoneTypeUp" data-tooltip="Move Up" type="button" aria-label="Move Up"><i class="fas fa-arrow-up" aria-hidden="true"></i></button>' +
"</div>" +
'<div class="control">' +
'<button class="button button--moveWorkOrderMilestoneTypeDown" data-tooltip="Move Down" type="button" aria-label="Move Down"><i class="fas fa-arrow-down" aria-hidden="true"></i></button>' +
"</div>" +
"</div>") +
"</div>" +
'<div class="control">' +
'<button class="button is-danger is-light button--deleteWorkOrderMilestoneType" data-tooltip="Delete Mielstone Type" type="button" aria-label="Delete Milestone Type">' +
'<i class="fas fa-trash" aria-hidden="true"></i>' +
"</button>" +
"</div>" +
"</div>" +
"</td>";
(tableRowElement.querySelector("form") as HTMLFormElement).addEventListener(
"submit",
updateWorkOrderMilestoneType
);
(
tableRowElement.querySelector(
".button--moveWorkOrderMilestoneTypeUp"
) as HTMLButtonElement
).addEventListener("click", moveWorkOrderMilestoneTypeUp);
(
tableRowElement.querySelector(
".button--moveWorkOrderMilestoneTypeDown"
) as HTMLButtonElement
).addEventListener("click", moveWorkOrderMilestoneTypeDown);
(
tableRowElement.querySelector(
".button--deleteWorkOrderMilestoneType"
) as HTMLButtonElement
).addEventListener("click", deleteWorkOrderMilestoneType);
containerElement.append(tableRowElement);
}
};
(document.querySelector("#form--addWorkOrderMilestoneType") as HTMLFormElement).addEventListener(
"submit",
(submitEvent: SubmitEvent) => {
submitEvent.preventDefault();
const formElement = submitEvent.currentTarget as HTMLFormElement;
cityssm.postJSON(
los.urlPrefix + "/admin/doAddWorkOrderMilestoneType",
formElement,
(responseJSON: {
success: boolean;
errorMessage?: string;
workOrderMilestoneTypes?: recordTypes.WorkOrderMilestoneType[];
}) => {
if (responseJSON.success) {
workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes!;
renderWorkOrderMilestoneTypes();
formElement.reset();
formElement.querySelector("input")!.focus();
} else {
bulmaJS.alert({
title: "Error Adding Work Order Milestone Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
}
);
}
);
renderWorkOrderMilestoneTypes();

1
public-typescript/adminTables/adminTablesWorkOrderTypes.d.ts vendored 100644
View File

@ -0,0 +1 @@
export {};

186
public-typescript/adminTables/adminTablesWorkOrderTypes.js 100644
View File

@ -0,0 +1,186 @@
"use strict";
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
Object.defineProperty(exports, "__esModule", { value: true });
let workOrderTypes = exports.workOrderTypes;
delete exports.workOrderTypes;
const updateWorkOrderType = (submitEvent) => {
submitEvent.preventDefault();
cityssm.postJSON(los.urlPrefix + "/admin/doUpdateWorkOrderType", submitEvent.currentTarget, (responseJSON) => {
if (responseJSON.success) {
workOrderTypes = responseJSON.workOrderTypes;
bulmaJS.alert({
message: "Work Order Type Updated Successfully",
contextualColorName: "success"
});
}
else {
bulmaJS.alert({
title: "Error Updating Work Order Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
});
};
const deleteWorkOrderType = (clickEvent) => {
const tableRowElement = clickEvent.currentTarget.closest("tr");
const workOrderTypeId = tableRowElement.dataset.workOrderTypeId;
const doDelete = () => {
cityssm.postJSON(los.urlPrefix + "/admin/doDeleteWorkOrderType", {
workOrderTypeId
}, (responseJSON) => {
if (responseJSON.success) {
workOrderTypes = responseJSON.workOrderTypes;
if (workOrderTypes.length === 0) {
renderWorkOrderTypes();
}
else {
tableRowElement.remove();
}
bulmaJS.alert({
message: "Work Order Type Deleted Successfully",
contextualColorName: "success"
});
}
else {
bulmaJS.alert({
title: "Error Deleting Work Order Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
});
};
bulmaJS.confirm({
title: "Delete Work Order Type",
message: "Are you sure you want to delete this work order type?<br />" +
"Note that no work orders will be removed.",
messageIsHtml: true,
contextualColorName: "warning",
okButton: {
text: "Yes, Delete Work Order Type",
callbackFunction: doDelete
}
});
};
const moveWorkOrderTypeUp = (clickEvent) => {
const tableRowElement = clickEvent.currentTarget.closest("tr");
const workOrderTypeId = tableRowElement.dataset.workOrderTypeId;
cityssm.postJSON(los.urlPrefix + "/admin/doMoveWorkOrderTypeUp", {
workOrderTypeId,
moveToTop: clickEvent.shiftKey ? "1" : "0"
}, (responseJSON) => {
if (responseJSON.success) {
workOrderTypes = responseJSON.workOrderTypes;
renderWorkOrderTypes();
}
else {
bulmaJS.alert({
title: "Error Moving Work Order Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
});
};
const moveWorkOrderTypeDown = (clickEvent) => {
const tableRowElement = clickEvent.currentTarget.closest("tr");
const workOrderTypeId = tableRowElement.dataset.workOrderTypeId;
cityssm.postJSON(los.urlPrefix + "/admin/doMoveWorkOrderTypeDown", {
workOrderTypeId,
moveToBottom: clickEvent.shiftKey ? "1" : "0"
}, (responseJSON) => {
if (responseJSON.success) {
workOrderTypes = responseJSON.workOrderTypes;
renderWorkOrderTypes();
}
else {
bulmaJS.alert({
title: "Error Moving Work Order Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
});
};
const renderWorkOrderTypes = () => {
const containerElement = document.querySelector("#container--workOrderTypes");
if (workOrderTypes.length === 0) {
containerElement.innerHTML =
"<tr>" +
'<td colspan="2">' +
'<div class="message is-warning">' +
'<p class="message-body">There are no active work order types.</p>' +
"</div>" +
"</td>" +
"</tr>";
return;
}
containerElement.innerHTML = "";
for (const workOrderType of workOrderTypes) {
const tableRowElement = document.createElement("tr");
tableRowElement.dataset.workOrderTypeId = workOrderType.workOrderTypeId.toString();
tableRowElement.innerHTML =
"<td>" +
"<form>" +
'<input name="workOrderTypeId" type="hidden" value="' +
workOrderType.workOrderTypeId.toString() +
'" />' +
('<div class="field has-addons">' +
'<div class="control">' +
'<input class="input" name="workOrderType" type="text" value="' +
cityssm.escapeHTML(workOrderType.workOrderType || "") +
'" maxlength="100" aria-label="Work Order Type" required />' +
"</div>" +
'<div class="control">' +
'<button class="button is-success" type="submit" aria-label="Save"><i class="fas fa-save" aria-hidden="true"></i></button>' +
"</div>" +
"</div>") +
"</form>" +
"</td>" +
'<td class="is-nowrap">' +
'<div class="field is-grouped">' +
'<div class="control">' +
('<div class="field has-addons">' +
'<div class="control">' +
'<button class="button button--moveWorkOrderTypeUp" data-tooltip="Move Up" type="button" aria-label="Move Up"><i class="fas fa-arrow-up" aria-hidden="true"></i></button>' +
"</div>" +
'<div class="control">' +
'<button class="button button--moveWorkOrderTypeDown" data-tooltip="Move Down" type="button" aria-label="Move Down"><i class="fas fa-arrow-down" aria-hidden="true"></i></button>' +
"</div>" +
"</div>") +
"</div>" +
'<div class="control">' +
'<button class="button is-danger is-light button--deleteWorkOrderType" data-tooltip="Delete Work Order Type" type="button" aria-label="Delete Work Order Type">' +
'<i class="fas fa-trash" aria-hidden="true"></i>' +
"</button>" +
"</div>" +
"</div>" +
"</td>";
tableRowElement.querySelector("form").addEventListener("submit", updateWorkOrderType);
tableRowElement.querySelector(".button--moveWorkOrderTypeUp").addEventListener("click", moveWorkOrderTypeUp);
tableRowElement.querySelector(".button--moveWorkOrderTypeDown").addEventListener("click", moveWorkOrderTypeDown);
tableRowElement.querySelector(".button--deleteWorkOrderType").addEventListener("click", deleteWorkOrderType);
containerElement.append(tableRowElement);
}
};
document.querySelector("#form--addWorkOrderType").addEventListener("submit", (submitEvent) => {
submitEvent.preventDefault();
const formElement = submitEvent.currentTarget;
cityssm.postJSON(los.urlPrefix + "/admin/doAddWorkOrderType", formElement, (responseJSON) => {
if (responseJSON.success) {
workOrderTypes = responseJSON.workOrderTypes;
renderWorkOrderTypes();
formElement.reset();
formElement.querySelector("input").focus();
}
else {
bulmaJS.alert({
title: "Error Adding Work Order Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
});
});
renderWorkOrderTypes();

274
public-typescript/adminTables/adminTablesWorkOrderTypes.ts 100644
View File

@ -0,0 +1,274 @@
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
import type * as globalTypes from "../../types/globalTypes";
import type * as recordTypes from "../../types/recordTypes";
import type { cityssmGlobal } from "@cityssm/bulma-webapp-js/src/types";
import type { BulmaJS } from "@cityssm/bulma-js/types";
declare const cityssm: cityssmGlobal;
declare const bulmaJS: BulmaJS;
declare const los: globalTypes.LOS;
let workOrderTypes: recordTypes.WorkOrderType[] = exports.workOrderTypes;
delete exports.workOrderTypes;
const updateWorkOrderType = (submitEvent: SubmitEvent) => {
submitEvent.preventDefault();
cityssm.postJSON(
los.urlPrefix + "/admin/doUpdateWorkOrderType",
submitEvent.currentTarget,
(responseJSON: {
success: boolean;
errorMessage?: string;
workOrderTypes?: recordTypes.WorkOrderType[];
}) => {
if (responseJSON.success) {
workOrderTypes = responseJSON.workOrderTypes!;
bulmaJS.alert({
message: "Work Order Type Updated Successfully",
contextualColorName: "success"
});
} else {
bulmaJS.alert({
title: "Error Updating Work Order Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
}
);
};
const deleteWorkOrderType = (clickEvent: Event) => {
const tableRowElement = (clickEvent.currentTarget as HTMLElement).closest("tr")!;
const workOrderTypeId = tableRowElement.dataset.workOrderTypeId;
const doDelete = () => {
cityssm.postJSON(
los.urlPrefix + "/admin/doDeleteWorkOrderType",
{
workOrderTypeId
},
(responseJSON: {
success: boolean;
errorMessage?: string;
workOrderTypes?: recordTypes.WorkOrderType[];
}) => {
if (responseJSON.success) {
workOrderTypes = responseJSON.workOrderTypes!;
if (workOrderTypes.length === 0) {
renderWorkOrderTypes();
} else {
tableRowElement.remove();
}
bulmaJS.alert({
message: "Work Order Type Deleted Successfully",
contextualColorName: "success"
});
} else {
bulmaJS.alert({
title: "Error Deleting Work Order Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
}
);
};
bulmaJS.confirm({
title: "Delete Work Order Type",
message:
"Are you sure you want to delete this work order type?<br />" +
"Note that no work orders will be removed.",
messageIsHtml: true,
contextualColorName: "warning",
okButton: {
text: "Yes, Delete Work Order Type",
callbackFunction: doDelete
}
});
};
const moveWorkOrderTypeUp = (clickEvent: MouseEvent) => {
const tableRowElement = (clickEvent.currentTarget as HTMLElement).closest("tr")!;
const workOrderTypeId = tableRowElement.dataset.workOrderTypeId;
cityssm.postJSON(
los.urlPrefix + "/admin/doMoveWorkOrderTypeUp",
{
workOrderTypeId,
moveToTop: clickEvent.shiftKey ? "1" : "0"
},
(responseJSON: {
success: boolean;
errorMessage?: string;
workOrderTypes?: recordTypes.WorkOrderType[];
}) => {
if (responseJSON.success) {
workOrderTypes = responseJSON.workOrderTypes!;
renderWorkOrderTypes();
} else {
bulmaJS.alert({
title: "Error Moving Work Order Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
}
);
};
const moveWorkOrderTypeDown = (clickEvent: MouseEvent) => {
const tableRowElement = (clickEvent.currentTarget as HTMLElement).closest("tr")!;
const workOrderTypeId = tableRowElement.dataset.workOrderTypeId;
cityssm.postJSON(
los.urlPrefix + "/admin/doMoveWorkOrderTypeDown",
{
workOrderTypeId,
moveToBottom: clickEvent.shiftKey ? "1" : "0"
},
(responseJSON: {
success: boolean;
errorMessage?: string;
workOrderTypes?: recordTypes.WorkOrderType[];
}) => {
if (responseJSON.success) {
workOrderTypes = responseJSON.workOrderTypes!;
renderWorkOrderTypes();
} else {
bulmaJS.alert({
title: "Error Moving Work Order Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
}
);
};
const renderWorkOrderTypes = () => {
const containerElement = document.querySelector(
"#container--workOrderTypes"
) as HTMLTableSectionElement;
if (workOrderTypes.length === 0) {
containerElement.innerHTML =
"<tr>" +
'<td colspan="2">' +
'<div class="message is-warning">' +
'<p class="message-body">There are no active work order types.</p>' +
"</div>" +
"</td>" +
"</tr>";
return;
}
containerElement.innerHTML = "";
for (const workOrderType of workOrderTypes) {
const tableRowElement = document.createElement("tr");
tableRowElement.dataset.workOrderTypeId = workOrderType.workOrderTypeId!.toString();
tableRowElement.innerHTML =
"<td>" +
"<form>" +
'<input name="workOrderTypeId" type="hidden" value="' +
workOrderType.workOrderTypeId!.toString() +
'" />' +
('<div class="field has-addons">' +
'<div class="control">' +
'<input class="input" name="workOrderType" type="text" value="' +
cityssm.escapeHTML(workOrderType.workOrderType || "") +
'" maxlength="100" aria-label="Work Order Type" required />' +
"</div>" +
'<div class="control">' +
'<button class="button is-success" type="submit" aria-label="Save"><i class="fas fa-save" aria-hidden="true"></i></button>' +
"</div>" +
"</div>") +
"</form>" +
"</td>" +
'<td class="is-nowrap">' +
'<div class="field is-grouped">' +
'<div class="control">' +
('<div class="field has-addons">' +
'<div class="control">' +
'<button class="button button--moveWorkOrderTypeUp" data-tooltip="Move Up" type="button" aria-label="Move Up"><i class="fas fa-arrow-up" aria-hidden="true"></i></button>' +
"</div>" +
'<div class="control">' +
'<button class="button button--moveWorkOrderTypeDown" data-tooltip="Move Down" type="button" aria-label="Move Down"><i class="fas fa-arrow-down" aria-hidden="true"></i></button>' +
"</div>" +
"</div>") +
"</div>" +
'<div class="control">' +
'<button class="button is-danger is-light button--deleteWorkOrderType" data-tooltip="Delete Work Order Type" type="button" aria-label="Delete Work Order Type">' +
'<i class="fas fa-trash" aria-hidden="true"></i>' +
"</button>" +
"</div>" +
"</div>" +
"</td>";
tableRowElement.querySelector("form")!.addEventListener("submit", updateWorkOrderType);
(
tableRowElement.querySelector(".button--moveWorkOrderTypeUp") as HTMLButtonElement
).addEventListener("click", moveWorkOrderTypeUp);
(
tableRowElement.querySelector(".button--moveWorkOrderTypeDown") as HTMLButtonElement
).addEventListener("click", moveWorkOrderTypeDown);
(
tableRowElement.querySelector(".button--deleteWorkOrderType") as HTMLButtonElement
).addEventListener("click", deleteWorkOrderType);
containerElement.append(tableRowElement);
}
};
(document.querySelector("#form--addWorkOrderType") as HTMLFormElement).addEventListener(
"submit",
(submitEvent: SubmitEvent) => {
submitEvent.preventDefault();
const formElement = submitEvent.currentTarget as HTMLFormElement;
cityssm.postJSON(
los.urlPrefix + "/admin/doAddWorkOrderType",
formElement,
(responseJSON: {
success: boolean;
errorMessage?: string;
workOrderTypes?: recordTypes.WorkOrderType[];
}) => {
if (responseJSON.success) {
workOrderTypes = responseJSON.workOrderTypes!;
renderWorkOrderTypes();
formElement.reset();
formElement.querySelector("input")!.focus();
} else {
bulmaJS.alert({
title: "Error Adding Work Order Type",
message: responseJSON.errorMessage || "",
contextualColorName: "danger"
});
}
}
);
}
);
renderWorkOrderTypes();

2
public/javascripts/adminTables.min.js vendored
View File

File diff suppressed because one or more lines are too long

6
tsconfig.client.json
View File

@ -14,7 +14,11 @@
"public-typescript/adminFees.ts",
"public-typescript/adminLotTypes.ts",
"public-typescript/adminOccupancyTypes.ts",
"public-typescript/adminTables.ts",
"public-typescript/adminTables/adminTables.ts",
"public-typescript/adminTables/adminTablesLotOccupantTypes.ts",
"public-typescript/adminTables/adminTablesLotStatuses.ts",
"public-typescript/adminTables/adminTablesWorkOrderMilestoneTypes.ts",
"public-typescript/adminTables/adminTablesWorkOrderTypes.ts",
"public-typescript/dashboard.ts",
"public-typescript/lotEdit.ts",
"public-typescript/lotOccupancyEdit/lotOccupancyEdit.ts",