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

code cleanup

deepsource-autofix-76c6eb20
Dan Gowans 2024-06-25 14:52:23 -04:00
parent 2fbfa5963e
commit 4115bdb8a5
3 changed files with 259 additions and 242 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

230
public-typescript/adminLotTypes.js
View File

@ -1,22 +1,26 @@
"use strict";
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
// eslint-disable-next-line @eslint-community/eslint-comments/disable-enable-pair
/* eslint-disable unicorn/prefer-module */
Object.defineProperty(exports, "__esModule", { value: true });
(() => {
var _a;
const los = exports.los;
const containerElement = document.querySelector('#container--lotTypes');
let lotTypes = exports.lotTypes;
delete exports.lotTypes;
const expandedLotTypes = new Set();
function toggleLotTypeFields(clickEvent) {
var _a;
const toggleButtonElement = clickEvent.currentTarget;
const lotTypeElement = toggleButtonElement.closest('.container--lotType');
const lotTypeId = Number.parseInt(lotTypeElement.dataset.lotTypeId, 10);
const lotTypeId = Number.parseInt((_a = lotTypeElement.dataset.lotTypeId) !== null && _a !== void 0 ? _a : '', 10);
if (expandedLotTypes.has(lotTypeId)) {
expandedLotTypes.delete(lotTypeId);
}
else {
expandedLotTypes.add(lotTypeId);
}
// eslint-disable-next-line no-unsanitized/property
toggleButtonElement.innerHTML = expandedLotTypes.has(lotTypeId)
? '<i class="fas fa-fw fa-minus" aria-hidden="true"></i>'
: '<i class="fas fa-fw fa-plus" aria-hidden="true"></i>';
@ -25,8 +29,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
panelBlockElement.classList.toggle('is-hidden');
}
}
function lotTypeResponseHandler(responseJSON) {
function lotTypeResponseHandler(rawResponseJSON) {
var _a;
const responseJSON = rawResponseJSON;
if (responseJSON.success) {
lotTypes = responseJSON.lotTypes;
renderLotTypes();
@ -40,9 +45,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
}
}
function deleteLotType(clickEvent) {
const lotTypeId = Number.parseInt(clickEvent.currentTarget.closest('.container--lotType').dataset.lotTypeId, 10);
var _a;
const lotTypeId = Number.parseInt((_a = clickEvent.currentTarget.closest('.container--lotType').dataset.lotTypeId) !== null && _a !== void 0 ? _a : '', 10);
function doDelete() {
cityssm.postJSON(los.urlPrefix + '/admin/doDeleteLotType', {
cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteLotType`, {
lotTypeId
}, lotTypeResponseHandler);
}
@ -57,14 +63,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
});
}
function openEditLotType(clickEvent) {
const lotTypeId = Number.parseInt(clickEvent.currentTarget.closest('.container--lotType').dataset.lotTypeId, 10);
var _a;
const lotTypeId = Number.parseInt((_a = clickEvent.currentTarget.closest('.container--lotType').dataset.lotTypeId) !== null && _a !== void 0 ? _a : '', 10);
const lotType = lotTypes.find((currentLotType) => {
return lotTypeId === currentLotType.lotTypeId;
});
let editCloseModalFunction;
function doEdit(submitEvent) {
submitEvent.preventDefault();
cityssm.postJSON(los.urlPrefix + '/admin/doUpdateLotType', submitEvent.currentTarget, (rawResponseJSON) => {
cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateLotType`, submitEvent.currentTarget, (rawResponseJSON) => {
const responseJSON = rawResponseJSON;
lotTypeResponseHandler(responseJSON);
if (responseJSON.success) {
@ -79,9 +86,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
modalElement.querySelector('#lotTypeEdit--lotType').value = lotType.lotType;
},
onshown(modalElement, closeModalFunction) {
var _a;
editCloseModalFunction = closeModalFunction;
modalElement.querySelector('#lotTypeEdit--lotType').focus();
modalElement.querySelector('form').addEventListener('submit', doEdit);
(_a = modalElement.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doEdit);
bulmaJS.toggleHtmlClipped();
},
onremoved() {
@ -90,11 +98,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
});
}
function openAddLotTypeField(clickEvent) {
const lotTypeId = Number.parseInt(clickEvent.currentTarget.closest('.container--lotType').dataset.lotTypeId, 10);
var _a;
const lotTypeId = Number.parseInt((_a = clickEvent.currentTarget.closest('.container--lotType').dataset.lotTypeId) !== null && _a !== void 0 ? _a : '', 10);
let addCloseModalFunction;
function doAdd(submitEvent) {
submitEvent.preventDefault();
cityssm.postJSON(los.urlPrefix + '/admin/doAddLotTypeField', submitEvent.currentTarget, (rawResponseJSON) => {
cityssm.postJSON(`${los.urlPrefix}/admin/doAddLotTypeField`, submitEvent.currentTarget, (rawResponseJSON) => {
const responseJSON = rawResponseJSON;
expandedLotTypes.add(lotTypeId);
lotTypeResponseHandler(responseJSON);
@ -113,9 +122,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
}
},
onshown(modalElement, closeModalFunction) {
var _a;
addCloseModalFunction = closeModalFunction;
modalElement.querySelector('#lotTypeFieldAdd--lotTypeField').focus();
modalElement.querySelector('form').addEventListener('submit', doAdd);
(_a = modalElement.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doAdd);
bulmaJS.toggleHtmlClipped();
},
onremoved() {
@ -136,10 +146,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
}, lotTypeResponseHandler);
}
function openEditLotTypeField(lotTypeId, lotTypeFieldId) {
var _a;
const lotType = lotTypes.find((currentLotType) => {
return currentLotType.lotTypeId === lotTypeId;
});
const lotTypeField = lotType.lotTypeFields.find((currentLotTypeField) => {
const lotTypeField = ((_a = lotType.lotTypeFields) !== null && _a !== void 0 ? _a : []).find((currentLotTypeField) => {
return currentLotTypeField.lotTypeFieldId === lotTypeFieldId;
});
let minimumLengthElement;
@ -164,7 +175,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
}
function doUpdate(submitEvent) {
submitEvent.preventDefault();
cityssm.postJSON(los.urlPrefix + '/admin/doUpdateLotTypeField', submitEvent.currentTarget, (rawResponseJSON) => {
cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateLotTypeField`, submitEvent.currentTarget, (rawResponseJSON) => {
const responseJSON = rawResponseJSON;
lotTypeResponseHandler(responseJSON);
if (responseJSON.success) {
@ -173,7 +184,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
});
}
function doDelete() {
cityssm.postJSON(los.urlPrefix + '/admin/doDeleteLotTypeField', {
cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteLotTypeField`, {
lotTypeFieldId
}, (rawResponseJSON) => {
const responseJSON = rawResponseJSON;
@ -196,32 +207,35 @@ Object.defineProperty(exports, "__esModule", { value: true });
}
cityssm.openHtmlModal('adminLotTypes-editLotTypeField', {
onshow(modalElement) {
var _a, _b, _c, _d, _e, _f, _g;
los.populateAliases(modalElement);
modalElement.querySelector('#lotTypeFieldEdit--lotTypeFieldId').value = lotTypeField.lotTypeFieldId.toString();
modalElement.querySelector('#lotTypeFieldEdit--lotTypeField').value = lotTypeField.lotTypeField;
modalElement.querySelector('#lotTypeFieldEdit--lotTypeField').value = (_a = lotTypeField.lotTypeField) !== null && _a !== void 0 ? _a : '';
modalElement.querySelector('#lotTypeFieldEdit--isRequired').value = lotTypeField.isRequired ? '1' : '0';
minimumLengthElement = modalElement.querySelector('#lotTypeFieldEdit--minimumLength');
minimumLengthElement.value = lotTypeField.minimumLength.toString();
minimumLengthElement.value =
(_c = (_b = lotTypeField.minimumLength) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : '';
maximumLengthElement = modalElement.querySelector('#lotTypeFieldEdit--maximumLength');
maximumLengthElement.value = lotTypeField.maximumLength.toString();
maximumLengthElement.value =
(_e = (_d = lotTypeField.maximumLength) === null || _d === void 0 ? void 0 : _d.toString()) !== null && _e !== void 0 ? _e : '';
patternElement = modalElement.querySelector('#lotTypeFieldEdit--pattern');
patternElement.value = lotTypeField.pattern;
patternElement.value = (_f = lotTypeField.pattern) !== null && _f !== void 0 ? _f : '';
lotTypeFieldValuesElement = modalElement.querySelector('#lotTypeFieldEdit--lotTypeFieldValues');
lotTypeFieldValuesElement.value = lotTypeField.lotTypeFieldValues;
lotTypeFieldValuesElement.value = (_g = lotTypeField.lotTypeFieldValues) !== null && _g !== void 0 ? _g : '';
toggleInputFields();
},
onshown(modalElement, closeModalFunction) {
var _a, _b;
editCloseModalFunction = closeModalFunction;
bulmaJS.init(modalElement);
bulmaJS.toggleHtmlClipped();
cityssm.enableNavBlocker();
modalElement.querySelector('form').addEventListener('submit', doUpdate);
(_a = modalElement.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doUpdate);
minimumLengthElement.addEventListener('keyup', updateMaximumLengthMin);
updateMaximumLengthMin();
lotTypeFieldValuesElement.addEventListener('keyup', toggleInputFields);
modalElement
.querySelector('#button--deleteLotTypeField')
.addEventListener('click', confirmDoDelete);
(_b = modalElement
.querySelector('#button--deleteLotTypeField')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', confirmDoDelete);
},
onremoved() {
bulmaJS.toggleHtmlClipped();
@ -230,9 +244,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
});
}
function openEditLotTypeFieldByClick(clickEvent) {
var _a, _b;
clickEvent.preventDefault();
const lotTypeFieldId = Number.parseInt(clickEvent.currentTarget.closest('.container--lotTypeField').dataset.lotTypeFieldId, 10);
const lotTypeId = Number.parseInt(clickEvent.currentTarget.closest('.container--lotType').dataset.lotTypeId, 10);
const lotTypeFieldId = Number.parseInt((_a = clickEvent.currentTarget.closest('.container--lotTypeField').dataset.lotTypeFieldId) !== null && _a !== void 0 ? _a : '', 10);
const lotTypeId = Number.parseInt((_b = clickEvent.currentTarget.closest('.container--lotType').dataset.lotTypeId) !== null && _b !== void 0 ? _b : '', 10);
openEditLotTypeField(lotTypeId, lotTypeFieldId);
}
function moveLotTypeField(clickEvent) {
@ -248,15 +263,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
}, lotTypeResponseHandler);
}
function renderLotTypeFields(panelElement, lotTypeId, lotTypeFields) {
var _a;
var _a, _b;
if (lotTypeFields.length === 0) {
panelElement.insertAdjacentHTML('beforeend', '<div class="panel-block is-block' +
(expandedLotTypes.has(lotTypeId) ? '' : ' is-hidden') +
'">' +
'<div class="message is-info">' +
'<p class="message-body">There are no additional fields.</p>' +
'</div>' +
'</div>');
// eslint-disable-next-line no-unsanitized/method
panelElement.insertAdjacentHTML('beforeend', `<div class="panel-block is-block
${expandedLotTypes.has(lotTypeId) ? '' : ' is-hidden'}">
<div class="message is-info"><p class="message-body">There are no additional fields.</p></div>
</div>`);
}
else {
for (const lotTypeField of lotTypeFields) {
@ -268,24 +281,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
}
panelBlockElement.dataset.lotTypeFieldId =
lotTypeField.lotTypeFieldId.toString();
panelBlockElement.innerHTML =
'<div class="level is-mobile">' +
'<div class="level-left">' +
('<div class="level-item">' +
'<a class="has-text-weight-bold button--editLotTypeField" href="#">' +
cityssm.escapeHTML((_a = lotTypeField.lotTypeField) !== null && _a !== void 0 ? _a : '') +
'</a>' +
'</div>') +
'</div>' +
'<div class="level-right">' +
('<div class="level-item">' +
los.getMoveUpDownButtonFieldHTML('button--moveLotTypeFieldUp', 'button--moveLotTypeFieldDown') +
'</div>') +
'</div>' +
'</div>';
panelBlockElement
.querySelector('.button--editLotTypeField')
.addEventListener('click', openEditLotTypeFieldByClick);
// eslint-disable-next-line no-unsanitized/property
panelBlockElement.innerHTML = `<div class="level is-mobile">
<div class="level-left">
<div class="level-item">
<a class="has-text-weight-bold button--editLotTypeField" href="#">
${cityssm.escapeHTML((_a = lotTypeField.lotTypeField) !== null && _a !== void 0 ? _a : '')}
</a>
</div>
</div>
<div class="level-right">
<div class="level-item">
${los.getMoveUpDownButtonFieldHTML('button--moveLotTypeFieldUp', 'button--moveLotTypeFieldDown')}
</div>
</div>
</div>`;
(_b = panelBlockElement
.querySelector('.button--editLotTypeField')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', openEditLotTypeFieldByClick);
panelBlockElement.querySelector('.button--moveLotTypeFieldUp').addEventListener('click', moveLotTypeField);
panelBlockElement.querySelector('.button--moveLotTypeFieldDown').addEventListener('click', moveLotTypeField);
panelElement.append(panelBlockElement);
@ -293,8 +305,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
}
}
function renderLotTypes() {
var _a, _b, _c, _d, _e;
containerElement.innerHTML = '';
if (lotTypes.length === 0) {
// eslint-disable-next-line no-unsanitized/method
containerElement.insertAdjacentHTML('afterbegin', `<div class="message is-warning>
<p class="message-body">There are no active ${los.escapedAliases.lot} types.</p>
</div>`);
@ -304,75 +318,66 @@ Object.defineProperty(exports, "__esModule", { value: true });
const lotTypeContainer = document.createElement('div');
lotTypeContainer.className = 'panel container--lotType';
lotTypeContainer.dataset.lotTypeId = lotType.lotTypeId.toString();
lotTypeContainer.innerHTML =
'<div class="panel-heading">' +
'<div class="level is-mobile">' +
('<div class="level-left">' +
'<div class="level-item">' +
'<button class="button is-small button--toggleLotTypeFields" data-tooltip="Toggle Fields" type="button" aria-label="Toggle Fields">' +
(expandedLotTypes.has(lotType.lotTypeId)
// eslint-disable-next-line no-unsanitized/property
lotTypeContainer.innerHTML = `<div class="panel-heading">
<div class="level is-mobile">
<div class="level-left">
<div class="level-item">
<button class="button is-small button--toggleLotTypeFields" data-tooltip="Toggle Fields" type="button" aria-label="Toggle Fields">
${expandedLotTypes.has(lotType.lotTypeId)
? '<i class="fas fa-fw fa-minus" aria-hidden="true"></i>'
: '<i class="fas fa-fw fa-plus" aria-hidden="true"></i>') +
'</button>' +
'</div>' +
'<div class="level-item">' +
'<h2 class="title is-4">' +
cityssm.escapeHTML(lotType.lotType) +
'</h2>' +
'</div>' +
'</div>') +
('<div class="level-right">' +
('<div class="level-item">' +
'<button class="button is-danger is-small button--deleteLotType" type="button">' +
'<span class="icon is-small"><i class="fas fa-trash" aria-hidden="true"></i></span>' +
'<span>Delete</span>' +
'</button>' +
'</div>') +
('<div class="level-item">' +
'<button class="button is-primary is-small button--editLotType" type="button">' +
'<span class="icon is-small"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span>' +
'<span>Edit ' +
los.escapedAliases.Lot +
' Type</span>' +
'</button>' +
'</div>') +
('<div class="level-item">' +
'<button class="button is-success is-small button--addLotTypeField" type="button">' +
'<span class="icon is-small"><i class="fas fa-plus" aria-hidden="true"></i></span>' +
'<span>Add Field</span>' +
'</button>' +
'</div>') +
('<div class="level-item">' +
los.getMoveUpDownButtonFieldHTML('button--moveLotTypeUp', 'button--moveLotTypeDown') +
'</div>') +
'</div>') +
'</div>' +
'</div>';
renderLotTypeFields(lotTypeContainer, lotType.lotTypeId, lotType.lotTypeFields);
lotTypeContainer
.querySelector('.button--toggleLotTypeFields')
.addEventListener('click', toggleLotTypeFields);
lotTypeContainer
.querySelector('.button--deleteLotType')
.addEventListener('click', deleteLotType);
lotTypeContainer
.querySelector('.button--editLotType')
.addEventListener('click', openEditLotType);
lotTypeContainer
.querySelector('.button--addLotTypeField')
.addEventListener('click', openAddLotTypeField);
: '<i class="fas fa-fw fa-plus" aria-hidden="true"></i>'}
</button>
</div>
<div class="level-item">
<h2 class="title is-4">${cityssm.escapeHTML(lotType.lotType)}</h2>
</div>
</div>
<div class="level-right">
<div class="level-item">
<button class="button is-danger is-small button--deleteLotType" type="button">
<span class="icon is-small"><i class="fas fa-trash" aria-hidden="true"></i></span>
<span>Delete</span>
</button>
</div>
<div class="level-item">
<button class="button is-primary is-small button--editLotType" type="button">
<span class="icon is-small"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span>
<span>Edit ${los.escapedAliases.Lot} Type</span>
</button>
</div>
<div class="level-item">
<button class="button is-success is-small button--addLotTypeField" type="button">
<span class="icon is-small"><i class="fas fa-plus" aria-hidden="true"></i></span>
<span>Add Field</span>
</button>
</div>
<div class="level-item">
${los.getMoveUpDownButtonFieldHTML('button--moveLotTypeUp', 'button--moveLotTypeDown')}
</div>
</div>
</div>
</div>`;
renderLotTypeFields(lotTypeContainer, lotType.lotTypeId, (_a = lotType.lotTypeFields) !== null && _a !== void 0 ? _a : []);
(_b = lotTypeContainer
.querySelector('.button--toggleLotTypeFields')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', toggleLotTypeFields);
(_c = lotTypeContainer
.querySelector('.button--deleteLotType')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', deleteLotType);
(_d = lotTypeContainer
.querySelector('.button--editLotType')) === null || _d === void 0 ? void 0 : _d.addEventListener('click', openEditLotType);
(_e = lotTypeContainer
.querySelector('.button--addLotTypeField')) === null || _e === void 0 ? void 0 : _e.addEventListener('click', openAddLotTypeField);
lotTypeContainer.querySelector('.button--moveLotTypeUp').addEventListener('click', moveLotType);
lotTypeContainer.querySelector('.button--moveLotTypeDown').addEventListener('click', moveLotType);
containerElement.append(lotTypeContainer);
}
}
document
.querySelector('#button--addLotType')
.addEventListener('click', () => {
(_a = document
.querySelector('#button--addLotType')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => {
let addCloseModalFunction;
function doAdd(submitEvent) {
submitEvent.preventDefault();
cityssm.postJSON(los.urlPrefix + '/admin/doAddLotType', submitEvent.currentTarget, (rawResponseJSON) => {
cityssm.postJSON(`${los.urlPrefix}/admin/doAddLotType`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON;
if (responseJSON.success) {
@ -394,9 +399,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
los.populateAliases(modalElement);
},
onshown(modalElement, closeModalFunction) {
var _a;
addCloseModalFunction = closeModalFunction;
modalElement.querySelector('#lotTypeAdd--lotType').focus();
modalElement.querySelector('form').addEventListener('submit', doAdd);
(_a = modalElement.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doAdd);
bulmaJS.toggleHtmlClipped();
},
onremoved() {

247
public-typescript/adminLotTypes.ts
View File

@ -1,15 +1,17 @@
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
// eslint-disable-next-line @eslint-community/eslint-comments/disable-enable-pair
/* eslint-disable unicorn/prefer-module */
import type * as globalTypes from '../types/globalTypes'
import type * as recordTypes from '../types/recordTypes'
import type { BulmaJS } from '@cityssm/bulma-js/types.js'
import type { cityssmGlobal } from '@cityssm/bulma-webapp-js/src/types.js'
import type { cityssmGlobal } from '@cityssm/bulma-webapp-js/src/types'
import type { BulmaJS } from '@cityssm/bulma-js/types'
import type * as globalTypes from '../types/globalTypes.js'
import type * as recordTypes from '../types/recordTypes.js'
declare const cityssm: cityssmGlobal
declare const bulmaJS: BulmaJS
declare const exports: Record<string, unknown>
type ResponseJSON =
| {
success: true
@ -27,7 +29,7 @@ type ResponseJSON =
'#container--lotTypes'
) as HTMLElement
let lotTypes: recordTypes.LotType[] = exports.lotTypes
let lotTypes = exports.lotTypes as recordTypes.LotType[]
delete exports.lotTypes
const expandedLotTypes = new Set<number>()
@ -39,7 +41,10 @@ type ResponseJSON =
'.container--lotType'
) as HTMLElement
const lotTypeId = Number.parseInt(lotTypeElement.dataset.lotTypeId!, 10)
const lotTypeId = Number.parseInt(
lotTypeElement.dataset.lotTypeId ?? '',
10
)
if (expandedLotTypes.has(lotTypeId)) {
expandedLotTypes.delete(lotTypeId)
@ -47,6 +52,7 @@ type ResponseJSON =
expandedLotTypes.add(lotTypeId)
}
// eslint-disable-next-line no-unsanitized/property
toggleButtonElement.innerHTML = expandedLotTypes.has(lotTypeId)
? '<i class="fas fa-fw fa-minus" aria-hidden="true"></i>'
: '<i class="fas fa-fw fa-plus" aria-hidden="true"></i>'
@ -58,9 +64,10 @@ type ResponseJSON =
}
}
function lotTypeResponseHandler(responseJSON: ResponseJSON): void {
function lotTypeResponseHandler(rawResponseJSON: unknown): void {
const responseJSON = rawResponseJSON as ResponseJSON
if (responseJSON.success) {
lotTypes = responseJSON.lotTypes!
lotTypes = responseJSON.lotTypes
renderLotTypes()
} else {
bulmaJS.alert({
@ -77,13 +84,13 @@ type ResponseJSON =
(clickEvent.currentTarget as HTMLElement).closest(
'.container--lotType'
) as HTMLElement
).dataset.lotTypeId!,
).dataset.lotTypeId ?? '',
10
)
function doDelete(): void {
cityssm.postJSON(
los.urlPrefix + '/admin/doDeleteLotType',
`${los.urlPrefix}/admin/doDeleteLotType`,
{
lotTypeId
},
@ -108,13 +115,13 @@ type ResponseJSON =
(clickEvent.currentTarget as HTMLElement).closest(
'.container--lotType'
) as HTMLElement
).dataset.lotTypeId!,
).dataset.lotTypeId ?? '',
10
)
const lotType = lotTypes.find((currentLotType) => {
return lotTypeId === currentLotType.lotTypeId
})!
}) as recordTypes.LotType
let editCloseModalFunction: () => void
@ -122,7 +129,7 @@ type ResponseJSON =
submitEvent.preventDefault()
cityssm.postJSON(
los.urlPrefix + '/admin/doUpdateLotType',
`${los.urlPrefix}/admin/doUpdateLotType`,
submitEvent.currentTarget,
(rawResponseJSON) => {
const responseJSON = rawResponseJSON as ResponseJSON
@ -157,7 +164,7 @@ type ResponseJSON =
) as HTMLInputElement
).focus()
modalElement.querySelector('form')!.addEventListener('submit', doEdit)
modalElement.querySelector('form')?.addEventListener('submit', doEdit)
bulmaJS.toggleHtmlClipped()
},
@ -173,7 +180,7 @@ type ResponseJSON =
(clickEvent.currentTarget as HTMLElement).closest(
'.container--lotType'
) as HTMLElement
).dataset.lotTypeId!,
).dataset.lotTypeId ?? '',
10
)
@ -183,7 +190,7 @@ type ResponseJSON =
submitEvent.preventDefault()
cityssm.postJSON(
los.urlPrefix + '/admin/doAddLotTypeField',
`${los.urlPrefix}/admin/doAddLotTypeField`,
submitEvent.currentTarget,
(rawResponseJSON) => {
const responseJSON = rawResponseJSON as ResponseJSON
@ -193,7 +200,10 @@ type ResponseJSON =
if (responseJSON.success) {
addCloseModalFunction()
openEditLotTypeField(lotTypeId, responseJSON.lotTypeFieldId!)
openEditLotTypeField(
lotTypeId,
responseJSON.lotTypeFieldId as number
)
}
}
)
@ -219,7 +229,7 @@ type ResponseJSON =
) as HTMLInputElement
).focus()
modalElement.querySelector('form')!.addEventListener('submit', doAdd)
modalElement.querySelector('form')?.addEventListener('submit', doAdd)
bulmaJS.toggleHtmlClipped()
},
@ -256,11 +266,13 @@ type ResponseJSON =
): void {
const lotType = lotTypes.find((currentLotType) => {
return currentLotType.lotTypeId === lotTypeId
})!
}) as recordTypes.LotType
const lotTypeField = lotType.lotTypeFields!.find((currentLotTypeField) => {
const lotTypeField = (lotType.lotTypeFields ?? []).find(
(currentLotTypeField) => {
return currentLotTypeField.lotTypeFieldId === lotTypeFieldId
})!
}
) as recordTypes.LotTypeField
let minimumLengthElement: HTMLInputElement
let maximumLengthElement: HTMLInputElement
@ -289,7 +301,7 @@ type ResponseJSON =
submitEvent.preventDefault()
cityssm.postJSON(
los.urlPrefix + '/admin/doUpdateLotTypeField',
`${los.urlPrefix}/admin/doUpdateLotTypeField`,
submitEvent.currentTarget,
(rawResponseJSON) => {
const responseJSON = rawResponseJSON as ResponseJSON
@ -304,7 +316,7 @@ type ResponseJSON =
function doDelete(): void {
cityssm.postJSON(
los.urlPrefix + '/admin/doDeleteLotTypeField',
`${los.urlPrefix}/admin/doDeleteLotTypeField`,
{
lotTypeFieldId
},
@ -344,7 +356,7 @@ type ResponseJSON =
modalElement.querySelector(
'#lotTypeFieldEdit--lotTypeField'
) as HTMLInputElement
).value = lotTypeField.lotTypeField!
).value = lotTypeField.lotTypeField ?? ''
;(
modalElement.querySelector(
'#lotTypeFieldEdit--isRequired'
@ -355,25 +367,27 @@ type ResponseJSON =
'#lotTypeFieldEdit--minimumLength'
) as HTMLInputElement
minimumLengthElement.value = lotTypeField.minimumLength!.toString()
minimumLengthElement.value =
lotTypeField.minimumLength?.toString() ?? ''
maximumLengthElement = modalElement.querySelector(
'#lotTypeFieldEdit--maximumLength'
) as HTMLInputElement
maximumLengthElement.value = lotTypeField.maximumLength!.toString()
maximumLengthElement.value =
lotTypeField.maximumLength?.toString() ?? ''
patternElement = modalElement.querySelector(
'#lotTypeFieldEdit--pattern'
) as HTMLInputElement
patternElement.value = lotTypeField.pattern!
patternElement.value = lotTypeField.pattern ?? ''
lotTypeFieldValuesElement = modalElement.querySelector(
'#lotTypeFieldEdit--lotTypeFieldValues'
) as HTMLTextAreaElement
lotTypeFieldValuesElement.value = lotTypeField.lotTypeFieldValues!
lotTypeFieldValuesElement.value = lotTypeField.lotTypeFieldValues ?? ''
toggleInputFields()
},
@ -384,7 +398,7 @@ type ResponseJSON =
bulmaJS.toggleHtmlClipped()
cityssm.enableNavBlocker()
modalElement.querySelector('form')!.addEventListener('submit', doUpdate)
modalElement.querySelector('form')?.addEventListener('submit', doUpdate)
minimumLengthElement.addEventListener('keyup', updateMaximumLengthMin)
updateMaximumLengthMin()
@ -392,8 +406,8 @@ type ResponseJSON =
lotTypeFieldValuesElement.addEventListener('keyup', toggleInputFields)
modalElement
.querySelector('#button--deleteLotTypeField')!
.addEventListener('click', confirmDoDelete)
.querySelector('#button--deleteLotTypeField')
?.addEventListener('click', confirmDoDelete)
},
onremoved() {
bulmaJS.toggleHtmlClipped()
@ -410,7 +424,7 @@ type ResponseJSON =
(clickEvent.currentTarget as HTMLElement).closest(
'.container--lotTypeField'
) as HTMLElement
).dataset.lotTypeFieldId!,
).dataset.lotTypeFieldId ?? '',
10
)
@ -419,7 +433,7 @@ type ResponseJSON =
(clickEvent.currentTarget as HTMLElement).closest(
'.container--lotType'
) as HTMLElement
).dataset.lotTypeId!,
).dataset.lotTypeId ?? '',
10
)
@ -453,15 +467,13 @@ type ResponseJSON =
lotTypeFields: recordTypes.LotTypeField[]
): void {
if (lotTypeFields.length === 0) {
// eslint-disable-next-line no-unsanitized/method
panelElement.insertAdjacentHTML(
'beforeend',
'<div class="panel-block is-block' +
(expandedLotTypes.has(lotTypeId) ? '' : ' is-hidden') +
'">' +
'<div class="message is-info">' +
'<p class="message-body">There are no additional fields.</p>' +
'</div>' +
'</div>'
`<div class="panel-block is-block
${expandedLotTypes.has(lotTypeId) ? '' : ' is-hidden'}">
<div class="message is-info"><p class="message-body">There are no additional fields.</p></div>
</div>`
)
} else {
for (const lotTypeField of lotTypeFields) {
@ -476,28 +488,28 @@ type ResponseJSON =
panelBlockElement.dataset.lotTypeFieldId =
lotTypeField.lotTypeFieldId.toString()
panelBlockElement.innerHTML =
'<div class="level is-mobile">' +
'<div class="level-left">' +
('<div class="level-item">' +
'<a class="has-text-weight-bold button--editLotTypeField" href="#">' +
cityssm.escapeHTML(lotTypeField.lotTypeField ?? '') +
'</a>' +
'</div>') +
'</div>' +
'<div class="level-right">' +
('<div class="level-item">' +
los.getMoveUpDownButtonFieldHTML(
// eslint-disable-next-line no-unsanitized/property
panelBlockElement.innerHTML = `<div class="level is-mobile">
<div class="level-left">
<div class="level-item">
<a class="has-text-weight-bold button--editLotTypeField" href="#">
${cityssm.escapeHTML(lotTypeField.lotTypeField ?? '')}
</a>
</div>
</div>
<div class="level-right">
<div class="level-item">
${los.getMoveUpDownButtonFieldHTML(
'button--moveLotTypeFieldUp',
'button--moveLotTypeFieldDown'
) +
'</div>') +
'</div>' +
'</div>'
)}
</div>
</div>
</div>`
panelBlockElement
.querySelector('.button--editLotTypeField')!
.addEventListener('click', openEditLotTypeFieldByClick)
.querySelector('.button--editLotTypeField')
?.addEventListener('click', openEditLotTypeFieldByClick)
;(
panelBlockElement.querySelector(
'.button--moveLotTypeFieldUp'
@ -518,6 +530,7 @@ type ResponseJSON =
containerElement.innerHTML = ''
if (lotTypes.length === 0) {
// eslint-disable-next-line no-unsanitized/method
containerElement.insertAdjacentHTML(
'afterbegin',
`<div class="message is-warning>
@ -535,75 +548,73 @@ type ResponseJSON =
lotTypeContainer.dataset.lotTypeId = lotType.lotTypeId.toString()
lotTypeContainer.innerHTML =
'<div class="panel-heading">' +
'<div class="level is-mobile">' +
('<div class="level-left">' +
'<div class="level-item">' +
'<button class="button is-small button--toggleLotTypeFields" data-tooltip="Toggle Fields" type="button" aria-label="Toggle Fields">' +
(expandedLotTypes.has(lotType.lotTypeId)
// eslint-disable-next-line no-unsanitized/property
lotTypeContainer.innerHTML = `<div class="panel-heading">
<div class="level is-mobile">
<div class="level-left">
<div class="level-item">
<button class="button is-small button--toggleLotTypeFields" data-tooltip="Toggle Fields" type="button" aria-label="Toggle Fields">
${
expandedLotTypes.has(lotType.lotTypeId)
? '<i class="fas fa-fw fa-minus" aria-hidden="true"></i>'
: '<i class="fas fa-fw fa-plus" aria-hidden="true"></i>') +
'</button>' +
'</div>' +
'<div class="level-item">' +
'<h2 class="title is-4">' +
cityssm.escapeHTML(lotType.lotType) +
'</h2>' +
'</div>' +
'</div>') +
('<div class="level-right">' +
('<div class="level-item">' +
'<button class="button is-danger is-small button--deleteLotType" type="button">' +
'<span class="icon is-small"><i class="fas fa-trash" aria-hidden="true"></i></span>' +
'<span>Delete</span>' +
'</button>' +
'</div>') +
('<div class="level-item">' +
'<button class="button is-primary is-small button--editLotType" type="button">' +
'<span class="icon is-small"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span>' +
'<span>Edit ' +
los.escapedAliases.Lot +
' Type</span>' +
'</button>' +
'</div>') +
('<div class="level-item">' +
'<button class="button is-success is-small button--addLotTypeField" type="button">' +
'<span class="icon is-small"><i class="fas fa-plus" aria-hidden="true"></i></span>' +
'<span>Add Field</span>' +
'</button>' +
'</div>') +
('<div class="level-item">' +
los.getMoveUpDownButtonFieldHTML(
: '<i class="fas fa-fw fa-plus" aria-hidden="true"></i>'
}
</button>
</div>
<div class="level-item">
<h2 class="title is-4">${cityssm.escapeHTML(lotType.lotType)}</h2>
</div>
</div>
<div class="level-right">
<div class="level-item">
<button class="button is-danger is-small button--deleteLotType" type="button">
<span class="icon is-small"><i class="fas fa-trash" aria-hidden="true"></i></span>
<span>Delete</span>
</button>
</div>
<div class="level-item">
<button class="button is-primary is-small button--editLotType" type="button">
<span class="icon is-small"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span>
<span>Edit ${los.escapedAliases.Lot} Type</span>
</button>
</div>
<div class="level-item">
<button class="button is-success is-small button--addLotTypeField" type="button">
<span class="icon is-small"><i class="fas fa-plus" aria-hidden="true"></i></span>
<span>Add Field</span>
</button>
</div>
<div class="level-item">
${los.getMoveUpDownButtonFieldHTML(
'button--moveLotTypeUp',
'button--moveLotTypeDown'
) +
'</div>') +
'</div>') +
'</div>' +
'</div>'
)}
</div>
</div>
</div>
</div>`
renderLotTypeFields(
lotTypeContainer,
lotType.lotTypeId,
lotType.lotTypeFields!
lotType.lotTypeFields ?? []
)
lotTypeContainer
.querySelector('.button--toggleLotTypeFields')!
.addEventListener('click', toggleLotTypeFields)
.querySelector('.button--toggleLotTypeFields')
?.addEventListener('click', toggleLotTypeFields)
lotTypeContainer
.querySelector('.button--deleteLotType')!
.addEventListener('click', deleteLotType)
.querySelector('.button--deleteLotType')
?.addEventListener('click', deleteLotType)
lotTypeContainer
.querySelector('.button--editLotType')!
.addEventListener('click', openEditLotType)
.querySelector('.button--editLotType')
?.addEventListener('click', openEditLotType)
lotTypeContainer
.querySelector('.button--addLotTypeField')!
.addEventListener('click', openAddLotTypeField)
.querySelector('.button--addLotTypeField')
?.addEventListener('click', openAddLotTypeField)
;(
lotTypeContainer.querySelector(
'.button--moveLotTypeUp'
@ -620,22 +631,22 @@ type ResponseJSON =
}
document
.querySelector('#button--addLotType')!
.addEventListener('click', () => {
.querySelector('#button--addLotType')
?.addEventListener('click', () => {
let addCloseModalFunction: () => void
function doAdd(submitEvent: SubmitEvent): void {
submitEvent.preventDefault()
cityssm.postJSON(
los.urlPrefix + '/admin/doAddLotType',
`${los.urlPrefix}/admin/doAddLotType`,
submitEvent.currentTarget,
(rawResponseJSON) => {
const responseJSON = rawResponseJSON as ResponseJSON
if (responseJSON.success) {
addCloseModalFunction()
lotTypes = responseJSON.lotTypes!
lotTypes = responseJSON.lotTypes
renderLotTypes()
} else {
bulmaJS.alert({
@ -660,7 +671,7 @@ type ResponseJSON =
) as HTMLInputElement
).focus()
modalElement.querySelector('form')!.addEventListener('submit', doAdd)
modalElement.querySelector('form')?.addEventListener('submit', doAdd)
bulmaJS.toggleHtmlClipped()
},

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

File diff suppressed because one or more lines are too long