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

View File

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

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

File diff suppressed because one or more lines are too long