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

reduce move up down button duplication

deepsource-autofix-76c6eb20
Dan Gowans 2022-12-30 14:20:52 -05:00
parent 677a0f33bd
commit b1f4eb9fd1
24 changed files with 165 additions and 293 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
public-typescript/adminFees.js
View File

@ -51,18 +51,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
"</button>" + "</button>" +
"</div>") + "</div>") +
('<div class="control">' + ('<div class="control">' +
'<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML("button--moveFeeCategoryUp", "button--moveFeeCategoryDown") +
'<div class="control">' +
'<button class="button is-small button--moveFeeCategoryUp" 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 is-small button--moveFeeCategoryDown" 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>") +
"</div>") + "</div>") +
"</div>" + "</div>" +
@ -148,17 +137,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
"</div>" + "</div>" +
"</div>") + "</div>") +
('<div class="column is-narrow">' + ('<div class="column is-narrow">' +
'<div class="field has-addons is-justify-content-end">' + los.getMoveUpDownButtonFieldHTML("button--moveFeeUp", "button--moveFeeDown") +
'<div class="control">' +
'<button class="button is-small button--moveFeeUp" 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 is-small button--moveFeeDown" 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>") + "</div>") +
"</div>"; "</div>";

31
public-typescript/adminFees.ts
View File

@ -71,18 +71,10 @@ declare const bulmaJS: BulmaJS;
"</button>" + "</button>" +
"</div>") + "</div>") +
('<div class="control">' + ('<div class="control">' +
'<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML(
'<div class="control">' + "button--moveFeeCategoryUp",
'<button class="button is-small button--moveFeeCategoryUp" data-tooltip="Move Up" type="button" aria-label="Move Up">' + "button--moveFeeCategoryDown"
'<i class="fas fa-arrow-up" aria-hidden="true"></i>' + ) +
"</button>" +
"</div>" +
'<div class="control">' +
'<button class="button is-small button--moveFeeCategoryDown" 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>") +
"</div>") + "</div>") +
"</div>" + "</div>" +
@ -175,17 +167,10 @@ declare const bulmaJS: BulmaJS;
"</div>" + "</div>" +
"</div>") + "</div>") +
('<div class="column is-narrow">' + ('<div class="column is-narrow">' +
'<div class="field has-addons is-justify-content-end">' + los.getMoveUpDownButtonFieldHTML(
'<div class="control">' + "button--moveFeeUp",
'<button class="button is-small button--moveFeeUp" data-tooltip="Move Up" type="button" aria-label="Move Up">' + "button--moveFeeDown"
'<i class="fas fa-arrow-up" aria-hidden="true"></i>' + ) +
"</button>" +
"</div>" +
'<div class="control">' +
'<button class="button is-small button--moveFeeDown" 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>") + "</div>") +
"</div>"; "</div>";

26
public-typescript/adminLotTypes.js
View File

@ -280,18 +280,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
"</div>" + "</div>" +
'<div class="level-right">' + '<div class="level-right">' +
('<div class="level-item">' + ('<div class="level-item">' +
'<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML("button--moveLotTypeFieldUp", "button--moveLotTypeFieldDown") +
'<div class="control">' +
'<button class="button is-small button--moveLotTypeFieldUp" 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 is-small button--moveLotTypeFieldDown" 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>") +
"</div>" + "</div>" +
"</div>"; "</div>";
@ -355,18 +344,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
"</button>" + "</button>" +
"</div>") + "</div>") +
('<div class="level-item">' + ('<div class="level-item">' +
'<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML("button--moveLotTypeUp", "button--moveLotTypeDown") +
'<div class="control">' +
'<button class="button is-small button--moveLotTypeUp" 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 is-small button--moveLotTypeDown" 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>") +
"</div>") + "</div>") +
"</div>" + "</div>" +

32
public-typescript/adminLotTypes.ts
View File

@ -504,18 +504,10 @@ declare const bulmaJS: BulmaJS;
"</div>" + "</div>" +
'<div class="level-right">' + '<div class="level-right">' +
('<div class="level-item">' + ('<div class="level-item">' +
'<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML(
'<div class="control">' + "button--moveLotTypeFieldUp",
'<button class="button is-small button--moveLotTypeFieldUp" data-tooltip="Move Up" type="button" aria-label="Move Up">' + "button--moveLotTypeFieldDown"
'<i class="fas fa-arrow-up" aria-hidden="true"></i>' + ) +
"</button>" +
"</div>" +
'<div class="control">' +
'<button class="button is-small button--moveLotTypeFieldDown" 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>") +
"</div>" + "</div>" +
"</div>"; "</div>";
@ -601,18 +593,10 @@ declare const bulmaJS: BulmaJS;
"</button>" + "</button>" +
"</div>") + "</div>") +
('<div class="level-item">' + ('<div class="level-item">' +
'<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML(
'<div class="control">' + "button--moveLotTypeUp",
'<button class="button is-small button--moveLotTypeUp" data-tooltip="Move Up" type="button" aria-label="Move Up">' + "button--moveLotTypeDown"
'<i class="fas fa-arrow-up" aria-hidden="true"></i>' + ) +
"</button>" +
"</div>" +
'<div class="control">' +
'<button class="button is-small button--moveLotTypeDown" 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>") +
"</div>") + "</div>") +
"</div>" + "</div>" +

39
public-typescript/adminOccupancyTypes.js
View File

@ -287,18 +287,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
"</div>" + "</div>" +
'<div class="level-right">' + '<div class="level-right">' +
('<div class="level-item">' + ('<div class="level-item">' +
'<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML("button--moveOccupancyTypeFieldUp", "button--moveOccupancyTypeFieldDown") +
'<div class="control">' +
'<button class="button is-small button--moveOccupancyTypeFieldUp" 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 is-small button--moveOccupancyTypeFieldDown" 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>") +
"</div>" + "</div>" +
"</div>"; "</div>";
@ -417,18 +406,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
"</div>" + "</div>" +
'<div class="level-right">' + '<div class="level-right">' +
('<div class="level-item">' + ('<div class="level-item">' +
'<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML("button--moveOccupancyTypePrintUp", "button--moveOccupancyTypePrintDown") +
'<div class="control">' +
'<button class="button is-small button--moveOccupancyTypePrintUp" 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 is-small button--moveOccupancyTypePrintDown" 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>") +
('<div class="level-item">' + ('<div class="level-item">' +
'<button class="button is-small is-danger button--deleteOccupancyTypePrint" data-tooltip="Delete" type="button" aria-label="Delete Print">' + '<button class="button is-small is-danger button--deleteOccupancyTypePrint" data-tooltip="Delete" type="button" aria-label="Delete Print">' +
@ -526,18 +504,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
"</button>" + "</button>" +
"</div>") + "</div>") +
('<div class="level-item">' + ('<div class="level-item">' +
'<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML("button--moveOccupancyTypeUp", "button--moveOccupancyTypeDown") +
'<div class="control">' +
'<button class="button is-small button--moveOccupancyTypeUp" 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 is-small button--moveOccupancyTypeDown" 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>") +
"</div>") + "</div>") +
"</div>" + "</div>" +

49
public-typescript/adminOccupancyTypes.ts
View File

@ -16,6 +16,7 @@ declare const bulmaJS: BulmaJS;
const occupancyTypesContainerElement = document.querySelector( const occupancyTypesContainerElement = document.querySelector(
"#container--occupancyTypes" "#container--occupancyTypes"
) as HTMLElement; ) as HTMLElement;
const occupancyTypePrintsContainerElement = document.querySelector( const occupancyTypePrintsContainerElement = document.querySelector(
"#container--occupancyTypePrints" "#container--occupancyTypePrints"
) as HTMLElement; ) as HTMLElement;
@ -551,18 +552,10 @@ declare const bulmaJS: BulmaJS;
"</div>" + "</div>" +
'<div class="level-right">' + '<div class="level-right">' +
('<div class="level-item">' + ('<div class="level-item">' +
'<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML(
'<div class="control">' + "button--moveOccupancyTypeFieldUp",
'<button class="button is-small button--moveOccupancyTypeFieldUp" data-tooltip="Move Up" type="button" aria-label="Move Up">' + "button--moveOccupancyTypeFieldDown"
'<i class="fas fa-arrow-up" aria-hidden="true"></i>' + ) +
"</button>" +
"</div>" +
'<div class="control">' +
'<button class="button is-small button--moveOccupancyTypeFieldDown" 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>") +
"</div>" + "</div>" +
"</div>"; "</div>";
@ -788,18 +781,10 @@ declare const bulmaJS: BulmaJS;
"</div>" + "</div>" +
'<div class="level-right">' + '<div class="level-right">' +
('<div class="level-item">' + ('<div class="level-item">' +
'<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML(
'<div class="control">' + "button--moveOccupancyTypePrintUp",
'<button class="button is-small button--moveOccupancyTypePrintUp" data-tooltip="Move Up" type="button" aria-label="Move Up">' + "button--moveOccupancyTypePrintDown"
'<i class="fas fa-arrow-up" aria-hidden="true"></i>' + ) +
"</button>" +
"</div>" +
'<div class="control">' +
'<button class="button is-small button--moveOccupancyTypePrintDown" 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>") +
('<div class="level-item">' + ('<div class="level-item">' +
'<button class="button is-small is-danger button--deleteOccupancyTypePrint" data-tooltip="Delete" type="button" aria-label="Delete Print">' + '<button class="button is-small is-danger button--deleteOccupancyTypePrint" data-tooltip="Delete" type="button" aria-label="Delete Print">' +
@ -940,18 +925,10 @@ declare const bulmaJS: BulmaJS;
"</button>" + "</button>" +
"</div>") + "</div>") +
('<div class="level-item">' + ('<div class="level-item">' +
'<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML(
'<div class="control">' + "button--moveOccupancyTypeUp",
'<button class="button is-small button--moveOccupancyTypeUp" data-tooltip="Move Up" type="button" aria-label="Move Up">' + "button--moveOccupancyTypeDown"
'<i class="fas fa-arrow-up" aria-hidden="true"></i>' + ) +
"</button>" +
"</div>" +
'<div class="control">' +
'<button class="button is-small button--moveOccupancyTypeDown" 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>") +
"</div>") + "</div>") +
"</div>" + "</div>" +

43
public-typescript/adminTables.js
View File

@ -154,14 +154,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
'<td class="is-nowrap">' + '<td class="is-nowrap">' +
'<div class="field is-grouped">' + '<div class="field is-grouped">' +
'<div class="control">' + '<div class="control">' +
('<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML("button--moveWorkOrderTypeUp", "button--moveWorkOrderTypeDown", false) +
'<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>" +
'<div class="control">' + '<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">' + '<button class="button is-danger is-light button--deleteWorkOrderType" data-tooltip="Delete Work Order Type" type="button" aria-label="Delete Work Order Type">' +
@ -342,14 +335,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
'<td class="is-nowrap">' + '<td class="is-nowrap">' +
'<div class="field is-grouped">' + '<div class="field is-grouped">' +
'<div class="control">' + '<div class="control">' +
('<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML("button--moveWorkOrderMilestoneTypeUp", "button--moveWorkOrderMilestoneTypeDown", false) +
'<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>" +
'<div class="control">' + '<div class="control">' +
'<button class="button is-danger is-light button--deleteWorkOrderMilestoneType" data-tooltip="Delete Mielstone Type" type="button" aria-label="Delete Milestone Type">' + '<button class="button is-danger is-light button--deleteWorkOrderMilestoneType" data-tooltip="Delete Mielstone Type" type="button" aria-label="Delete Milestone Type">' +
@ -534,14 +520,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
'<td class="is-nowrap">' + '<td class="is-nowrap">' +
'<div class="field is-grouped">' + '<div class="field is-grouped">' +
'<div class="control">' + '<div class="control">' +
('<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML("button--moveLotStatusUp", "button--moveLotStatusDown", false) +
'<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>" +
'<div class="control">' + '<div class="control">' +
'<button class="button is-danger is-light button--deleteLotStatus" data-tooltip="Delete Status" type="button" aria-label="Delete Status">' + '<button class="button is-danger is-light button--deleteLotStatus" data-tooltip="Delete Status" type="button" aria-label="Delete Status">' +
@ -733,8 +712,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
containerElement.innerHTML = ""; containerElement.innerHTML = "";
for (const lotOccupantType of lotOccupantTypes) { for (const lotOccupantType of lotOccupantTypes) {
const tableRowElement = document.createElement("tr"); const tableRowElement = document.createElement("tr");
tableRowElement.dataset.lotOccupantTypeId = tableRowElement.dataset.lotOccupantTypeId = lotOccupantType.lotOccupantTypeId.toString();
lotOccupantType.lotOccupantTypeId.toString();
const formId = "form--lotOccupantType-" + lotOccupantType.lotOccupantTypeId; const formId = "form--lotOccupantType-" + lotOccupantType.lotOccupantTypeId;
tableRowElement.innerHTML = tableRowElement.innerHTML =
"<td>" + "<td>" +
@ -778,14 +756,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
'<td class="is-nowrap">' + '<td class="is-nowrap">' +
'<div class="field is-grouped">' + '<div class="field is-grouped">' +
'<div class="control">' + '<div class="control">' +
('<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML("button--moveLotOccupantTypeUp", "button--moveLotOccupantTypeDown", false) +
'<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>" +
'<div class="control">' + '<div class="control">' +
'<button class="button is-danger is-light button--deleteLotOccupantType"' + '<button class="button is-danger is-light button--deleteLotOccupantType"' +
@ -807,9 +778,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
const fontAwesomeInputElement = tableRowElement.querySelector("input[name='fontAwesomeIconClass']"); const fontAwesomeInputElement = tableRowElement.querySelector("input[name='fontAwesomeIconClass']");
fontAwesomeInputElement.addEventListener("keyup", refreshFontAwesomeIcon); fontAwesomeInputElement.addEventListener("keyup", refreshFontAwesomeIcon);
fontAwesomeInputElement.addEventListener("change", refreshFontAwesomeIcon); fontAwesomeInputElement.addEventListener("change", refreshFontAwesomeIcon);
tableRowElement tableRowElement.querySelector("form").addEventListener("submit", updateLotOccupantType);
.querySelector("form")
.addEventListener("submit", updateLotOccupantType);
tableRowElement.querySelector(".button--moveLotOccupantTypeUp").addEventListener("click", moveLotOccupantTypeUp); tableRowElement.querySelector(".button--moveLotOccupantTypeUp").addEventListener("click", moveLotOccupantTypeUp);
tableRowElement.querySelector(".button--moveLotOccupantTypeDown").addEventListener("click", moveLotOccupantTypeDown); tableRowElement.querySelector(".button--moveLotOccupantTypeDown").addEventListener("click", moveLotOccupantTypeDown);
tableRowElement.querySelector(".button--deleteLotOccupantType").addEventListener("click", deleteLotOccupantType); tableRowElement.querySelector(".button--deleteLotOccupantType").addEventListener("click", deleteLotOccupantType);

16
public-typescript/adminTables/adminTablesLotOccupantTypes.js
View File

@ -153,8 +153,7 @@ const renderLotOccupantTypes = () => {
containerElement.innerHTML = ""; containerElement.innerHTML = "";
for (const lotOccupantType of lotOccupantTypes) { for (const lotOccupantType of lotOccupantTypes) {
const tableRowElement = document.createElement("tr"); const tableRowElement = document.createElement("tr");
tableRowElement.dataset.lotOccupantTypeId = tableRowElement.dataset.lotOccupantTypeId = lotOccupantType.lotOccupantTypeId.toString();
lotOccupantType.lotOccupantTypeId.toString();
const formId = "form--lotOccupantType-" + lotOccupantType.lotOccupantTypeId; const formId = "form--lotOccupantType-" + lotOccupantType.lotOccupantTypeId;
tableRowElement.innerHTML = tableRowElement.innerHTML =
"<td>" + "<td>" +
@ -198,14 +197,7 @@ const renderLotOccupantTypes = () => {
'<td class="is-nowrap">' + '<td class="is-nowrap">' +
'<div class="field is-grouped">' + '<div class="field is-grouped">' +
'<div class="control">' + '<div class="control">' +
('<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML("button--moveLotOccupantTypeUp", "button--moveLotOccupantTypeDown", false) +
'<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>" +
'<div class="control">' + '<div class="control">' +
'<button class="button is-danger is-light button--deleteLotOccupantType"' + '<button class="button is-danger is-light button--deleteLotOccupantType"' +
@ -227,9 +219,7 @@ const renderLotOccupantTypes = () => {
const fontAwesomeInputElement = tableRowElement.querySelector("input[name='fontAwesomeIconClass']"); const fontAwesomeInputElement = tableRowElement.querySelector("input[name='fontAwesomeIconClass']");
fontAwesomeInputElement.addEventListener("keyup", refreshFontAwesomeIcon); fontAwesomeInputElement.addEventListener("keyup", refreshFontAwesomeIcon);
fontAwesomeInputElement.addEventListener("change", refreshFontAwesomeIcon); fontAwesomeInputElement.addEventListener("change", refreshFontAwesomeIcon);
tableRowElement tableRowElement.querySelector("form").addEventListener("submit", updateLotOccupantType);
.querySelector("form")
.addEventListener("submit", updateLotOccupantType);
tableRowElement.querySelector(".button--moveLotOccupantTypeUp").addEventListener("click", moveLotOccupantTypeUp); tableRowElement.querySelector(".button--moveLotOccupantTypeUp").addEventListener("click", moveLotOccupantTypeUp);
tableRowElement.querySelector(".button--moveLotOccupantTypeDown").addEventListener("click", moveLotOccupantTypeDown); tableRowElement.querySelector(".button--moveLotOccupantTypeDown").addEventListener("click", moveLotOccupantTypeDown);
tableRowElement.querySelector(".button--deleteLotOccupantType").addEventListener("click", deleteLotOccupantType); tableRowElement.querySelector(".button--deleteLotOccupantType").addEventListener("click", deleteLotOccupantType);

27
public-typescript/adminTables/adminTablesLotOccupantTypes.ts
View File

@ -119,8 +119,7 @@ const deleteLotOccupantType = (clickEvent: Event) => {
messageIsHtml: true, messageIsHtml: true,
contextualColorName: "warning", contextualColorName: "warning",
okButton: { okButton: {
text: text: "Yes, Delete " + exports.aliases.lot + " " + exports.aliases.occupant + " Type",
"Yes, Delete " + exports.aliases.lot + " " + exports.aliases.occupant + " Type",
callbackFunction: doDelete callbackFunction: doDelete
} }
}); });
@ -223,8 +222,7 @@ const renderLotOccupantTypes = () => {
for (const lotOccupantType of lotOccupantTypes) { for (const lotOccupantType of lotOccupantTypes) {
const tableRowElement = document.createElement("tr"); const tableRowElement = document.createElement("tr");
tableRowElement.dataset.lotOccupantTypeId = tableRowElement.dataset.lotOccupantTypeId = lotOccupantType.lotOccupantTypeId.toString();
lotOccupantType.lotOccupantTypeId.toString();
const formId = "form--lotOccupantType-" + lotOccupantType.lotOccupantTypeId; const formId = "form--lotOccupantType-" + lotOccupantType.lotOccupantTypeId;
@ -270,14 +268,11 @@ const renderLotOccupantTypes = () => {
'<td class="is-nowrap">' + '<td class="is-nowrap">' +
'<div class="field is-grouped">' + '<div class="field is-grouped">' +
'<div class="control">' + '<div class="control">' +
('<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML(
'<div class="control">' + "button--moveLotOccupantTypeUp",
'<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>' + "button--moveLotOccupantTypeDown",
"</div>" + false
'<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>" +
'<div class="control">' + '<div class="control">' +
'<button class="button is-danger is-light button--deleteLotOccupantType"' + '<button class="button is-danger is-light button--deleteLotOccupantType"' +
@ -304,18 +299,14 @@ const renderLotOccupantTypes = () => {
fontAwesomeInputElement.addEventListener("keyup", refreshFontAwesomeIcon); fontAwesomeInputElement.addEventListener("keyup", refreshFontAwesomeIcon);
fontAwesomeInputElement.addEventListener("change", refreshFontAwesomeIcon); fontAwesomeInputElement.addEventListener("change", refreshFontAwesomeIcon);
tableRowElement tableRowElement.querySelector("form")!.addEventListener("submit", updateLotOccupantType);
.querySelector("form")!
.addEventListener("submit", updateLotOccupantType);
( (
tableRowElement.querySelector(".button--moveLotOccupantTypeUp") as HTMLButtonElement tableRowElement.querySelector(".button--moveLotOccupantTypeUp") as HTMLButtonElement
).addEventListener("click", moveLotOccupantTypeUp); ).addEventListener("click", moveLotOccupantTypeUp);
( (
tableRowElement.querySelector( tableRowElement.querySelector(".button--moveLotOccupantTypeDown") as HTMLButtonElement
".button--moveLotOccupantTypeDown"
) as HTMLButtonElement
).addEventListener("click", moveLotOccupantTypeDown); ).addEventListener("click", moveLotOccupantTypeDown);
( (

9
public-typescript/adminTables/adminTablesLotStatuses.js
View File

@ -146,14 +146,7 @@ const renderLotStatuses = () => {
'<td class="is-nowrap">' + '<td class="is-nowrap">' +
'<div class="field is-grouped">' + '<div class="field is-grouped">' +
'<div class="control">' + '<div class="control">' +
('<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML("button--moveLotStatusUp", "button--moveLotStatusDown", false) +
'<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>" +
'<div class="control">' + '<div class="control">' +
'<button class="button is-danger is-light button--deleteLotStatus" data-tooltip="Delete Status" type="button" aria-label="Delete Status">' + '<button class="button is-danger is-light button--deleteLotStatus" data-tooltip="Delete Status" type="button" aria-label="Delete Status">' +

13
public-typescript/adminTables/adminTablesLotStatuses.ts
View File

@ -209,14 +209,11 @@ const renderLotStatuses = () => {
'<td class="is-nowrap">' + '<td class="is-nowrap">' +
'<div class="field is-grouped">' + '<div class="field is-grouped">' +
'<div class="control">' + '<div class="control">' +
('<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML(
'<div class="control">' + "button--moveLotStatusUp",
'<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>' + "button--moveLotStatusDown",
"</div>" + false
'<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>" +
'<div class="control">' + '<div class="control">' +
'<button class="button is-danger is-light button--deleteLotStatus" data-tooltip="Delete Status" type="button" aria-label="Delete Status">' + '<button class="button is-danger is-light button--deleteLotStatus" data-tooltip="Delete Status" type="button" aria-label="Delete Status">' +

9
public-typescript/adminTables/adminTablesWorkOrderMilestoneTypes.js
View File

@ -142,14 +142,7 @@ const renderWorkOrderMilestoneTypes = () => {
'<td class="is-nowrap">' + '<td class="is-nowrap">' +
'<div class="field is-grouped">' + '<div class="field is-grouped">' +
'<div class="control">' + '<div class="control">' +
('<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML("button--moveWorkOrderMilestoneTypeUp", "button--moveWorkOrderMilestoneTypeDown", false) +
'<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>" +
'<div class="control">' + '<div class="control">' +
'<button class="button is-danger is-light button--deleteWorkOrderMilestoneType" data-tooltip="Delete Mielstone Type" type="button" aria-label="Delete Milestone Type">' + '<button class="button is-danger is-light button--deleteWorkOrderMilestoneType" data-tooltip="Delete Mielstone Type" type="button" aria-label="Delete Milestone Type">' +

13
public-typescript/adminTables/adminTablesWorkOrderMilestoneTypes.ts
View File

@ -205,14 +205,11 @@ const renderWorkOrderMilestoneTypes = () => {
'<td class="is-nowrap">' + '<td class="is-nowrap">' +
'<div class="field is-grouped">' + '<div class="field is-grouped">' +
'<div class="control">' + '<div class="control">' +
('<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML(
'<div class="control">' + "button--moveWorkOrderMilestoneTypeUp",
'<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>' + "button--moveWorkOrderMilestoneTypeDown",
"</div>" + false
'<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>" +
'<div class="control">' + '<div class="control">' +
'<button class="button is-danger is-light button--deleteWorkOrderMilestoneType" data-tooltip="Delete Mielstone Type" type="button" aria-label="Delete Milestone Type">' + '<button class="button is-danger is-light button--deleteWorkOrderMilestoneType" data-tooltip="Delete Mielstone Type" type="button" aria-label="Delete Milestone Type">' +

9
public-typescript/adminTables/adminTablesWorkOrderTypes.js
View File

@ -141,14 +141,7 @@ const renderWorkOrderTypes = () => {
'<td class="is-nowrap">' + '<td class="is-nowrap">' +
'<div class="field is-grouped">' + '<div class="field is-grouped">' +
'<div class="control">' + '<div class="control">' +
('<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML("button--moveWorkOrderTypeUp", "button--moveWorkOrderTypeDown", false) +
'<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>" +
'<div class="control">' + '<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">' + '<button class="button is-danger is-light button--deleteWorkOrderType" data-tooltip="Delete Work Order Type" type="button" aria-label="Delete Work Order Type">' +

13
public-typescript/adminTables/adminTablesWorkOrderTypes.ts
View File

@ -204,14 +204,11 @@ const renderWorkOrderTypes = () => {
'<td class="is-nowrap">' + '<td class="is-nowrap">' +
'<div class="field is-grouped">' + '<div class="field is-grouped">' +
'<div class="control">' + '<div class="control">' +
('<div class="field has-addons">' + los.getMoveUpDownButtonFieldHTML(
'<div class="control">' + "button--moveWorkOrderTypeUp",
'<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>' + "button--moveWorkOrderTypeDown",
"</div>" + false
'<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>" +
'<div class="control">' + '<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">' + '<button class="button is-danger is-light button--deleteWorkOrderType" data-tooltip="Delete Work Order Type" type="button" aria-label="Delete Work Order Type">' +

37
public-typescript/main.js
View File

@ -2,6 +2,9 @@
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */ /* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "__esModule", { value: true });
(() => { (() => {
/*
* Unsaved Changes
*/
let _hasUnsavedChanges = false; let _hasUnsavedChanges = false;
function setUnsavedChanges() { function setUnsavedChanges() {
if (!hasUnsavedChanges()) { if (!hasUnsavedChanges()) {
@ -61,6 +64,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
unlockFieldButtonElement.addEventListener("click", unlockField); unlockFieldButtonElement.addEventListener("click", unlockField);
} }
} }
/*
* Date Pickers
*/
const datePickerBaseOptions = { const datePickerBaseOptions = {
type: "date", type: "date",
dateFormat: "yyyy-MM-dd", dateFormat: "yyyy-MM-dd",
@ -198,6 +204,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
}; };
*/ */
/*
* Aliases
*/
function populateAliases(containerElement) { function populateAliases(containerElement) {
const aliasElements = containerElement.querySelectorAll(".alias"); const aliasElements = containerElement.querySelectorAll(".alias");
for (const aliasElement of aliasElements) { for (const aliasElement of aliasElements) {
@ -274,19 +283,43 @@ Object.defineProperty(exports, "__esModule", { value: true });
luminosity: luminosity[actualSeedString.codePointAt(actualSeedString.length - 2) % luminosity.length] luminosity: luminosity[actualSeedString.codePointAt(actualSeedString.length - 2) % luminosity.length]
}); });
} }
/*
* Bulma Snippets
*/
function getMoveUpDownButtonFieldHTML(upButtonClassNames, downButtonClassNames, isSmall = true) {
return `<div class="field has-addons">
<div class="control">
<button
class="button ${isSmall ? "is-small" : ""} ${upButtonClassNames}"
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 ${isSmall ? "is-small" : ""} ${downButtonClassNames}"
data-tooltip="Move Down" type="button" aria-label="Move Down">
<i class="fas fa-arrow-down" aria-hidden="true"></i>
</button>
</div>
</div>`;
}
/*
* Declare LOS
*/
const los = { const los = {
urlPrefix: document.querySelector("main").dataset.urlPrefix, urlPrefix: document.querySelector("main").dataset.urlPrefix,
apiKey: document.querySelector("main").dataset.apiKey, apiKey: document.querySelector("main").dataset.apiKey,
highlightMap, highlightMap,
initializeUnlockFieldButtons, initializeUnlockFieldButtons,
initializeDatePickers, initializeDatePickers,
// initializeTimePickers,
populateAliases, populateAliases,
escapedAliases, escapedAliases,
getRandomColor, getRandomColor,
setUnsavedChanges, setUnsavedChanges,
clearUnsavedChanges, clearUnsavedChanges,
hasUnsavedChanges hasUnsavedChanges,
getMoveUpDownButtonFieldHTML
}; };
exports.los = los; exports.los = los;
})(); })();

50
public-typescript/main.ts
View File

@ -9,6 +9,10 @@ declare const cityssm: cityssmGlobal;
declare const bulmaJS: BulmaJS; declare const bulmaJS: BulmaJS;
(() => { (() => {
/*
* Unsaved Changes
*/
let _hasUnsavedChanges = false; let _hasUnsavedChanges = false;
function setUnsavedChanges() { function setUnsavedChanges() {
@ -92,6 +96,10 @@ declare const bulmaJS: BulmaJS;
} }
} }
/*
* Date Pickers
*/
const datePickerBaseOptions: BulmaCalendarOptions = { const datePickerBaseOptions: BulmaCalendarOptions = {
type: "date", type: "date",
dateFormat: "yyyy-MM-dd", dateFormat: "yyyy-MM-dd",
@ -252,6 +260,10 @@ declare const bulmaJS: BulmaJS;
}; };
*/ */
/*
* Aliases
*/
function populateAliases(containerElement: HTMLElement): void { function populateAliases(containerElement: HTMLElement): void {
const aliasElements = containerElement.querySelectorAll( const aliasElements = containerElement.querySelectorAll(
".alias" ".alias"
@ -349,20 +361,54 @@ declare const bulmaJS: BulmaJS;
}); });
} }
/*
* Bulma Snippets
*/
function getMoveUpDownButtonFieldHTML(
upButtonClassNames: string,
downButtonClassNames: string,
isSmall = true
): string {
return `<div class="field has-addons">
<div class="control">
<button
class="button ${isSmall ? "is-small" : ""} ${upButtonClassNames}"
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 ${isSmall ? "is-small" : ""} ${downButtonClassNames}"
data-tooltip="Move Down" type="button" aria-label="Move Down">
<i class="fas fa-arrow-down" aria-hidden="true"></i>
</button>
</div>
</div>`;
}
/*
* Declare LOS
*/
const los: globalTypes.LOS = { const los: globalTypes.LOS = {
urlPrefix: document.querySelector("main")!.dataset.urlPrefix!, urlPrefix: document.querySelector("main")!.dataset.urlPrefix!,
apiKey: document.querySelector("main")!.dataset.apiKey!, apiKey: document.querySelector("main")!.dataset.apiKey!,
highlightMap, highlightMap,
initializeUnlockFieldButtons, initializeUnlockFieldButtons,
initializeDatePickers, initializeDatePickers,
// initializeTimePickers,
populateAliases, populateAliases,
escapedAliases, escapedAliases,
getRandomColor, getRandomColor,
setUnsavedChanges, setUnsavedChanges,
clearUnsavedChanges, clearUnsavedChanges,
hasUnsavedChanges hasUnsavedChanges,
getMoveUpDownButtonFieldHTML
}; };
exports.los = los; exports.los = los;

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

1
types/globalTypes.d.ts vendored
View File

@ -33,4 +33,5 @@ export interface LOS {
setUnsavedChanges: () => void; setUnsavedChanges: () => void;
clearUnsavedChanges: () => void; clearUnsavedChanges: () => void;
hasUnsavedChanges: () => boolean; hasUnsavedChanges: () => boolean;
getMoveUpDownButtonFieldHTML: (upButtonClassNames: string, downButtonClassNames: string, isSmall?: boolean) => string;
} }

2
types/globalTypes.ts
View File

@ -45,4 +45,6 @@ export interface LOS {
setUnsavedChanges: () => void; setUnsavedChanges: () => void;
clearUnsavedChanges: () => void; clearUnsavedChanges: () => void;
hasUnsavedChanges: () => boolean; hasUnsavedChanges: () => boolean;
getMoveUpDownButtonFieldHTML: (upButtonClassNames: string, downButtonClassNames: string, isSmall?: boolean) => string;
} }