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

compile client js to es2021

deepsource-autofix-76c6eb20
Dan Gowans 2024-07-02 11:59:21 -04:00
parent bca8a3bfa0
commit b889f10b5c
34 changed files with 1158 additions and 1294 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
public-typescript/adminDatabase.js
View File

@ -2,11 +2,9 @@
/* @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */ /* @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "__esModule", { value: true });
(() => { (() => {
var _a, _b;
const los = exports.los; const los = exports.los;
function doBackup() { function doBackup() {
cityssm.postJSON(`${los.urlPrefix}/admin/doBackupDatabase`, {}, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doBackupDatabase`, {}, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
bulmaJS.alert({ bulmaJS.alert({
@ -20,7 +18,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Backing Up Database', title: 'Error Backing Up Database',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -28,7 +26,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
function doCleanup() { function doCleanup() {
cityssm.postJSON(`${los.urlPrefix}/admin/doCleanupDatabase`, {}, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doCleanupDatabase`, {}, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
bulmaJS.alert({ bulmaJS.alert({
@ -41,14 +38,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Cleaning Database', title: 'Error Cleaning Database',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
}); });
} }
(_a = document document
.querySelector('#button--cleanupDatabase')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => { .querySelector('#button--cleanupDatabase')
?.addEventListener('click', () => {
bulmaJS.confirm({ bulmaJS.confirm({
title: 'Cleanup Database', title: 'Cleanup Database',
message: 'Are you sure you want to cleanup up the database?', message: 'Are you sure you want to cleanup up the database?',
@ -58,8 +56,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
}); });
}); });
(_b = document document
.querySelector('#button--backupDatabase')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', () => { .querySelector('#button--backupDatabase')
?.addEventListener('click', () => {
bulmaJS.confirm({ bulmaJS.confirm({
title: 'Backup Database', title: 'Backup Database',
message: 'Are you sure you want to backup up the database?', message: 'Are you sure you want to backup up the database?',

194
public-typescript/adminFees.js
View File

@ -3,7 +3,6 @@
/* eslint-disable unicorn/prefer-module */ /* 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 feeCategoriesContainerElement = document.querySelector('#container--feeCategories'); const feeCategoriesContainerElement = document.querySelector('#container--feeCategories');
let feeCategories = exports.feeCategories; let feeCategories = exports.feeCategories;
@ -19,7 +18,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function renderFeeCategories() { function renderFeeCategories() {
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
if (feeCategories.length === 0) { if (feeCategories.length === 0) {
feeCategoriesContainerElement.innerHTML = `<div class="message is-warning"> feeCategoriesContainerElement.innerHTML = `<div class="message is-warning">
<p class="message-body">There are no available fees.</p> <p class="message-body">There are no available fees.</p>
@ -36,7 +34,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
feeCategoryContainerElement.innerHTML = `<div class="panel-heading"> feeCategoryContainerElement.innerHTML = `<div class="panel-heading">
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
<h2 class="title is-4 mb-2">${cityssm.escapeHTML((_a = feeCategory.feeCategory) !== null && _a !== void 0 ? _a : '')}</h2> <h2 class="title is-4 mb-2">${cityssm.escapeHTML(feeCategory.feeCategory ?? '')}</h2>
${feeCategory.isGroupedFee ${feeCategory.isGroupedFee
? '<span class="tag">Grouped Fee</span>' ? '<span class="tag">Grouped Fee</span>'
: ''} : ''}
@ -78,50 +76,51 @@ Object.defineProperty(exports, "__esModule", { value: true });
<div class="message is-info"> <div class="message is-info">
<p class="message-body"> <p class="message-body">
There are no fees in the There are no fees in the
"${cityssm.escapeHTML((_b = feeCategory.feeCategory) !== null && _b !== void 0 ? _b : '')}" "${cityssm.escapeHTML(feeCategory.feeCategory ?? '')}"
category. category.
</p> </p>
</div> </div>
</div>`); </div>`);
(_c = feeCategoryContainerElement feeCategoryContainerElement
.querySelector('.button--deleteFeeCategory')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', confirmDeleteFeeCategory); .querySelector('.button--deleteFeeCategory')
?.addEventListener('click', confirmDeleteFeeCategory);
} }
for (const fee of feeCategory.fees) { for (const fee of feeCategory.fees) {
const panelBlockElement = document.createElement('div'); const panelBlockElement = document.createElement('div');
panelBlockElement.className = 'panel-block is-block container--fee'; panelBlockElement.className = 'panel-block is-block container--fee';
panelBlockElement.dataset.feeId = fee.feeId.toString(); panelBlockElement.dataset.feeId = fee.feeId.toString();
const hasTagsBlock = ((_d = fee.isRequired) !== null && _d !== void 0 ? _d : false) || const hasTagsBlock = (fee.isRequired ?? false) ||
fee.occupancyTypeId !== undefined || fee.occupancyTypeId !== undefined ||
fee.lotTypeId !== undefined; fee.lotTypeId !== undefined;
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
panelBlockElement.innerHTML = `<div class="columns"> panelBlockElement.innerHTML = `<div class="columns">
<div class="column is-half"> <div class="column is-half">
<p> <p>
<a class="has-text-weight-bold a--editFee" href="#">${cityssm.escapeHTML((_e = fee.feeName) !== null && _e !== void 0 ? _e : '')}</a><br /> <a class="has-text-weight-bold a--editFee" href="#">${cityssm.escapeHTML(fee.feeName ?? '')}</a><br />
<small> <small>
${ ${
// eslint-disable-next-line @typescript-eslint/no-unsafe-call // eslint-disable-next-line @typescript-eslint/no-unsafe-call
cityssm cityssm
.escapeHTML((_f = fee.feeDescription) !== null && _f !== void 0 ? _f : '') .escapeHTML(fee.feeDescription ?? '')
.replaceAll('\n', '<br />')} .replaceAll('\n', '<br />')}
</small> </small>
</p> </p>
${hasTagsBlock ${hasTagsBlock
? `<p class="tags"> ? `<p class="tags">
${((_g = fee.isRequired) !== null && _g !== void 0 ? _g : false) ${fee.isRequired ?? false
? '<span class="tag is-warning">Required</span>' ? '<span class="tag is-warning">Required</span>'
: ''} : ''}
${((_h = fee.occupancyTypeId) !== null && _h !== void 0 ? _h : -1) === -1 ${(fee.occupancyTypeId ?? -1) === -1
? '' ? ''
: ` <span class="tag has-tooltip-bottom" data-tooltip="${los.escapedAliases.Occupancy} Type Filter"> : ` <span class="tag has-tooltip-bottom" data-tooltip="${los.escapedAliases.Occupancy} Type Filter">
<span class="icon is-small"><i class="fas fa-filter" aria-hidden="true"></i></span> <span class="icon is-small"><i class="fas fa-filter" aria-hidden="true"></i></span>
<span>${cityssm.escapeHTML((_j = fee.occupancyType) !== null && _j !== void 0 ? _j : '')}</span> <span>${cityssm.escapeHTML(fee.occupancyType ?? '')}</span>
</span>`} </span>`}
${((_k = fee.lotTypeId) !== null && _k !== void 0 ? _k : -1) === -1 ${(fee.lotTypeId ?? -1) === -1
? '' ? ''
: ` <span class="tag has-tooltip-bottom" data-tooltip="${los.escapedAliases.Lot} Type Filter"> : ` <span class="tag has-tooltip-bottom" data-tooltip="${los.escapedAliases.Lot} Type Filter">
<span class="icon is-small"><i class="fas fa-filter" aria-hidden="true"></i></span> <span class="icon is-small"><i class="fas fa-filter" aria-hidden="true"></i></span>
<span>${cityssm.escapeHTML((_l = fee.lotType) !== null && _l !== void 0 ? _l : '')}</span> <span>${cityssm.escapeHTML(fee.lotType ?? '')}</span>
</span>`} </span>`}
</p>` </p>`
: ''} : ''}
@ -133,19 +132,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
? `${cityssm.escapeHTML(fee.feeFunction)}<br /> ? `${cityssm.escapeHTML(fee.feeFunction)}<br />
<small>Fee Function</small>` <small>Fee Function</small>`
: `<a class="a--editFeeAmount" href="#"> : `<a class="a--editFeeAmount" href="#">
$${((_m = fee.feeAmount) !== null && _m !== void 0 ? _m : 0).toFixed(2)}<br /> $${(fee.feeAmount ?? 0).toFixed(2)}<br />
<small>Fee</small> <small>Fee</small>
</a>`} </a>`}
</div> </div>
<div class="column has-text-centered"> <div class="column has-text-centered">
${fee.taxPercentage ${fee.taxPercentage
? `${fee.taxPercentage.toString()}%` ? `${fee.taxPercentage.toString()}%`
: `$${((_o = fee.taxAmount) !== null && _o !== void 0 ? _o : 0).toFixed(2)}`}<br /> : `$${(fee.taxAmount ?? 0).toFixed(2)}`}<br />
<small>Tax</small> <small>Tax</small>
</div> </div>
<div class="column has-text-centered"> <div class="column has-text-centered">
${fee.includeQuantity ${fee.includeQuantity
? `${cityssm.escapeHTML((_p = fee.quantityUnit) !== null && _p !== void 0 ? _p : '')}<br /> ? `${cityssm.escapeHTML(fee.quantityUnit ?? '')}<br />
<small>Quantity</small>` <small>Quantity</small>`
: ''} : ''}
</div> </div>
@ -155,18 +154,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
${los.getMoveUpDownButtonFieldHTML('button--moveFeeUp', 'button--moveFeeDown')} ${los.getMoveUpDownButtonFieldHTML('button--moveFeeUp', 'button--moveFeeDown')}
</div> </div>
</div>`; </div>`;
(_q = panelBlockElement panelBlockElement
.querySelector('.a--editFee')) === null || _q === void 0 ? void 0 : _q.addEventListener('click', openEditFee); .querySelector('.a--editFee')
(_r = panelBlockElement ?.addEventListener('click', openEditFee);
.querySelector('.a--editFeeAmount')) === null || _r === void 0 ? void 0 : _r.addEventListener('click', openEditFeeAmount); panelBlockElement
.querySelector('.a--editFeeAmount')
?.addEventListener('click', openEditFeeAmount);
panelBlockElement.querySelector('.button--moveFeeUp').addEventListener('click', moveFee); panelBlockElement.querySelector('.button--moveFeeUp').addEventListener('click', moveFee);
panelBlockElement.querySelector('.button--moveFeeDown').addEventListener('click', moveFee); panelBlockElement.querySelector('.button--moveFeeDown').addEventListener('click', moveFee);
feeCategoryContainerElement.append(panelBlockElement); feeCategoryContainerElement.append(panelBlockElement);
} }
(_s = feeCategoryContainerElement feeCategoryContainerElement
.querySelector('.button--editFeeCategory')) === null || _s === void 0 ? void 0 : _s.addEventListener('click', openEditFeeCategory); .querySelector('.button--editFeeCategory')
(_t = feeCategoryContainerElement ?.addEventListener('click', openEditFeeCategory);
.querySelector('.button--addFee')) === null || _t === void 0 ? void 0 : _t.addEventListener('click', openAddFee); feeCategoryContainerElement
.querySelector('.button--addFee')
?.addEventListener('click', openAddFee);
feeCategoryContainerElement.querySelector('.button--moveFeeCategoryUp').addEventListener('click', moveFeeCategory); feeCategoryContainerElement.querySelector('.button--moveFeeCategoryUp').addEventListener('click', moveFeeCategory);
feeCategoryContainerElement.querySelector('.button--moveFeeCategoryDown').addEventListener('click', moveFeeCategory); feeCategoryContainerElement.querySelector('.button--moveFeeCategoryDown').addEventListener('click', moveFeeCategory);
feeCategoriesContainerElement.append(feeCategoryContainerElement); feeCategoriesContainerElement.append(feeCategoryContainerElement);
@ -175,13 +178,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
/* /*
* Fee Categories * Fee Categories
*/ */
(_a = document document
.querySelector('#button--addFeeCategory')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => { .querySelector('#button--addFeeCategory')
?.addEventListener('click', () => {
let addCloseModalFunction; let addCloseModalFunction;
function doAddFeeCategory(submitEvent) { function doAddFeeCategory(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/admin/doAddFeeCategory`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doAddFeeCategory`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
feeCategories = responseJSON.feeCategories; feeCategories = responseJSON.feeCategories;
@ -191,7 +194,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Creating Fee Category', title: 'Error Creating Fee Category',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -199,12 +202,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
cityssm.openHtmlModal('adminFees-addFeeCategory', { cityssm.openHtmlModal('adminFees-addFeeCategory', {
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
var _a;
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
modalElement.querySelector('#feeCategoryAdd--feeCategory').focus(); modalElement.querySelector('#feeCategoryAdd--feeCategory').focus();
addCloseModalFunction = closeModalFunction; addCloseModalFunction = closeModalFunction;
(_a = modalElement modalElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doAddFeeCategory); .querySelector('form')
?.addEventListener('submit', doAddFeeCategory);
}, },
onremoved() { onremoved() {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
@ -213,14 +216,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
}); });
function openEditFeeCategory(clickEvent) { function openEditFeeCategory(clickEvent) {
var _a; const feeCategoryId = Number.parseInt(clickEvent.currentTarget.closest('.container--feeCategory').dataset.feeCategoryId ?? '', 10);
const feeCategoryId = Number.parseInt((_a = clickEvent.currentTarget.closest('.container--feeCategory').dataset.feeCategoryId) !== null && _a !== void 0 ? _a : '', 10);
const feeCategory = getFeeCategory(feeCategoryId); const feeCategory = getFeeCategory(feeCategoryId);
let editCloseModalFunction; let editCloseModalFunction;
function doUpdateFeeCategory(submitEvent) { function doUpdateFeeCategory(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateFeeCategory`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateFeeCategory`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
feeCategories = responseJSON.feeCategories; feeCategories = responseJSON.feeCategories;
@ -230,7 +231,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Updating Fee Category', title: 'Error Updating Fee Category',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -247,11 +248,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
var _a;
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
editCloseModalFunction = closeModalFunction; editCloseModalFunction = closeModalFunction;
(_a = modalElement modalElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doUpdateFeeCategory); .querySelector('form')
?.addEventListener('submit', doUpdateFeeCategory);
modalElement.querySelector('#feeCategoryEdit--feeCategory').focus(); modalElement.querySelector('#feeCategoryEdit--feeCategory').focus();
}, },
onremoved: () => { onremoved: () => {
@ -260,13 +261,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function confirmDeleteFeeCategory(clickEvent) { function confirmDeleteFeeCategory(clickEvent) {
var _a; const feeCategoryId = Number.parseInt(clickEvent.currentTarget.closest('.container--feeCategory').dataset.feeCategoryId ?? '', 10);
const feeCategoryId = Number.parseInt((_a = clickEvent.currentTarget.closest('.container--feeCategory').dataset.feeCategoryId) !== null && _a !== void 0 ? _a : '', 10);
function doDelete() { function doDelete() {
cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteFeeCategory`, { cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteFeeCategory`, {
feeCategoryId feeCategoryId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
feeCategories = responseJSON.feeCategories; feeCategories = responseJSON.feeCategories;
@ -275,7 +274,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Updating Fee Category', title: 'Error Updating Fee Category',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -292,17 +291,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function moveFeeCategory(clickEvent) { function moveFeeCategory(clickEvent) {
var _a;
const buttonElement = clickEvent.currentTarget; const buttonElement = clickEvent.currentTarget;
const feeCategoryId = (_a = buttonElement.closest('.container--feeCategory').dataset const feeCategoryId = buttonElement.closest('.container--feeCategory').dataset
.feeCategoryId) !== null && _a !== void 0 ? _a : ''; .feeCategoryId ?? '';
cityssm.postJSON(`${los.urlPrefix}/admin/${buttonElement.dataset.direction === 'up' cityssm.postJSON(`${los.urlPrefix}/admin/${buttonElement.dataset.direction === 'up'
? 'doMoveFeeCategoryUp' ? 'doMoveFeeCategoryUp'
: 'doMoveFeeCategoryDown'}`, { : 'doMoveFeeCategoryDown'}`, {
feeCategoryId, feeCategoryId,
moveToEnd: clickEvent.shiftKey ? '1' : '0' moveToEnd: clickEvent.shiftKey ? '1' : '0'
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
feeCategories = responseJSON.feeCategories; feeCategories = responseJSON.feeCategories;
@ -311,7 +308,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Moving Fee Category', title: 'Error Moving Fee Category',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -321,13 +318,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
* Fees * Fees
*/ */
function openAddFee(clickEvent) { function openAddFee(clickEvent) {
var _a; const feeCategoryId = Number.parseInt(clickEvent.currentTarget.closest('.container--feeCategory').dataset.feeCategoryId ?? '', 10);
const feeCategoryId = Number.parseInt((_a = clickEvent.currentTarget.closest('.container--feeCategory').dataset.feeCategoryId) !== null && _a !== void 0 ? _a : '', 10);
let addCloseModalFunction; let addCloseModalFunction;
function doAddFee(submitEvent) { function doAddFee(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/admin/doAddFee`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doAddFee`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
feeCategories = responseJSON.feeCategories; feeCategories = responseJSON.feeCategories;
@ -337,7 +332,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Adding Fee', title: 'Error Adding Fee',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -374,29 +369,29 @@ Object.defineProperty(exports, "__esModule", { value: true });
los.populateAliases(modalElement); los.populateAliases(modalElement);
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
var _a, _b, _c;
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
addCloseModalFunction = closeModalFunction; addCloseModalFunction = closeModalFunction;
(_a = modalElement.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doAddFee); modalElement.querySelector('form')?.addEventListener('submit', doAddFee);
modalElement.querySelector('#feeAdd--feeName').focus(); modalElement.querySelector('#feeAdd--feeName').focus();
modalElement.querySelector('#feeAdd--feeFunction').addEventListener('change', () => { modalElement.querySelector('#feeAdd--feeFunction').addEventListener('change', () => {
var _a, _b;
const feeAmountElement = modalElement.querySelector('#feeAdd--feeAmount'); const feeAmountElement = modalElement.querySelector('#feeAdd--feeAmount');
const feeFunctionElement = modalElement.querySelector('#feeAdd--feeFunction'); const feeFunctionElement = modalElement.querySelector('#feeAdd--feeFunction');
if (feeFunctionElement.value === '') { if (feeFunctionElement.value === '') {
(_a = feeFunctionElement feeFunctionElement
.closest('.select')) === null || _a === void 0 ? void 0 : _a.classList.remove('is-success'); .closest('.select')
?.classList.remove('is-success');
feeAmountElement.classList.add('is-success'); feeAmountElement.classList.add('is-success');
feeAmountElement.disabled = false; feeAmountElement.disabled = false;
} }
else { else {
(_b = feeFunctionElement.closest('.select')) === null || _b === void 0 ? void 0 : _b.classList.add('is-success'); feeFunctionElement.closest('.select')?.classList.add('is-success');
feeAmountElement.classList.remove('is-success'); feeAmountElement.classList.remove('is-success');
feeAmountElement.disabled = true; feeAmountElement.disabled = true;
} }
}); });
(_b = modalElement modalElement
.querySelector('#feeAdd--taxPercentage')) === null || _b === void 0 ? void 0 : _b.addEventListener('keyup', () => { .querySelector('#feeAdd--taxPercentage')
?.addEventListener('keyup', () => {
const taxAmountElement = modalElement.querySelector('#feeAdd--taxAmount'); const taxAmountElement = modalElement.querySelector('#feeAdd--taxAmount');
const taxPercentageElement = modalElement.querySelector('#feeAdd--taxPercentage'); const taxPercentageElement = modalElement.querySelector('#feeAdd--taxPercentage');
if (taxPercentageElement.value === '') { if (taxPercentageElement.value === '') {
@ -410,8 +405,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
taxAmountElement.disabled = true; taxAmountElement.disabled = true;
} }
}); });
(_c = modalElement modalElement
.querySelector('#feeAdd--includeQuantity')) === null || _c === void 0 ? void 0 : _c.addEventListener('change', () => { .querySelector('#feeAdd--includeQuantity')
?.addEventListener('change', () => {
; ;
modalElement.querySelector('#feeAdd--quantityUnit').disabled = modalElement.querySelector('#feeAdd--quantityUnit').disabled =
modalElement.querySelector('#feeAdd--includeQuantity').value === ''; modalElement.querySelector('#feeAdd--includeQuantity').value === '';
@ -423,19 +419,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function openEditFeeAmount(clickEvent) { function openEditFeeAmount(clickEvent) {
var _a, _b;
clickEvent.preventDefault(); clickEvent.preventDefault();
const feeContainerElement = clickEvent.currentTarget.closest('.container--fee'); const feeContainerElement = clickEvent.currentTarget.closest('.container--fee');
const feeId = Number.parseInt((_a = feeContainerElement.dataset.feeId) !== null && _a !== void 0 ? _a : '', 10); const feeId = Number.parseInt(feeContainerElement.dataset.feeId ?? '', 10);
const feeCategoryId = Number.parseInt((_b = feeContainerElement.closest('.container--feeCategory') const feeCategoryId = Number.parseInt(feeContainerElement.closest('.container--feeCategory')
.dataset.feeCategoryId) !== null && _b !== void 0 ? _b : ''); .dataset.feeCategoryId ?? '');
const feeCategory = getFeeCategory(feeCategoryId); const feeCategory = getFeeCategory(feeCategoryId);
const fee = getFee(feeCategory, feeId); const fee = getFee(feeCategory, feeId);
let editCloseModalFunction; let editCloseModalFunction;
function doUpdateFeeAmount(submitEvent) { function doUpdateFeeAmount(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateFeeAmount`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateFeeAmount`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
feeCategories = responseJSON.feeCategories; feeCategories = responseJSON.feeCategories;
@ -445,7 +439,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Updating Fee Amount', title: 'Error Updating Fee Amount',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -453,30 +447,28 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
cityssm.openHtmlModal('adminFees-editFeeAmount', { cityssm.openHtmlModal('adminFees-editFeeAmount', {
onshow(modalElement) { onshow(modalElement) {
var _a, _b, _c;
; ;
modalElement.querySelector('#feeAmountEdit--feeId').value = fee.feeId.toString(); modalElement.querySelector('#feeAmountEdit--feeId').value = fee.feeId.toString();
modalElement.querySelector('#feeAmountEdit--feeCategory').textContent = feeCategory.feeCategory; modalElement.querySelector('#feeAmountEdit--feeCategory').textContent = feeCategory.feeCategory;
modalElement.querySelector('#feeAmountEdit--feeName').textContent = (_a = fee.feeName) !== null && _a !== void 0 ? _a : ''; modalElement.querySelector('#feeAmountEdit--feeName').textContent = fee.feeName ?? '';
modalElement.querySelector('#feeAmountEdit--feeAmount').value = (_c = (_b = fee.feeAmount) === null || _b === void 0 ? void 0 : _b.toFixed(2)) !== null && _c !== void 0 ? _c : '0'; modalElement.querySelector('#feeAmountEdit--feeAmount').value = fee.feeAmount?.toFixed(2) ?? '0';
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
var _a;
; ;
modalElement.querySelector('#feeAmountEdit--feeAmount').select(); modalElement.querySelector('#feeAmountEdit--feeAmount').select();
editCloseModalFunction = closeModalFunction; editCloseModalFunction = closeModalFunction;
(_a = modalElement modalElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doUpdateFeeAmount); .querySelector('form')
?.addEventListener('submit', doUpdateFeeAmount);
} }
}); });
} }
function openEditFee(clickEvent) { function openEditFee(clickEvent) {
var _a, _b;
clickEvent.preventDefault(); clickEvent.preventDefault();
const feeContainerElement = clickEvent.currentTarget.closest('.container--fee'); const feeContainerElement = clickEvent.currentTarget.closest('.container--fee');
const feeId = Number.parseInt((_a = feeContainerElement.dataset.feeId) !== null && _a !== void 0 ? _a : '', 10); const feeId = Number.parseInt(feeContainerElement.dataset.feeId ?? '', 10);
const feeCategoryId = Number.parseInt((_b = feeContainerElement.closest('.container--feeCategory') const feeCategoryId = Number.parseInt(feeContainerElement.closest('.container--feeCategory')
.dataset.feeCategoryId) !== null && _b !== void 0 ? _b : ''); .dataset.feeCategoryId ?? '');
const feeCategory = getFeeCategory(feeCategoryId); const feeCategory = getFeeCategory(feeCategoryId);
const fee = getFee(feeCategory, feeId); const fee = getFee(feeCategory, feeId);
let editCloseModalFunction; let editCloseModalFunction;
@ -484,7 +476,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
function doUpdateFee(submitEvent) { function doUpdateFee(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateFee`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateFee`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
feeCategories = responseJSON.feeCategories; feeCategories = responseJSON.feeCategories;
@ -494,7 +485,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Updating Fee', title: 'Error Updating Fee',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -506,7 +497,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteFee`, { cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteFee`, {
feeId feeId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
feeCategories = responseJSON.feeCategories; feeCategories = responseJSON.feeCategories;
@ -516,7 +506,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Deleting Fee', title: 'Error Deleting Fee',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -533,16 +523,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function toggleFeeFields() { function toggleFeeFields() {
var _a, _b;
const feeAmountElement = editModalElement.querySelector('#feeEdit--feeAmount'); const feeAmountElement = editModalElement.querySelector('#feeEdit--feeAmount');
const feeFunctionElement = editModalElement.querySelector('#feeEdit--feeFunction'); const feeFunctionElement = editModalElement.querySelector('#feeEdit--feeFunction');
if (feeFunctionElement.value === '') { if (feeFunctionElement.value === '') {
(_a = feeFunctionElement.closest('.select')) === null || _a === void 0 ? void 0 : _a.classList.remove('is-success'); feeFunctionElement.closest('.select')?.classList.remove('is-success');
feeAmountElement.classList.add('is-success'); feeAmountElement.classList.add('is-success');
feeAmountElement.disabled = false; feeAmountElement.disabled = false;
} }
else { else {
(_b = feeFunctionElement.closest('.select')) === null || _b === void 0 ? void 0 : _b.classList.add('is-success'); feeFunctionElement.closest('.select')?.classList.add('is-success');
feeAmountElement.classList.remove('is-success'); feeAmountElement.classList.remove('is-success');
feeAmountElement.disabled = true; feeAmountElement.disabled = true;
} }
@ -567,7 +556,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
cityssm.openHtmlModal('adminFees-editFee', { cityssm.openHtmlModal('adminFees-editFee', {
onshow(modalElement) { onshow(modalElement) {
var _a, _b, _c, _d, _e, _f, _g;
editModalElement = modalElement; editModalElement = modalElement;
modalElement.querySelector('#feeEdit--feeId').value = fee.feeId.toString(); modalElement.querySelector('#feeEdit--feeId').value = fee.feeId.toString();
const feeCategoryElement = modalElement.querySelector('#feeEdit--feeCategoryId'); const feeCategoryElement = modalElement.querySelector('#feeEdit--feeCategoryId');
@ -581,9 +569,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
feeCategoryElement.append(optionElement); feeCategoryElement.append(optionElement);
} }
; ;
modalElement.querySelector('#feeEdit--feeName').value = (_a = fee.feeName) !== null && _a !== void 0 ? _a : ''; modalElement.querySelector('#feeEdit--feeName').value = fee.feeName ?? '';
modalElement.querySelector('#feeEdit--feeAccount').value = (_b = fee.feeAccount) !== null && _b !== void 0 ? _b : ''; modalElement.querySelector('#feeEdit--feeAccount').value = fee.feeAccount ?? '';
modalElement.querySelector('#feeEdit--feeDescription').value = (_c = fee.feeDescription) !== null && _c !== void 0 ? _c : ''; modalElement.querySelector('#feeEdit--feeDescription').value = fee.feeDescription ?? '';
const occupancyTypeElement = modalElement.querySelector('#feeEdit--occupancyTypeId'); const occupancyTypeElement = modalElement.querySelector('#feeEdit--occupancyTypeId');
for (const occupancyType of exports.occupancyTypes) { for (const occupancyType of exports.occupancyTypes) {
const optionElement = document.createElement('option'); const optionElement = document.createElement('option');
@ -606,8 +594,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
; ;
modalElement.querySelector('#feeEdit--feeAmount').value = fee.feeAmount ? fee.feeAmount.toFixed(2) : ''; modalElement.querySelector('#feeEdit--feeAmount').value = fee.feeAmount ? fee.feeAmount.toFixed(2) : '';
(_d = modalElement modalElement
.querySelector('#feeEdit--feeFunction')) === null || _d === void 0 ? void 0 : _d.addEventListener('change', toggleFeeFields); .querySelector('#feeEdit--feeFunction')
?.addEventListener('change', toggleFeeFields);
toggleFeeFields(); toggleFeeFields();
modalElement.querySelector('#feeEdit--taxAmount').value = fee.taxAmount ? fee.taxAmount.toFixed(2) : ''; modalElement.querySelector('#feeEdit--taxAmount').value = fee.taxAmount ? fee.taxAmount.toFixed(2) : '';
const taxPercentageElement = modalElement.querySelector('#feeEdit--taxPercentage'); const taxPercentageElement = modalElement.querySelector('#feeEdit--taxPercentage');
@ -617,27 +606,28 @@ Object.defineProperty(exports, "__esModule", { value: true });
taxPercentageElement.addEventListener('keyup', toggleTaxFields); taxPercentageElement.addEventListener('keyup', toggleTaxFields);
toggleTaxFields(); toggleTaxFields();
const includeQuantityElement = modalElement.querySelector('#feeEdit--includeQuantity'); const includeQuantityElement = modalElement.querySelector('#feeEdit--includeQuantity');
if ((_e = fee.includeQuantity) !== null && _e !== void 0 ? _e : false) { if (fee.includeQuantity ?? false) {
includeQuantityElement.value = '1'; includeQuantityElement.value = '1';
} }
includeQuantityElement.addEventListener('change', toggleQuantityFields); includeQuantityElement.addEventListener('change', toggleQuantityFields);
modalElement.querySelector('#feeEdit--quantityUnit').value = (_f = fee.quantityUnit) !== null && _f !== void 0 ? _f : ''; modalElement.querySelector('#feeEdit--quantityUnit').value = fee.quantityUnit ?? '';
toggleQuantityFields(); toggleQuantityFields();
if ((_g = fee.isRequired) !== null && _g !== void 0 ? _g : false) { if (fee.isRequired ?? false) {
; ;
modalElement.querySelector('#feeEdit--isRequired').value = '1'; modalElement.querySelector('#feeEdit--isRequired').value = '1';
} }
los.populateAliases(modalElement); los.populateAliases(modalElement);
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
var _a, _b;
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
editCloseModalFunction = closeModalFunction; editCloseModalFunction = closeModalFunction;
(_a = modalElement modalElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doUpdateFee); .querySelector('form')
?.addEventListener('submit', doUpdateFee);
bulmaJS.init(modalElement); bulmaJS.init(modalElement);
(_b = modalElement modalElement
.querySelector('.button--deleteFee')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', confirmDeleteFee); .querySelector('.button--deleteFee')
?.addEventListener('click', confirmDeleteFee);
}, },
onremoved() { onremoved() {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
@ -645,17 +635,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function moveFee(clickEvent) { function moveFee(clickEvent) {
var _a;
const buttonElement = clickEvent.currentTarget; const buttonElement = clickEvent.currentTarget;
const feeContainerElement = buttonElement.closest('.container--fee'); const feeContainerElement = buttonElement.closest('.container--fee');
const feeId = (_a = feeContainerElement.dataset.feeId) !== null && _a !== void 0 ? _a : ''; const feeId = feeContainerElement.dataset.feeId ?? '';
cityssm.postJSON(`${los.urlPrefix}/admin/${buttonElement.dataset.direction === 'up' cityssm.postJSON(`${los.urlPrefix}/admin/${buttonElement.dataset.direction === 'up'
? 'doMoveFeeUp' ? 'doMoveFeeUp'
: 'doMoveFeeDown'}`, { : 'doMoveFeeDown'}`, {
feeId, feeId,
moveToEnd: clickEvent.shiftKey ? '1' : '0' moveToEnd: clickEvent.shiftKey ? '1' : '0'
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
feeCategories = responseJSON.feeCategories; feeCategories = responseJSON.feeCategories;
@ -664,7 +652,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Moving Fee', title: 'Error Moving Fee',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }

91
public-typescript/adminLotTypes.js
View File

@ -3,17 +3,15 @@
/* eslint-disable unicorn/prefer-module */ /* 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((_a = lotTypeElement.dataset.lotTypeId) !== null && _a !== void 0 ? _a : '', 10); const lotTypeId = Number.parseInt(lotTypeElement.dataset.lotTypeId ?? '', 10);
if (expandedLotTypes.has(lotTypeId)) { if (expandedLotTypes.has(lotTypeId)) {
expandedLotTypes.delete(lotTypeId); expandedLotTypes.delete(lotTypeId);
} }
@ -30,7 +28,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
} }
function lotTypeResponseHandler(rawResponseJSON) { function lotTypeResponseHandler(rawResponseJSON) {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotTypes = responseJSON.lotTypes; lotTypes = responseJSON.lotTypes;
@ -39,14 +36,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Updating ${los.escapedAliases.Lot} Type`, title: `Error Updating ${los.escapedAliases.Lot} Type`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
} }
function deleteLotType(clickEvent) { function deleteLotType(clickEvent) {
var _a; const lotTypeId = Number.parseInt(clickEvent.currentTarget.closest('.container--lotType').dataset.lotTypeId ?? '', 10);
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
@ -63,8 +59,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function openEditLotType(clickEvent) { function openEditLotType(clickEvent) {
var _a; const lotTypeId = Number.parseInt(clickEvent.currentTarget.closest('.container--lotType').dataset.lotTypeId ?? '', 10);
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;
}); });
@ -86,10 +81,9 @@ 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();
(_a = modalElement.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doEdit); modalElement.querySelector('form')?.addEventListener('submit', doEdit);
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
}, },
onremoved() { onremoved() {
@ -98,8 +92,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function openAddLotTypeField(clickEvent) { function openAddLotTypeField(clickEvent) {
var _a; const lotTypeId = Number.parseInt(clickEvent.currentTarget.closest('.container--lotType').dataset.lotTypeId ?? '', 10);
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();
@ -122,10 +115,9 @@ 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();
(_a = modalElement.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doAdd); modalElement.querySelector('form')?.addEventListener('submit', doAdd);
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
}, },
onremoved() { onremoved() {
@ -144,11 +136,10 @@ 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 = ((_a = lotType.lotTypeFields) !== null && _a !== void 0 ? _a : []).find((currentLotTypeField) => { const lotTypeField = (lotType.lotTypeFields ?? []).find((currentLotTypeField) => {
return currentLotTypeField.lotTypeFieldId === lotTypeFieldId; return currentLotTypeField.lotTypeFieldId === lotTypeFieldId;
}); });
let minimumLengthElement; let minimumLengthElement;
@ -205,35 +196,34 @@ 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 = (_a = lotTypeField.lotTypeField) !== null && _a !== void 0 ? _a : ''; modalElement.querySelector('#lotTypeFieldEdit--lotTypeField').value = lotTypeField.lotTypeField ?? '';
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 = minimumLengthElement.value =
(_c = (_b = lotTypeField.minimumLength) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : ''; lotTypeField.minimumLength?.toString() ?? '';
maximumLengthElement = modalElement.querySelector('#lotTypeFieldEdit--maximumLength'); maximumLengthElement = modalElement.querySelector('#lotTypeFieldEdit--maximumLength');
maximumLengthElement.value = maximumLengthElement.value =
(_e = (_d = lotTypeField.maximumLength) === null || _d === void 0 ? void 0 : _d.toString()) !== null && _e !== void 0 ? _e : ''; lotTypeField.maximumLength?.toString() ?? '';
patternElement = modalElement.querySelector('#lotTypeFieldEdit--pattern'); patternElement = modalElement.querySelector('#lotTypeFieldEdit--pattern');
patternElement.value = (_f = lotTypeField.pattern) !== null && _f !== void 0 ? _f : ''; patternElement.value = lotTypeField.pattern ?? '';
lotTypeFieldValuesElement = modalElement.querySelector('#lotTypeFieldEdit--lotTypeFieldValues'); lotTypeFieldValuesElement = modalElement.querySelector('#lotTypeFieldEdit--lotTypeFieldValues');
lotTypeFieldValuesElement.value = (_g = lotTypeField.lotTypeFieldValues) !== null && _g !== void 0 ? _g : ''; lotTypeFieldValuesElement.value = lotTypeField.lotTypeFieldValues ?? '';
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();
(_a = modalElement.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doUpdate); modalElement.querySelector('form')?.addEventListener('submit', doUpdate);
minimumLengthElement.addEventListener('keyup', updateMaximumLengthMin); minimumLengthElement.addEventListener('keyup', updateMaximumLengthMin);
updateMaximumLengthMin(); updateMaximumLengthMin();
lotTypeFieldValuesElement.addEventListener('keyup', toggleInputFields); lotTypeFieldValuesElement.addEventListener('keyup', toggleInputFields);
(_b = modalElement modalElement
.querySelector('#button--deleteLotTypeField')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', confirmDoDelete); .querySelector('#button--deleteLotTypeField')
?.addEventListener('click', confirmDoDelete);
}, },
onremoved() { onremoved() {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
@ -242,10 +232,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function openEditLotTypeFieldByClick(clickEvent) { function openEditLotTypeFieldByClick(clickEvent) {
var _a, _b;
clickEvent.preventDefault(); clickEvent.preventDefault();
const lotTypeFieldId = Number.parseInt((_a = clickEvent.currentTarget.closest('.container--lotTypeField').dataset.lotTypeFieldId) !== null && _a !== void 0 ? _a : '', 10); const lotTypeFieldId = Number.parseInt(clickEvent.currentTarget.closest('.container--lotTypeField').dataset.lotTypeFieldId ?? '', 10);
const lotTypeId = Number.parseInt((_b = clickEvent.currentTarget.closest('.container--lotType').dataset.lotTypeId) !== null && _b !== void 0 ? _b : '', 10); const lotTypeId = Number.parseInt(clickEvent.currentTarget.closest('.container--lotType').dataset.lotTypeId ?? '', 10);
openEditLotTypeField(lotTypeId, lotTypeFieldId); openEditLotTypeField(lotTypeId, lotTypeFieldId);
} }
function moveLotTypeField(clickEvent) { function moveLotTypeField(clickEvent) {
@ -259,7 +248,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
}, lotTypeResponseHandler); }, lotTypeResponseHandler);
} }
function renderLotTypeFields(panelElement, lotTypeId, lotTypeFields) { function renderLotTypeFields(panelElement, lotTypeId, lotTypeFields) {
var _a, _b;
if (lotTypeFields.length === 0) { if (lotTypeFields.length === 0) {
// eslint-disable-next-line no-unsanitized/method // eslint-disable-next-line no-unsanitized/method
panelElement.insertAdjacentHTML('beforeend', `<div class="panel-block is-block panelElement.insertAdjacentHTML('beforeend', `<div class="panel-block is-block
@ -282,7 +270,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
<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(lotTypeField.lotTypeField ?? '')}
</a> </a>
</div> </div>
</div> </div>
@ -292,8 +280,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
</div> </div>
</div> </div>
</div>`; </div>`;
(_b = panelBlockElement panelBlockElement
.querySelector('.button--editLotTypeField')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', openEditLotTypeFieldByClick); .querySelector('.button--editLotTypeField')
?.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);
@ -301,7 +290,6 @@ 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 // eslint-disable-next-line no-unsanitized/method
@ -354,27 +342,31 @@ Object.defineProperty(exports, "__esModule", { value: true });
</div> </div>
</div> </div>
</div>`; </div>`;
renderLotTypeFields(lotTypeContainer, lotType.lotTypeId, (_a = lotType.lotTypeFields) !== null && _a !== void 0 ? _a : []); renderLotTypeFields(lotTypeContainer, lotType.lotTypeId, lotType.lotTypeFields ?? []);
(_b = lotTypeContainer lotTypeContainer
.querySelector('.button--toggleLotTypeFields')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', toggleLotTypeFields); .querySelector('.button--toggleLotTypeFields')
(_c = lotTypeContainer ?.addEventListener('click', toggleLotTypeFields);
.querySelector('.button--deleteLotType')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', deleteLotType); lotTypeContainer
(_d = lotTypeContainer .querySelector('.button--deleteLotType')
.querySelector('.button--editLotType')) === null || _d === void 0 ? void 0 : _d.addEventListener('click', openEditLotType); ?.addEventListener('click', deleteLotType);
(_e = lotTypeContainer lotTypeContainer
.querySelector('.button--addLotTypeField')) === null || _e === void 0 ? void 0 : _e.addEventListener('click', openAddLotTypeField); .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);
} }
} }
(_a = document document
.querySelector('#button--addLotType')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => { .querySelector('#button--addLotType')
?.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;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
addCloseModalFunction(); addCloseModalFunction();
@ -384,7 +376,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Adding ${los.escapedAliases.Lot} Type`, title: `Error Adding ${los.escapedAliases.Lot} Type`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -395,10 +387,9 @@ 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();
(_a = modalElement.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doAdd); modalElement.querySelector('form')?.addEventListener('submit', doAdd);
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
}, },
onremoved() { onremoved() {

2
public-typescript/adminLotTypes.ts
View File

@ -57,7 +57,7 @@ type ResponseJSON =
? '<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>'
const panelBlockElements = lotTypeElement.querySelectorAll('.panel-block') const panelBlockElements = lotTypeElement.querySelectorAll('.panel-block') as NodeListOf<HTMLElement>
for (const panelBlockElement of panelBlockElements) { for (const panelBlockElement of panelBlockElements) {
panelBlockElement.classList.toggle('is-hidden') panelBlockElement.classList.toggle('is-hidden')

120
public-typescript/adminOccupancyTypes.js
View File

@ -3,7 +3,6 @@
/* eslint-disable unicorn/prefer-module */ /* 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 occupancyTypesContainerElement = document.querySelector('#container--occupancyTypes'); const occupancyTypesContainerElement = document.querySelector('#container--occupancyTypes');
const occupancyTypePrintsContainerElement = document.querySelector('#container--occupancyTypePrints'); const occupancyTypePrintsContainerElement = document.querySelector('#container--occupancyTypePrints');
@ -13,10 +12,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
delete exports.allOccupancyTypeFields; delete exports.allOccupancyTypeFields;
const expandedOccupancyTypes = new Set(); const expandedOccupancyTypes = new Set();
function toggleOccupancyTypeFields(clickEvent) { function toggleOccupancyTypeFields(clickEvent) {
var _a;
const toggleButtonElement = clickEvent.currentTarget; const toggleButtonElement = clickEvent.currentTarget;
const occupancyTypeElement = toggleButtonElement.closest('.container--occupancyType'); const occupancyTypeElement = toggleButtonElement.closest('.container--occupancyType');
const occupancyTypeId = Number.parseInt((_a = occupancyTypeElement.dataset.occupancyTypeId) !== null && _a !== void 0 ? _a : '', 10); const occupancyTypeId = Number.parseInt(occupancyTypeElement.dataset.occupancyTypeId ?? '', 10);
if (expandedOccupancyTypes.has(occupancyTypeId)) { if (expandedOccupancyTypes.has(occupancyTypeId)) {
expandedOccupancyTypes.delete(occupancyTypeId); expandedOccupancyTypes.delete(occupancyTypeId);
} }
@ -33,7 +31,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
} }
function occupancyTypeResponseHandler(rawResponseJSON) { function occupancyTypeResponseHandler(rawResponseJSON) {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
occupancyTypes = responseJSON.occupancyTypes; occupancyTypes = responseJSON.occupancyTypes;
@ -43,14 +40,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Updating ${los.escapedAliases.Occupancy} Type`, title: `Error Updating ${los.escapedAliases.Occupancy} Type`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
} }
function deleteOccupancyType(clickEvent) { function deleteOccupancyType(clickEvent) {
var _a; const occupancyTypeId = Number.parseInt(clickEvent.currentTarget.closest('.container--occupancyType').dataset.occupancyTypeId ?? '', 10);
const occupancyTypeId = Number.parseInt((_a = clickEvent.currentTarget.closest('.container--occupancyType').dataset.occupancyTypeId) !== null && _a !== void 0 ? _a : '', 10);
function doDelete() { function doDelete() {
cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteOccupancyType`, { cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteOccupancyType`, {
occupancyTypeId occupancyTypeId
@ -67,8 +63,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function openEditOccupancyType(clickEvent) { function openEditOccupancyType(clickEvent) {
var _a; const occupancyTypeId = Number.parseInt(clickEvent.currentTarget.closest('.container--occupancyType').dataset.occupancyTypeId ?? '', 10);
const occupancyTypeId = Number.parseInt((_a = clickEvent.currentTarget.closest('.container--occupancyType').dataset.occupancyTypeId) !== null && _a !== void 0 ? _a : '', 10);
const occupancyType = occupancyTypes.find((currentOccupancyType) => { const occupancyType = occupancyTypes.find((currentOccupancyType) => {
return occupancyTypeId === currentOccupancyType.occupancyTypeId; return occupancyTypeId === currentOccupancyType.occupancyTypeId;
}); });
@ -90,10 +85,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
modalElement.querySelector('#occupancyTypeEdit--occupancyType').value = occupancyType.occupancyType; modalElement.querySelector('#occupancyTypeEdit--occupancyType').value = occupancyType.occupancyType;
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
var _a;
editCloseModalFunction = closeModalFunction; editCloseModalFunction = closeModalFunction;
modalElement.querySelector('#occupancyTypeEdit--occupancyType').focus(); modalElement.querySelector('#occupancyTypeEdit--occupancyType').focus();
(_a = modalElement.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doEdit); modalElement.querySelector('form')?.addEventListener('submit', doEdit);
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
}, },
onremoved() { onremoved() {
@ -102,19 +96,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function openAddOccupancyTypeField(clickEvent) { function openAddOccupancyTypeField(clickEvent) {
var _a; const occupancyTypeId = Number.parseInt(clickEvent.currentTarget.closest('.container--occupancyType').dataset.occupancyTypeId ?? '', 10);
const occupancyTypeId = Number.parseInt((_a = clickEvent.currentTarget.closest('.container--occupancyType').dataset.occupancyTypeId) !== 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/doAddOccupancyTypeField`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doAddOccupancyTypeField`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
expandedOccupancyTypes.add(occupancyTypeId); expandedOccupancyTypes.add(occupancyTypeId);
occupancyTypeResponseHandler(responseJSON); occupancyTypeResponseHandler(responseJSON);
if (responseJSON.success) { if (responseJSON.success) {
addCloseModalFunction(); addCloseModalFunction();
openEditOccupancyTypeField(occupancyTypeId, (_a = responseJSON.occupancyTypeFieldId) !== null && _a !== void 0 ? _a : 0); openEditOccupancyTypeField(occupancyTypeId, responseJSON.occupancyTypeFieldId ?? 0);
} }
}); });
} }
@ -127,10 +119,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
var _a;
addCloseModalFunction = closeModalFunction; addCloseModalFunction = closeModalFunction;
modalElement.querySelector('#occupancyTypeFieldAdd--occupancyTypeField').focus(); modalElement.querySelector('#occupancyTypeFieldAdd--occupancyTypeField').focus();
(_a = modalElement.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doAdd); modalElement.querySelector('form')?.addEventListener('submit', doAdd);
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
}, },
onremoved() { onremoved() {
@ -149,7 +140,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
}, occupancyTypeResponseHandler); }, occupancyTypeResponseHandler);
} }
function openEditOccupancyTypeField(occupancyTypeId, occupancyTypeFieldId) { function openEditOccupancyTypeField(occupancyTypeId, occupancyTypeFieldId) {
var _a;
let occupancyType; let occupancyType;
if (occupancyTypeId) { if (occupancyTypeId) {
occupancyType = occupancyTypes.find((currentOccupancyType) => { occupancyType = occupancyTypes.find((currentOccupancyType) => {
@ -157,7 +147,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
const occupancyTypeField = (occupancyType const occupancyTypeField = (occupancyType
? (_a = occupancyType.occupancyTypeFields) !== null && _a !== void 0 ? _a : [] ? occupancyType.occupancyTypeFields ?? []
: allOccupancyTypeFields).find((currentOccupancyTypeField) => { : allOccupancyTypeFields).find((currentOccupancyTypeField) => {
return (currentOccupancyTypeField.occupancyTypeFieldId === occupancyTypeFieldId); return (currentOccupancyTypeField.occupancyTypeFieldId === occupancyTypeFieldId);
}); });
@ -215,36 +205,35 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
cityssm.openHtmlModal('adminOccupancyTypes-editOccupancyTypeField', { cityssm.openHtmlModal('adminOccupancyTypes-editOccupancyTypeField', {
onshow: (modalElement) => { onshow: (modalElement) => {
var _a, _b, _c, _d, _e, _f, _g, _h;
los.populateAliases(modalElement); los.populateAliases(modalElement);
modalElement.querySelector('#occupancyTypeFieldEdit--occupancyTypeFieldId').value = occupancyTypeField.occupancyTypeFieldId.toString(); modalElement.querySelector('#occupancyTypeFieldEdit--occupancyTypeFieldId').value = occupancyTypeField.occupancyTypeFieldId.toString();
modalElement.querySelector('#occupancyTypeFieldEdit--occupancyTypeField').value = (_a = occupancyTypeField.occupancyTypeField) !== null && _a !== void 0 ? _a : ''; modalElement.querySelector('#occupancyTypeFieldEdit--occupancyTypeField').value = occupancyTypeField.occupancyTypeField ?? '';
modalElement.querySelector('#occupancyTypeFieldEdit--isRequired').value = ((_b = occupancyTypeField.isRequired) !== null && _b !== void 0 ? _b : false) ? '1' : '0'; modalElement.querySelector('#occupancyTypeFieldEdit--isRequired').value = occupancyTypeField.isRequired ?? false ? '1' : '0';
minimumLengthElement = modalElement.querySelector('#occupancyTypeFieldEdit--minimumLength'); minimumLengthElement = modalElement.querySelector('#occupancyTypeFieldEdit--minimumLength');
minimumLengthElement.value = minimumLengthElement.value =
(_d = (_c = occupancyTypeField.minimumLength) === null || _c === void 0 ? void 0 : _c.toString()) !== null && _d !== void 0 ? _d : ''; occupancyTypeField.minimumLength?.toString() ?? '';
maximumLengthElement = modalElement.querySelector('#occupancyTypeFieldEdit--maximumLength'); maximumLengthElement = modalElement.querySelector('#occupancyTypeFieldEdit--maximumLength');
maximumLengthElement.value = maximumLengthElement.value =
(_f = (_e = occupancyTypeField.maximumLength) === null || _e === void 0 ? void 0 : _e.toString()) !== null && _f !== void 0 ? _f : ''; occupancyTypeField.maximumLength?.toString() ?? '';
patternElement = modalElement.querySelector('#occupancyTypeFieldEdit--pattern'); patternElement = modalElement.querySelector('#occupancyTypeFieldEdit--pattern');
patternElement.value = (_g = occupancyTypeField.pattern) !== null && _g !== void 0 ? _g : ''; patternElement.value = occupancyTypeField.pattern ?? '';
occupancyTypeFieldValuesElement = modalElement.querySelector('#occupancyTypeFieldEdit--occupancyTypeFieldValues'); occupancyTypeFieldValuesElement = modalElement.querySelector('#occupancyTypeFieldEdit--occupancyTypeFieldValues');
occupancyTypeFieldValuesElement.value = occupancyTypeFieldValuesElement.value =
(_h = occupancyTypeField.occupancyTypeFieldValues) !== null && _h !== void 0 ? _h : ''; occupancyTypeField.occupancyTypeFieldValues ?? '';
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();
(_a = modalElement.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doUpdate); modalElement.querySelector('form')?.addEventListener('submit', doUpdate);
minimumLengthElement.addEventListener('keyup', updateMaximumLengthMin); minimumLengthElement.addEventListener('keyup', updateMaximumLengthMin);
updateMaximumLengthMin(); updateMaximumLengthMin();
occupancyTypeFieldValuesElement.addEventListener('keyup', toggleInputFields); occupancyTypeFieldValuesElement.addEventListener('keyup', toggleInputFields);
(_b = modalElement modalElement
.querySelector('#button--deleteOccupancyTypeField')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', confirmDoDelete); .querySelector('#button--deleteOccupancyTypeField')
?.addEventListener('click', confirmDoDelete);
}, },
onremoved: () => { onremoved: () => {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
@ -253,10 +242,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function openEditOccupancyTypeFieldByClick(clickEvent) { function openEditOccupancyTypeFieldByClick(clickEvent) {
var _a, _b;
clickEvent.preventDefault(); clickEvent.preventDefault();
const occupancyTypeFieldId = Number.parseInt((_a = clickEvent.currentTarget.closest('.container--occupancyTypeField').dataset.occupancyTypeFieldId) !== null && _a !== void 0 ? _a : '', 10); const occupancyTypeFieldId = Number.parseInt(clickEvent.currentTarget.closest('.container--occupancyTypeField').dataset.occupancyTypeFieldId ?? '', 10);
const occupancyTypeId = Number.parseInt((_b = clickEvent.currentTarget.closest('.container--occupancyType').dataset.occupancyTypeId) !== null && _b !== void 0 ? _b : '', 10); const occupancyTypeId = Number.parseInt(clickEvent.currentTarget.closest('.container--occupancyType').dataset.occupancyTypeId ?? '', 10);
openEditOccupancyTypeField(occupancyTypeId, occupancyTypeFieldId); openEditOccupancyTypeField(occupancyTypeId, occupancyTypeFieldId);
} }
function moveOccupancyTypeField(clickEvent) { function moveOccupancyTypeField(clickEvent) {
@ -271,7 +259,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
}, occupancyTypeResponseHandler); }, occupancyTypeResponseHandler);
} }
function renderOccupancyTypeFields(panelElement, occupancyTypeId, occupancyTypeFields) { function renderOccupancyTypeFields(panelElement, occupancyTypeId, occupancyTypeFields) {
var _a, _b;
if (occupancyTypeFields.length === 0) { if (occupancyTypeFields.length === 0) {
// eslint-disable-next-line no-unsanitized/method // eslint-disable-next-line no-unsanitized/method
panelElement.insertAdjacentHTML('beforeend', `<div class="panel-block is-block ${!occupancyTypeId || expandedOccupancyTypes.has(occupancyTypeId) panelElement.insertAdjacentHTML('beforeend', `<div class="panel-block is-block ${!occupancyTypeId || expandedOccupancyTypes.has(occupancyTypeId)
@ -295,7 +282,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<a class="has-text-weight-bold button--editOccupancyTypeField" href="#"> <a class="has-text-weight-bold button--editOccupancyTypeField" href="#">
${cityssm.escapeHTML((_a = occupancyTypeField.occupancyTypeField) !== null && _a !== void 0 ? _a : '')} ${cityssm.escapeHTML(occupancyTypeField.occupancyTypeField ?? '')}
</a> </a>
</div> </div>
</div> </div>
@ -305,8 +292,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
</div> </div>
</div> </div>
</div>`; </div>`;
(_b = panelBlockElement panelBlockElement
.querySelector('.button--editOccupancyTypeField')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', openEditOccupancyTypeFieldByClick); .querySelector('.button--editOccupancyTypeField')
?.addEventListener('click', openEditOccupancyTypeFieldByClick);
panelBlockElement.querySelector('.button--moveOccupancyTypeFieldUp').addEventListener('click', moveOccupancyTypeField); panelBlockElement.querySelector('.button--moveOccupancyTypeFieldUp').addEventListener('click', moveOccupancyTypeField);
panelBlockElement.querySelector('.button--moveOccupancyTypeFieldDown').addEventListener('click', moveOccupancyTypeField); panelBlockElement.querySelector('.button--moveOccupancyTypeFieldDown').addEventListener('click', moveOccupancyTypeField);
panelElement.append(panelBlockElement); panelElement.append(panelBlockElement);
@ -314,8 +302,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
} }
function openAddOccupancyTypePrint(clickEvent) { function openAddOccupancyTypePrint(clickEvent) {
var _a; const occupancyTypeId = clickEvent.currentTarget.closest('.container--occupancyTypePrintList').dataset.occupancyTypeId ?? '';
const occupancyTypeId = (_a = clickEvent.currentTarget.closest('.container--occupancyTypePrintList').dataset.occupancyTypeId) !== null && _a !== void 0 ? _a : '';
let closeAddModalFunction; let closeAddModalFunction;
function doAdd(formEvent) { function doAdd(formEvent) {
formEvent.preventDefault(); formEvent.preventDefault();
@ -340,9 +327,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
var _a;
closeAddModalFunction = closeModalFunction; closeAddModalFunction = closeModalFunction;
(_a = modalElement.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doAdd); modalElement.querySelector('form')?.addEventListener('submit', doAdd);
} }
}); });
} }
@ -381,7 +367,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function renderOccupancyTypePrints(panelElement, occupancyTypeId, occupancyTypePrints) { function renderOccupancyTypePrints(panelElement, occupancyTypeId, occupancyTypePrints) {
var _a;
if (occupancyTypePrints.length === 0) { if (occupancyTypePrints.length === 0) {
panelElement.insertAdjacentHTML('beforeend', `<div class="panel-block is-block"> panelElement.insertAdjacentHTML('beforeend', `<div class="panel-block is-block">
<div class="message is-info"> <div class="message is-info">
@ -428,14 +413,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
</div>`; </div>`;
panelBlockElement.querySelector('.button--moveOccupancyTypePrintUp').addEventListener('click', moveOccupancyTypePrint); panelBlockElement.querySelector('.button--moveOccupancyTypePrintUp').addEventListener('click', moveOccupancyTypePrint);
panelBlockElement.querySelector('.button--moveOccupancyTypePrintDown').addEventListener('click', moveOccupancyTypePrint); panelBlockElement.querySelector('.button--moveOccupancyTypePrintDown').addEventListener('click', moveOccupancyTypePrint);
(_a = panelBlockElement panelBlockElement
.querySelector('.button--deleteOccupancyTypePrint')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', deleteOccupancyTypePrint); .querySelector('.button--deleteOccupancyTypePrint')
?.addEventListener('click', deleteOccupancyTypePrint);
panelElement.append(panelBlockElement); panelElement.append(panelBlockElement);
} }
} }
} }
function renderOccupancyTypes() { function renderOccupancyTypes() {
var _a, _b, _c, _d, _e, _f, _g, _h;
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
occupancyTypesContainerElement.innerHTML = `<div class="panel container--occupancyType" id="container--allOccupancyTypeFields" data-occupancy-type-id=""> occupancyTypesContainerElement.innerHTML = `<div class="panel container--occupancyType" id="container--allOccupancyTypeFields" data-occupancy-type-id="">
<div class="panel-heading"> <div class="panel-heading">
@ -458,8 +443,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
</div>`; </div>`;
occupancyTypePrintsContainerElement.innerHTML = ''; occupancyTypePrintsContainerElement.innerHTML = '';
renderOccupancyTypeFields(occupancyTypesContainerElement.querySelector('#container--allOccupancyTypeFields'), undefined, allOccupancyTypeFields); renderOccupancyTypeFields(occupancyTypesContainerElement.querySelector('#container--allOccupancyTypeFields'), undefined, allOccupancyTypeFields);
(_a = occupancyTypesContainerElement occupancyTypesContainerElement
.querySelector('.button--addOccupancyTypeField')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', openAddOccupancyTypeField); .querySelector('.button--addOccupancyTypeField')
?.addEventListener('click', openAddOccupancyTypeField);
if (occupancyTypes.length === 0) { if (occupancyTypes.length === 0) {
// eslint-disable-next-line no-unsanitized/method // eslint-disable-next-line no-unsanitized/method
occupancyTypesContainerElement.insertAdjacentHTML('afterbegin', `<div class="message is-warning> occupancyTypesContainerElement.insertAdjacentHTML('afterbegin', `<div class="message is-warning>
@ -519,15 +505,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
</div> </div>
</div> </div>
</div>`; </div>`;
renderOccupancyTypeFields(occupancyTypeContainer, occupancyType.occupancyTypeId, (_b = occupancyType.occupancyTypeFields) !== null && _b !== void 0 ? _b : []); renderOccupancyTypeFields(occupancyTypeContainer, occupancyType.occupancyTypeId, occupancyType.occupancyTypeFields ?? []);
(_c = occupancyTypeContainer occupancyTypeContainer
.querySelector('.button--toggleOccupancyTypeFields')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', toggleOccupancyTypeFields); .querySelector('.button--toggleOccupancyTypeFields')
(_d = occupancyTypeContainer ?.addEventListener('click', toggleOccupancyTypeFields);
.querySelector('.button--deleteOccupancyType')) === null || _d === void 0 ? void 0 : _d.addEventListener('click', deleteOccupancyType); occupancyTypeContainer
(_e = occupancyTypeContainer .querySelector('.button--deleteOccupancyType')
.querySelector('.button--editOccupancyType')) === null || _e === void 0 ? void 0 : _e.addEventListener('click', openEditOccupancyType); ?.addEventListener('click', deleteOccupancyType);
(_f = occupancyTypeContainer occupancyTypeContainer
.querySelector('.button--addOccupancyTypeField')) === null || _f === void 0 ? void 0 : _f.addEventListener('click', openAddOccupancyTypeField); .querySelector('.button--editOccupancyType')
?.addEventListener('click', openEditOccupancyType);
occupancyTypeContainer
.querySelector('.button--addOccupancyTypeField')
?.addEventListener('click', openAddOccupancyTypeField);
occupancyTypeContainer.querySelector('.button--moveOccupancyTypeUp').addEventListener('click', moveOccupancyType); occupancyTypeContainer.querySelector('.button--moveOccupancyTypeUp').addEventListener('click', moveOccupancyType);
occupancyTypeContainer.querySelector('.button--moveOccupancyTypeDown').addEventListener('click', moveOccupancyType); occupancyTypeContainer.querySelector('.button--moveOccupancyTypeDown').addEventListener('click', moveOccupancyType);
occupancyTypesContainerElement.append(occupancyTypeContainer); occupancyTypesContainerElement.append(occupancyTypeContainer);
@ -556,19 +546,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
</div> </div>
</div> </div>
</div>`; </div>`;
renderOccupancyTypePrints(occupancyTypePrintContainer, occupancyType.occupancyTypeId, (_g = occupancyType.occupancyTypePrints) !== null && _g !== void 0 ? _g : []); renderOccupancyTypePrints(occupancyTypePrintContainer, occupancyType.occupancyTypeId, occupancyType.occupancyTypePrints ?? []);
(_h = occupancyTypePrintContainer occupancyTypePrintContainer
.querySelector('.button--addOccupancyTypePrint')) === null || _h === void 0 ? void 0 : _h.addEventListener('click', openAddOccupancyTypePrint); .querySelector('.button--addOccupancyTypePrint')
?.addEventListener('click', openAddOccupancyTypePrint);
occupancyTypePrintsContainerElement.append(occupancyTypePrintContainer); occupancyTypePrintsContainerElement.append(occupancyTypePrintContainer);
} }
} }
(_a = document document
.querySelector('#button--addOccupancyType')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => { .querySelector('#button--addOccupancyType')
?.addEventListener('click', () => {
let addCloseModalFunction; let addCloseModalFunction;
function doAdd(submitEvent) { function doAdd(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/admin/doAddOccupancyType`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doAddOccupancyType`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
addCloseModalFunction(); addCloseModalFunction();
@ -578,7 +569,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Adding ${los.escapedAliases.Occupancy} Type`, title: `Error Adding ${los.escapedAliases.Occupancy} Type`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -589,10 +580,9 @@ 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('#occupancyTypeAdd--occupancyType').focus(); modalElement.querySelector('#occupancyTypeAdd--occupancyType').focus();
(_a = modalElement.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doAdd); modalElement.querySelector('form')?.addEventListener('submit', doAdd);
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
}, },
onremoved() { onremoved() {

2
public-typescript/adminOccupancyTypes.ts
View File

@ -711,7 +711,7 @@ type ResponseJSON =
const printTitle = const printTitle =
printEJS === '*' printEJS === '*'
? '(All Available Prints)' ? '(All Available Prints)'
: (exports.occupancyTypePrintTitles[printEJS] as string) : ((exports.occupancyTypePrintTitles as string[])[printEJS] as string)
let printIconClass = 'fa-star' let printIconClass = 'fa-star'

105
public-typescript/adminTables.js
View File

@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
const los = exports.los; const los = exports.los;
// eslint-disable-next-line @typescript-eslint/no-unused-vars // eslint-disable-next-line @typescript-eslint/no-unused-vars
function refreshFontAwesomeIcon(changeEvent) { function refreshFontAwesomeIcon(changeEvent) {
var _a;
const inputElement = changeEvent.currentTarget; const inputElement = changeEvent.currentTarget;
const fontAwesomeIconClass = inputElement.value; const fontAwesomeIconClass = inputElement.value;
((_a = inputElement.closest('.field')) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.button.is-static' (inputElement.closest('.field')?.querySelectorAll('.button.is-static'
// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
))[1].innerHTML = ))[1].innerHTML =
`<i class="fas fa-fw fa-${fontAwesomeIconClass}" aria-hidden="true"></i>`; `<i class="fas fa-fw fa-${fontAwesomeIconClass}" aria-hidden="true"></i>`;
@ -24,7 +23,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
function updateWorkOrderType(submitEvent) { function updateWorkOrderType(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateWorkOrderType`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateWorkOrderType`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderTypes = responseJSON.workOrderTypes; workOrderTypes = responseJSON.workOrderTypes;
@ -36,7 +34,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Updating Work Order Type', title: 'Error Updating Work Order Type',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -49,7 +47,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteWorkOrderType`, { cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteWorkOrderType`, {
workOrderTypeId workOrderTypeId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderTypes = responseJSON.workOrderTypes; workOrderTypes = responseJSON.workOrderTypes;
@ -67,7 +64,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Deleting Work Order Type', title: 'Error Deleting Work Order Type',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -95,7 +92,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
workOrderTypeId, workOrderTypeId,
moveToEnd: clickEvent.shiftKey ? '1' : '0' moveToEnd: clickEvent.shiftKey ? '1' : '0'
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderTypes = responseJSON.workOrderTypes; workOrderTypes = responseJSON.workOrderTypes;
@ -104,14 +100,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Moving Work Order Type', title: 'Error Moving Work Order Type',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
}); });
} }
function renderWorkOrderTypes() { function renderWorkOrderTypes() {
var _a, _b, _c;
const containerElement = document.querySelector('#container--workOrderTypes'); const containerElement = document.querySelector('#container--workOrderTypes');
if (workOrderTypes.length === 0) { if (workOrderTypes.length === 0) {
containerElement.innerHTML = `<tr><td colspan="2"> containerElement.innerHTML = `<tr><td colspan="2">
@ -131,7 +126,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
<div class="field has-addons"> <div class="field has-addons">
<div class="control"> <div class="control">
<input class="input" name="workOrderType" type="text" <input class="input" name="workOrderType" type="text"
value="${cityssm.escapeHTML((_a = workOrderType.workOrderType) !== null && _a !== void 0 ? _a : '')}" maxlength="100" aria-label="Work Order Type" required /> value="${cityssm.escapeHTML(workOrderType.workOrderType ?? '')}" maxlength="100" aria-label="Work Order Type" required />
</div> </div>
<div class="control"> <div class="control">
<button class="button is-success" type="submit" aria-label="Save"> <button class="button is-success" type="submit" aria-label="Save">
@ -152,12 +147,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
</div> </div>
</div> </div>
</td>`; </td>`;
(_b = tableRowElement tableRowElement
.querySelector('form')) === null || _b === void 0 ? void 0 : _b.addEventListener('submit', updateWorkOrderType); .querySelector('form')
?.addEventListener('submit', updateWorkOrderType);
tableRowElement.querySelector('.button--moveWorkOrderTypeUp').addEventListener('click', moveWorkOrderType); tableRowElement.querySelector('.button--moveWorkOrderTypeUp').addEventListener('click', moveWorkOrderType);
tableRowElement.querySelector('.button--moveWorkOrderTypeDown').addEventListener('click', moveWorkOrderType); tableRowElement.querySelector('.button--moveWorkOrderTypeDown').addEventListener('click', moveWorkOrderType);
(_c = tableRowElement tableRowElement
.querySelector('.button--deleteWorkOrderType')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', deleteWorkOrderType); .querySelector('.button--deleteWorkOrderType')
?.addEventListener('click', deleteWorkOrderType);
containerElement.append(tableRowElement); containerElement.append(tableRowElement);
} }
} }
@ -166,18 +163,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
submitEvent.preventDefault(); submitEvent.preventDefault();
const formElement = submitEvent.currentTarget; const formElement = submitEvent.currentTarget;
cityssm.postJSON(`${los.urlPrefix}/admin/doAddWorkOrderType`, formElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doAddWorkOrderType`, formElement, (rawResponseJSON) => {
var _a, _b;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderTypes = responseJSON.workOrderTypes; workOrderTypes = responseJSON.workOrderTypes;
renderWorkOrderTypes(); renderWorkOrderTypes();
formElement.reset(); formElement.reset();
(_a = formElement.querySelector('input')) === null || _a === void 0 ? void 0 : _a.focus(); formElement.querySelector('input')?.focus();
} }
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Adding Work Order Type', title: 'Error Adding Work Order Type',
message: (_b = responseJSON.errorMessage) !== null && _b !== void 0 ? _b : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -195,7 +191,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
function updateWorkOrderMilestoneType(submitEvent) { function updateWorkOrderMilestoneType(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateWorkOrderMilestoneType`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateWorkOrderMilestoneType`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes; workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes;
@ -207,7 +202,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Updating Work Order Milestone Type', title: 'Error Updating Work Order Milestone Type',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -220,7 +215,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteWorkOrderMilestoneType`, { cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteWorkOrderMilestoneType`, {
workOrderMilestoneTypeId workOrderMilestoneTypeId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes; workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes;
@ -238,7 +232,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Deleting Work Order Milestone Type', title: 'Error Deleting Work Order Milestone Type',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -266,7 +260,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
workOrderMilestoneTypeId, workOrderMilestoneTypeId,
moveToEnd: clickEvent.shiftKey ? '1' : '0' moveToEnd: clickEvent.shiftKey ? '1' : '0'
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes; workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes;
@ -275,14 +268,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Moving Work Order Milestone Type', title: 'Error Moving Work Order Milestone Type',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
}); });
} }
function renderWorkOrderMilestoneTypes() { function renderWorkOrderMilestoneTypes() {
var _a, _b;
const containerElement = document.querySelector('#container--workOrderMilestoneTypes'); const containerElement = document.querySelector('#container--workOrderMilestoneTypes');
if (workOrderMilestoneTypes.length === 0) { if (workOrderMilestoneTypes.length === 0) {
containerElement.innerHTML = `<tr><td colspan="2"> containerElement.innerHTML = `<tr><td colspan="2">
@ -323,12 +315,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
</div> </div>
</div> </div>
</td>`; </td>`;
(_a = tableRowElement tableRowElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', updateWorkOrderMilestoneType); .querySelector('form')
?.addEventListener('submit', updateWorkOrderMilestoneType);
tableRowElement.querySelector('.button--moveWorkOrderMilestoneTypeUp').addEventListener('click', moveWorkOrderMilestoneType); tableRowElement.querySelector('.button--moveWorkOrderMilestoneTypeUp').addEventListener('click', moveWorkOrderMilestoneType);
tableRowElement.querySelector('.button--moveWorkOrderMilestoneTypeDown').addEventListener('click', moveWorkOrderMilestoneType); tableRowElement.querySelector('.button--moveWorkOrderMilestoneTypeDown').addEventListener('click', moveWorkOrderMilestoneType);
(_b = tableRowElement tableRowElement
.querySelector('.button--deleteWorkOrderMilestoneType')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', deleteWorkOrderMilestoneType); .querySelector('.button--deleteWorkOrderMilestoneType')
?.addEventListener('click', deleteWorkOrderMilestoneType);
containerElement.append(tableRowElement); containerElement.append(tableRowElement);
} }
} }
@ -337,18 +331,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
submitEvent.preventDefault(); submitEvent.preventDefault();
const formElement = submitEvent.currentTarget; const formElement = submitEvent.currentTarget;
cityssm.postJSON(`${los.urlPrefix}/admin/doAddWorkOrderMilestoneType`, formElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doAddWorkOrderMilestoneType`, formElement, (rawResponseJSON) => {
var _a, _b;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes; workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes;
renderWorkOrderMilestoneTypes(); renderWorkOrderMilestoneTypes();
formElement.reset(); formElement.reset();
(_a = formElement.querySelector('input')) === null || _a === void 0 ? void 0 : _a.focus(); formElement.querySelector('input')?.focus();
} }
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Adding Work Order Milestone Type', title: 'Error Adding Work Order Milestone Type',
message: (_b = responseJSON.errorMessage) !== null && _b !== void 0 ? _b : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -365,7 +358,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
function updateLotStatus(submitEvent) { function updateLotStatus(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateLotStatus`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateLotStatus`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotStatuses = responseJSON.lotStatuses; lotStatuses = responseJSON.lotStatuses;
@ -377,7 +369,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Updating ${los.escapedAliases.Lot} Status`, title: `Error Updating ${los.escapedAliases.Lot} Status`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -390,7 +382,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteLotStatus`, { cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteLotStatus`, {
lotStatusId lotStatusId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotStatuses = responseJSON.lotStatuses; lotStatuses = responseJSON.lotStatuses;
@ -408,7 +399,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Deleting ${los.escapedAliases.Lot} Status`, title: `Error Deleting ${los.escapedAliases.Lot} Status`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -436,7 +427,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
lotStatusId, lotStatusId,
moveToEnd: clickEvent.shiftKey ? '1' : '0' moveToEnd: clickEvent.shiftKey ? '1' : '0'
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotStatuses = responseJSON.lotStatuses; lotStatuses = responseJSON.lotStatuses;
@ -445,14 +435,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Moving ${los.escapedAliases.Lot} Status`, title: `Error Moving ${los.escapedAliases.Lot} Status`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
}); });
} }
function renderLotStatuses() { function renderLotStatuses() {
var _a, _b;
const containerElement = document.querySelector('#container--lotStatuses'); const containerElement = document.querySelector('#container--lotStatuses');
if (lotStatuses.length === 0) { if (lotStatuses.length === 0) {
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
@ -494,12 +483,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
</div> </div>
</div> </div>
</td>`; </td>`;
(_a = tableRowElement tableRowElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', updateLotStatus); .querySelector('form')
?.addEventListener('submit', updateLotStatus);
tableRowElement.querySelector('.button--moveLotStatusUp').addEventListener('click', moveLotStatus); tableRowElement.querySelector('.button--moveLotStatusUp').addEventListener('click', moveLotStatus);
tableRowElement.querySelector('.button--moveLotStatusDown').addEventListener('click', moveLotStatus); tableRowElement.querySelector('.button--moveLotStatusDown').addEventListener('click', moveLotStatus);
(_b = tableRowElement tableRowElement
.querySelector('.button--deleteLotStatus')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', deleteLotStatus); .querySelector('.button--deleteLotStatus')
?.addEventListener('click', deleteLotStatus);
containerElement.append(tableRowElement); containerElement.append(tableRowElement);
} }
} }
@ -508,18 +499,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
submitEvent.preventDefault(); submitEvent.preventDefault();
const formElement = submitEvent.currentTarget; const formElement = submitEvent.currentTarget;
cityssm.postJSON(`${los.urlPrefix}/admin/doAddLotStatus`, formElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doAddLotStatus`, formElement, (rawResponseJSON) => {
var _a, _b;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotStatuses = responseJSON.lotStatuses; lotStatuses = responseJSON.lotStatuses;
renderLotStatuses(); renderLotStatuses();
formElement.reset(); formElement.reset();
(_a = formElement.querySelector('input')) === null || _a === void 0 ? void 0 : _a.focus(); formElement.querySelector('input')?.focus();
} }
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Adding ${los.escapedAliases.Lot} Status`, title: `Error Adding ${los.escapedAliases.Lot} Status`,
message: (_b = responseJSON.errorMessage) !== null && _b !== void 0 ? _b : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -537,7 +527,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
function updateLotOccupantType(submitEvent) { function updateLotOccupantType(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateLotOccupantType`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateLotOccupantType`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotOccupantTypes = responseJSON.lotOccupantTypes; lotOccupantTypes = responseJSON.lotOccupantTypes;
@ -549,7 +538,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Updating ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`, title: `Error Updating ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -562,7 +551,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteLotOccupantType`, { cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteLotOccupantType`, {
lotOccupantTypeId lotOccupantTypeId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotOccupantTypes = responseJSON.lotOccupantTypes; lotOccupantTypes = responseJSON.lotOccupantTypes;
@ -580,7 +568,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Deleting ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`, title: `Error Deleting ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -608,7 +596,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
lotOccupantTypeId, lotOccupantTypeId,
moveToEnd: clickEvent.shiftKey ? '1' : '0' moveToEnd: clickEvent.shiftKey ? '1' : '0'
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotOccupantTypes = responseJSON.lotOccupantTypes; lotOccupantTypes = responseJSON.lotOccupantTypes;
@ -617,14 +604,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Moving ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`, title: `Error Moving ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
}); });
} }
function renderLotOccupantTypes() { function renderLotOccupantTypes() {
var _a, _b;
const containerElement = document.querySelector('#container--lotOccupantTypes'); const containerElement = document.querySelector('#container--lotOccupantTypes');
if (lotOccupantTypes.length === 0) { if (lotOccupantTypes.length === 0) {
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
@ -703,12 +689,14 @@ 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);
(_a = tableRowElement tableRowElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', updateLotOccupantType); .querySelector('form')
?.addEventListener('submit', updateLotOccupantType);
tableRowElement.querySelector('.button--moveLotOccupantTypeUp').addEventListener('click', moveLotOccupantType); tableRowElement.querySelector('.button--moveLotOccupantTypeUp').addEventListener('click', moveLotOccupantType);
tableRowElement.querySelector('.button--moveLotOccupantTypeDown').addEventListener('click', moveLotOccupantType); tableRowElement.querySelector('.button--moveLotOccupantTypeDown').addEventListener('click', moveLotOccupantType);
(_b = tableRowElement tableRowElement
.querySelector('.button--deleteLotOccupantType')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', deleteLotOccupantType); .querySelector('.button--deleteLotOccupantType')
?.addEventListener('click', deleteLotOccupantType);
containerElement.append(tableRowElement); containerElement.append(tableRowElement);
} }
} }
@ -717,18 +705,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
submitEvent.preventDefault(); submitEvent.preventDefault();
const formElement = submitEvent.currentTarget; const formElement = submitEvent.currentTarget;
cityssm.postJSON(`${los.urlPrefix}/admin/doAddLotOccupantType`, formElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doAddLotOccupantType`, formElement, (rawResponseJSON) => {
var _a, _b;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotOccupantTypes = responseJSON.lotOccupantTypes; lotOccupantTypes = responseJSON.lotOccupantTypes;
renderLotOccupantTypes(); renderLotOccupantTypes();
formElement.reset(); formElement.reset();
(_a = formElement.querySelector('input')) === null || _a === void 0 ? void 0 : _a.focus(); formElement.querySelector('input')?.focus();
} }
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Adding ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`, title: `Error Adding ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`,
message: (_b = responseJSON.errorMessage) !== null && _b !== void 0 ? _b : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }

3
public-typescript/adminTables/adminTables.js
View File

@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
const los = exports.los; const los = exports.los;
// eslint-disable-next-line @typescript-eslint/no-unused-vars // eslint-disable-next-line @typescript-eslint/no-unused-vars
function refreshFontAwesomeIcon(changeEvent) { function refreshFontAwesomeIcon(changeEvent) {
var _a;
const inputElement = changeEvent.currentTarget; const inputElement = changeEvent.currentTarget;
const fontAwesomeIconClass = inputElement.value; const fontAwesomeIconClass = inputElement.value;
((_a = inputElement.closest('.field')) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.button.is-static' (inputElement.closest('.field')?.querySelectorAll('.button.is-static'
// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
))[1].innerHTML = ))[1].innerHTML =
`<i class="fas fa-fw fa-${fontAwesomeIconClass}" aria-hidden="true"></i>`; `<i class="fas fa-fw fa-${fontAwesomeIconClass}" aria-hidden="true"></i>`;

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

@ -7,7 +7,6 @@ delete exports.lotOccupantTypes;
function updateLotOccupantType(submitEvent) { function updateLotOccupantType(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateLotOccupantType`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateLotOccupantType`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotOccupantTypes = responseJSON.lotOccupantTypes; lotOccupantTypes = responseJSON.lotOccupantTypes;
@ -19,7 +18,7 @@ function updateLotOccupantType(submitEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Updating ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`, title: `Error Updating ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -32,7 +31,6 @@ function deleteLotOccupantType(clickEvent) {
cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteLotOccupantType`, { cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteLotOccupantType`, {
lotOccupantTypeId lotOccupantTypeId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotOccupantTypes = responseJSON.lotOccupantTypes; lotOccupantTypes = responseJSON.lotOccupantTypes;
@ -50,7 +48,7 @@ function deleteLotOccupantType(clickEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Deleting ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`, title: `Error Deleting ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -78,7 +76,6 @@ function moveLotOccupantType(clickEvent) {
lotOccupantTypeId, lotOccupantTypeId,
moveToEnd: clickEvent.shiftKey ? '1' : '0' moveToEnd: clickEvent.shiftKey ? '1' : '0'
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotOccupantTypes = responseJSON.lotOccupantTypes; lotOccupantTypes = responseJSON.lotOccupantTypes;
@ -87,14 +84,13 @@ function moveLotOccupantType(clickEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Moving ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`, title: `Error Moving ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
}); });
} }
function renderLotOccupantTypes() { function renderLotOccupantTypes() {
var _a, _b;
const containerElement = document.querySelector('#container--lotOccupantTypes'); const containerElement = document.querySelector('#container--lotOccupantTypes');
if (lotOccupantTypes.length === 0) { if (lotOccupantTypes.length === 0) {
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
@ -173,12 +169,14 @@ function 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);
(_a = tableRowElement tableRowElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', updateLotOccupantType); .querySelector('form')
?.addEventListener('submit', updateLotOccupantType);
tableRowElement.querySelector('.button--moveLotOccupantTypeUp').addEventListener('click', moveLotOccupantType); tableRowElement.querySelector('.button--moveLotOccupantTypeUp').addEventListener('click', moveLotOccupantType);
tableRowElement.querySelector('.button--moveLotOccupantTypeDown').addEventListener('click', moveLotOccupantType); tableRowElement.querySelector('.button--moveLotOccupantTypeDown').addEventListener('click', moveLotOccupantType);
(_b = tableRowElement tableRowElement
.querySelector('.button--deleteLotOccupantType')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', deleteLotOccupantType); .querySelector('.button--deleteLotOccupantType')
?.addEventListener('click', deleteLotOccupantType);
containerElement.append(tableRowElement); containerElement.append(tableRowElement);
} }
} }
@ -187,18 +185,17 @@ document.querySelector('#form--addLotOccupantType').addEventListener('submit', (
submitEvent.preventDefault(); submitEvent.preventDefault();
const formElement = submitEvent.currentTarget; const formElement = submitEvent.currentTarget;
cityssm.postJSON(`${los.urlPrefix}/admin/doAddLotOccupantType`, formElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doAddLotOccupantType`, formElement, (rawResponseJSON) => {
var _a, _b;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotOccupantTypes = responseJSON.lotOccupantTypes; lotOccupantTypes = responseJSON.lotOccupantTypes;
renderLotOccupantTypes(); renderLotOccupantTypes();
formElement.reset(); formElement.reset();
(_a = formElement.querySelector('input')) === null || _a === void 0 ? void 0 : _a.focus(); formElement.querySelector('input')?.focus();
} }
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Adding ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`, title: `Error Adding ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`,
message: (_b = responseJSON.errorMessage) !== null && _b !== void 0 ? _b : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }

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

@ -7,7 +7,6 @@ delete exports.lotStatuses;
function updateLotStatus(submitEvent) { function updateLotStatus(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateLotStatus`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateLotStatus`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotStatuses = responseJSON.lotStatuses; lotStatuses = responseJSON.lotStatuses;
@ -19,7 +18,7 @@ function updateLotStatus(submitEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Updating ${los.escapedAliases.Lot} Status`, title: `Error Updating ${los.escapedAliases.Lot} Status`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -32,7 +31,6 @@ function deleteLotStatus(clickEvent) {
cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteLotStatus`, { cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteLotStatus`, {
lotStatusId lotStatusId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotStatuses = responseJSON.lotStatuses; lotStatuses = responseJSON.lotStatuses;
@ -50,7 +48,7 @@ function deleteLotStatus(clickEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Deleting ${los.escapedAliases.Lot} Status`, title: `Error Deleting ${los.escapedAliases.Lot} Status`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -78,7 +76,6 @@ function moveLotStatus(clickEvent) {
lotStatusId, lotStatusId,
moveToEnd: clickEvent.shiftKey ? '1' : '0' moveToEnd: clickEvent.shiftKey ? '1' : '0'
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotStatuses = responseJSON.lotStatuses; lotStatuses = responseJSON.lotStatuses;
@ -87,14 +84,13 @@ function moveLotStatus(clickEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Moving ${los.escapedAliases.Lot} Status`, title: `Error Moving ${los.escapedAliases.Lot} Status`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
}); });
} }
function renderLotStatuses() { function renderLotStatuses() {
var _a, _b;
const containerElement = document.querySelector('#container--lotStatuses'); const containerElement = document.querySelector('#container--lotStatuses');
if (lotStatuses.length === 0) { if (lotStatuses.length === 0) {
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
@ -136,12 +132,14 @@ function renderLotStatuses() {
</div> </div>
</div> </div>
</td>`; </td>`;
(_a = tableRowElement tableRowElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', updateLotStatus); .querySelector('form')
?.addEventListener('submit', updateLotStatus);
tableRowElement.querySelector('.button--moveLotStatusUp').addEventListener('click', moveLotStatus); tableRowElement.querySelector('.button--moveLotStatusUp').addEventListener('click', moveLotStatus);
tableRowElement.querySelector('.button--moveLotStatusDown').addEventListener('click', moveLotStatus); tableRowElement.querySelector('.button--moveLotStatusDown').addEventListener('click', moveLotStatus);
(_b = tableRowElement tableRowElement
.querySelector('.button--deleteLotStatus')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', deleteLotStatus); .querySelector('.button--deleteLotStatus')
?.addEventListener('click', deleteLotStatus);
containerElement.append(tableRowElement); containerElement.append(tableRowElement);
} }
} }
@ -150,18 +148,17 @@ document.querySelector('#form--addLotStatus').addEventListener('submit', (submit
submitEvent.preventDefault(); submitEvent.preventDefault();
const formElement = submitEvent.currentTarget; const formElement = submitEvent.currentTarget;
cityssm.postJSON(`${los.urlPrefix}/admin/doAddLotStatus`, formElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doAddLotStatus`, formElement, (rawResponseJSON) => {
var _a, _b;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotStatuses = responseJSON.lotStatuses; lotStatuses = responseJSON.lotStatuses;
renderLotStatuses(); renderLotStatuses();
formElement.reset(); formElement.reset();
(_a = formElement.querySelector('input')) === null || _a === void 0 ? void 0 : _a.focus(); formElement.querySelector('input')?.focus();
} }
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Adding ${los.escapedAliases.Lot} Status`, title: `Error Adding ${los.escapedAliases.Lot} Status`,
message: (_b = responseJSON.errorMessage) !== null && _b !== void 0 ? _b : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }

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

@ -7,7 +7,6 @@ delete exports.workOrderMilestoneTypes;
function updateWorkOrderMilestoneType(submitEvent) { function updateWorkOrderMilestoneType(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateWorkOrderMilestoneType`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateWorkOrderMilestoneType`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes; workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes;
@ -19,7 +18,7 @@ function updateWorkOrderMilestoneType(submitEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Updating Work Order Milestone Type', title: 'Error Updating Work Order Milestone Type',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -32,7 +31,6 @@ function deleteWorkOrderMilestoneType(clickEvent) {
cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteWorkOrderMilestoneType`, { cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteWorkOrderMilestoneType`, {
workOrderMilestoneTypeId workOrderMilestoneTypeId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes; workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes;
@ -50,7 +48,7 @@ function deleteWorkOrderMilestoneType(clickEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Deleting Work Order Milestone Type', title: 'Error Deleting Work Order Milestone Type',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -78,7 +76,6 @@ function moveWorkOrderMilestoneType(clickEvent) {
workOrderMilestoneTypeId, workOrderMilestoneTypeId,
moveToEnd: clickEvent.shiftKey ? '1' : '0' moveToEnd: clickEvent.shiftKey ? '1' : '0'
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes; workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes;
@ -87,14 +84,13 @@ function moveWorkOrderMilestoneType(clickEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Moving Work Order Milestone Type', title: 'Error Moving Work Order Milestone Type',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
}); });
} }
function renderWorkOrderMilestoneTypes() { function renderWorkOrderMilestoneTypes() {
var _a, _b;
const containerElement = document.querySelector('#container--workOrderMilestoneTypes'); const containerElement = document.querySelector('#container--workOrderMilestoneTypes');
if (workOrderMilestoneTypes.length === 0) { if (workOrderMilestoneTypes.length === 0) {
containerElement.innerHTML = `<tr><td colspan="2"> containerElement.innerHTML = `<tr><td colspan="2">
@ -135,12 +131,14 @@ function renderWorkOrderMilestoneTypes() {
</div> </div>
</div> </div>
</td>`; </td>`;
(_a = tableRowElement tableRowElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', updateWorkOrderMilestoneType); .querySelector('form')
?.addEventListener('submit', updateWorkOrderMilestoneType);
tableRowElement.querySelector('.button--moveWorkOrderMilestoneTypeUp').addEventListener('click', moveWorkOrderMilestoneType); tableRowElement.querySelector('.button--moveWorkOrderMilestoneTypeUp').addEventListener('click', moveWorkOrderMilestoneType);
tableRowElement.querySelector('.button--moveWorkOrderMilestoneTypeDown').addEventListener('click', moveWorkOrderMilestoneType); tableRowElement.querySelector('.button--moveWorkOrderMilestoneTypeDown').addEventListener('click', moveWorkOrderMilestoneType);
(_b = tableRowElement tableRowElement
.querySelector('.button--deleteWorkOrderMilestoneType')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', deleteWorkOrderMilestoneType); .querySelector('.button--deleteWorkOrderMilestoneType')
?.addEventListener('click', deleteWorkOrderMilestoneType);
containerElement.append(tableRowElement); containerElement.append(tableRowElement);
} }
} }
@ -149,18 +147,17 @@ document.querySelector('#form--addWorkOrderMilestoneType').addEventListener('sub
submitEvent.preventDefault(); submitEvent.preventDefault();
const formElement = submitEvent.currentTarget; const formElement = submitEvent.currentTarget;
cityssm.postJSON(`${los.urlPrefix}/admin/doAddWorkOrderMilestoneType`, formElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doAddWorkOrderMilestoneType`, formElement, (rawResponseJSON) => {
var _a, _b;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes; workOrderMilestoneTypes = responseJSON.workOrderMilestoneTypes;
renderWorkOrderMilestoneTypes(); renderWorkOrderMilestoneTypes();
formElement.reset(); formElement.reset();
(_a = formElement.querySelector('input')) === null || _a === void 0 ? void 0 : _a.focus(); formElement.querySelector('input')?.focus();
} }
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Adding Work Order Milestone Type', title: 'Error Adding Work Order Milestone Type',
message: (_b = responseJSON.errorMessage) !== null && _b !== void 0 ? _b : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }

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

@ -7,7 +7,6 @@ delete exports.workOrderTypes;
function updateWorkOrderType(submitEvent) { function updateWorkOrderType(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateWorkOrderType`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doUpdateWorkOrderType`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderTypes = responseJSON.workOrderTypes; workOrderTypes = responseJSON.workOrderTypes;
@ -19,7 +18,7 @@ function updateWorkOrderType(submitEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Updating Work Order Type', title: 'Error Updating Work Order Type',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -32,7 +31,6 @@ function deleteWorkOrderType(clickEvent) {
cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteWorkOrderType`, { cityssm.postJSON(`${los.urlPrefix}/admin/doDeleteWorkOrderType`, {
workOrderTypeId workOrderTypeId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderTypes = responseJSON.workOrderTypes; workOrderTypes = responseJSON.workOrderTypes;
@ -50,7 +48,7 @@ function deleteWorkOrderType(clickEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Deleting Work Order Type', title: 'Error Deleting Work Order Type',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -78,7 +76,6 @@ function moveWorkOrderType(clickEvent) {
workOrderTypeId, workOrderTypeId,
moveToEnd: clickEvent.shiftKey ? '1' : '0' moveToEnd: clickEvent.shiftKey ? '1' : '0'
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderTypes = responseJSON.workOrderTypes; workOrderTypes = responseJSON.workOrderTypes;
@ -87,14 +84,13 @@ function moveWorkOrderType(clickEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Moving Work Order Type', title: 'Error Moving Work Order Type',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
}); });
} }
function renderWorkOrderTypes() { function renderWorkOrderTypes() {
var _a, _b, _c;
const containerElement = document.querySelector('#container--workOrderTypes'); const containerElement = document.querySelector('#container--workOrderTypes');
if (workOrderTypes.length === 0) { if (workOrderTypes.length === 0) {
containerElement.innerHTML = `<tr><td colspan="2"> containerElement.innerHTML = `<tr><td colspan="2">
@ -114,7 +110,7 @@ function renderWorkOrderTypes() {
<div class="field has-addons"> <div class="field has-addons">
<div class="control"> <div class="control">
<input class="input" name="workOrderType" type="text" <input class="input" name="workOrderType" type="text"
value="${cityssm.escapeHTML((_a = workOrderType.workOrderType) !== null && _a !== void 0 ? _a : '')}" maxlength="100" aria-label="Work Order Type" required /> value="${cityssm.escapeHTML(workOrderType.workOrderType ?? '')}" maxlength="100" aria-label="Work Order Type" required />
</div> </div>
<div class="control"> <div class="control">
<button class="button is-success" type="submit" aria-label="Save"> <button class="button is-success" type="submit" aria-label="Save">
@ -135,12 +131,14 @@ function renderWorkOrderTypes() {
</div> </div>
</div> </div>
</td>`; </td>`;
(_b = tableRowElement tableRowElement
.querySelector('form')) === null || _b === void 0 ? void 0 : _b.addEventListener('submit', updateWorkOrderType); .querySelector('form')
?.addEventListener('submit', updateWorkOrderType);
tableRowElement.querySelector('.button--moveWorkOrderTypeUp').addEventListener('click', moveWorkOrderType); tableRowElement.querySelector('.button--moveWorkOrderTypeUp').addEventListener('click', moveWorkOrderType);
tableRowElement.querySelector('.button--moveWorkOrderTypeDown').addEventListener('click', moveWorkOrderType); tableRowElement.querySelector('.button--moveWorkOrderTypeDown').addEventListener('click', moveWorkOrderType);
(_c = tableRowElement tableRowElement
.querySelector('.button--deleteWorkOrderType')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', deleteWorkOrderType); .querySelector('.button--deleteWorkOrderType')
?.addEventListener('click', deleteWorkOrderType);
containerElement.append(tableRowElement); containerElement.append(tableRowElement);
} }
} }
@ -149,18 +147,17 @@ document.querySelector('#form--addWorkOrderType').addEventListener('submit', (su
submitEvent.preventDefault(); submitEvent.preventDefault();
const formElement = submitEvent.currentTarget; const formElement = submitEvent.currentTarget;
cityssm.postJSON(`${los.urlPrefix}/admin/doAddWorkOrderType`, formElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/admin/doAddWorkOrderType`, formElement, (rawResponseJSON) => {
var _a, _b;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderTypes = responseJSON.workOrderTypes; workOrderTypes = responseJSON.workOrderTypes;
renderWorkOrderTypes(); renderWorkOrderTypes();
formElement.reset(); formElement.reset();
(_a = formElement.querySelector('input')) === null || _a === void 0 ? void 0 : _a.focus(); formElement.querySelector('input')?.focus();
} }
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Adding Work Order Type', title: 'Error Adding Work Order Type',
message: (_b = responseJSON.errorMessage) !== null && _b !== void 0 ? _b : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }

3
public-typescript/dashboard.js
View File

@ -3,10 +3,9 @@
/* eslint-disable unicorn/prefer-module */ /* 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 workOrderNumberCircleElements = document.querySelectorAll('.fa-circle[data-work-order-number]'); const workOrderNumberCircleElements = document.querySelectorAll('.fa-circle[data-work-order-number]');
for (const workOrderNumberCircleElement of workOrderNumberCircleElements) { for (const workOrderNumberCircleElement of workOrderNumberCircleElements) {
workOrderNumberCircleElement.style.color = los.getRandomColor((_a = workOrderNumberCircleElement.dataset.workOrderNumber) !== null && _a !== void 0 ? _a : ''); workOrderNumberCircleElement.style.color = los.getRandomColor(workOrderNumberCircleElement.dataset.workOrderNumber ?? '');
} }
})(); })();

84
public-typescript/lotEdit.js
View File

@ -3,7 +3,6 @@
/* eslint-disable unicorn/prefer-module */ /* eslint-disable unicorn/prefer-module */
Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "__esModule", { value: true });
(() => { (() => {
var _a, _b;
const los = exports.los; const los = exports.los;
const lotId = document.querySelector('#lot--lotId') const lotId = document.querySelector('#lot--lotId')
.value; .value;
@ -11,22 +10,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
// Main form // Main form
let refreshAfterSave = isCreate; let refreshAfterSave = isCreate;
function setUnsavedChanges() { function setUnsavedChanges() {
var _a;
los.setUnsavedChanges(); los.setUnsavedChanges();
(_a = document document
.querySelector("button[type='submit'][form='form--lot']")) === null || _a === void 0 ? void 0 : _a.classList.remove('is-light'); .querySelector("button[type='submit'][form='form--lot']")
?.classList.remove('is-light');
} }
function clearUnsavedChanges() { function clearUnsavedChanges() {
var _a;
los.clearUnsavedChanges(); los.clearUnsavedChanges();
(_a = document document
.querySelector("button[type='submit'][form='form--lot']")) === null || _a === void 0 ? void 0 : _a.classList.add('is-light'); .querySelector("button[type='submit'][form='form--lot']")
?.classList.add('is-light');
} }
const formElement = document.querySelector('#form--lot'); const formElement = document.querySelector('#form--lot');
function updateLot(formEvent) { function updateLot(formEvent) {
formEvent.preventDefault(); formEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/lots/${isCreate ? 'doCreateLot' : 'doUpdateLot'}`, formElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/lots/${isCreate ? 'doCreateLot' : 'doUpdateLot'}`, formElement, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
clearUnsavedChanges(); clearUnsavedChanges();
@ -43,7 +41,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Updating ${los.escapedAliases.Lot}`, title: `Error Updating ${los.escapedAliases.Lot}`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -55,14 +53,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
formInputElement.addEventListener('change', setUnsavedChanges); formInputElement.addEventListener('change', setUnsavedChanges);
} }
los.initializeUnlockFieldButtons(formElement); los.initializeUnlockFieldButtons(formElement);
(_a = document document
.querySelector('#button--deleteLot')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', (clickEvent) => { .querySelector('#button--deleteLot')
?.addEventListener('click', (clickEvent) => {
clickEvent.preventDefault(); clickEvent.preventDefault();
function doDelete() { function doDelete() {
cityssm.postJSON(`${los.urlPrefix}/lots/doDeleteLot`, { cityssm.postJSON(`${los.urlPrefix}/lots/doDeleteLot`, {
lotId lotId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
clearUnsavedChanges(); clearUnsavedChanges();
@ -71,7 +69,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Deleting ${los.escapedAliases.Lot}`, title: `Error Deleting ${los.escapedAliases.Lot}`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -102,7 +100,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
cityssm.postJSON(`${los.urlPrefix}/lots/doGetLotTypeFields`, { cityssm.postJSON(`${los.urlPrefix}/lots/doGetLotTypeFields`, {
lotTypeId: lotTypeIdElement.value lotTypeId: lotTypeIdElement.value
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a, _b, _c;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.lotTypeFields.length === 0) { if (responseJSON.lotTypeFields.length === 0) {
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
@ -134,10 +131,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
inputElement.required = lotTypeField.isRequired; inputElement.required = lotTypeField.isRequired;
inputElement.minLength = lotTypeField.minimumLength; inputElement.minLength = lotTypeField.minimumLength;
inputElement.maxLength = lotTypeField.maximumLength; inputElement.maxLength = lotTypeField.maximumLength;
if (((_a = lotTypeField.pattern) !== null && _a !== void 0 ? _a : '') !== '') { if ((lotTypeField.pattern ?? '') !== '') {
inputElement.pattern = (_b = lotTypeField.pattern) !== null && _b !== void 0 ? _b : ''; inputElement.pattern = lotTypeField.pattern ?? '';
} }
(_c = fieldElement.querySelector('.control')) === null || _c === void 0 ? void 0 : _c.append(inputElement); fieldElement.querySelector('.control')?.append(inputElement);
} }
else { else {
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
@ -191,8 +188,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
let lotComments = exports.lotComments; let lotComments = exports.lotComments;
delete exports.lotComments; delete exports.lotComments;
function openEditLotComment(clickEvent) { function openEditLotComment(clickEvent) {
var _a, _b; const lotCommentId = Number.parseInt(clickEvent.currentTarget.closest('tr')?.dataset
const lotCommentId = Number.parseInt((_b = (_a = clickEvent.currentTarget.closest('tr')) === null || _a === void 0 ? void 0 : _a.dataset.lotCommentId) !== null && _b !== void 0 ? _b : '', 10); .lotCommentId ?? '', 10);
const lotComment = lotComments.find((currentLotComment) => { const lotComment = lotComments.find((currentLotComment) => {
return currentLotComment.lotCommentId === lotCommentId; return currentLotComment.lotCommentId === lotCommentId;
}); });
@ -201,7 +198,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
function editComment(submitEvent) { function editComment(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/lots/doUpdateLotComment`, editFormElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/lots/doUpdateLotComment`, editFormElement, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotComments = responseJSON.lotComments; lotComments = responseJSON.lotComments;
@ -211,7 +207,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Updating Comment', title: 'Error Updating Comment',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -219,20 +215,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
cityssm.openHtmlModal('lot-editComment', { cityssm.openHtmlModal('lot-editComment', {
onshow(modalElement) { onshow(modalElement) {
var _a, _b, _c, _d;
los.populateAliases(modalElement); los.populateAliases(modalElement);
modalElement.querySelector('#lotCommentEdit--lotId').value = lotId; modalElement.querySelector('#lotCommentEdit--lotId').value = lotId;
modalElement.querySelector('#lotCommentEdit--lotCommentId').value = lotCommentId.toString(); modalElement.querySelector('#lotCommentEdit--lotCommentId').value = lotCommentId.toString();
modalElement.querySelector('#lotCommentEdit--lotComment').value = (_a = lotComment.lotComment) !== null && _a !== void 0 ? _a : ''; modalElement.querySelector('#lotCommentEdit--lotComment').value = lotComment.lotComment ?? '';
const lotCommentDateStringElement = modalElement.querySelector('#lotCommentEdit--lotCommentDateString'); const lotCommentDateStringElement = modalElement.querySelector('#lotCommentEdit--lotCommentDateString');
lotCommentDateStringElement.value = lotCommentDateStringElement.value =
(_b = lotComment.lotCommentDateString) !== null && _b !== void 0 ? _b : ''; lotComment.lotCommentDateString ?? '';
const currentDateString = cityssm.dateToString(new Date()); const currentDateString = cityssm.dateToString(new Date());
lotCommentDateStringElement.max = lotCommentDateStringElement.max =
lotComment.lotCommentDateString <= currentDateString lotComment.lotCommentDateString <= currentDateString
? currentDateString ? currentDateString
: (_c = lotComment.lotCommentDateString) !== null && _c !== void 0 ? _c : ''; : lotComment.lotCommentDateString ?? '';
modalElement.querySelector('#lotCommentEdit--lotCommentTimeString').value = (_d = lotComment.lotCommentTimeString) !== null && _d !== void 0 ? _d : ''; modalElement.querySelector('#lotCommentEdit--lotCommentTimeString').value = lotComment.lotCommentTimeString ?? '';
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
@ -248,14 +243,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function deleteLotComment(clickEvent) { function deleteLotComment(clickEvent) {
var _a, _b; const lotCommentId = Number.parseInt(clickEvent.currentTarget.closest('tr')?.dataset
const lotCommentId = Number.parseInt((_b = (_a = clickEvent.currentTarget.closest('tr')) === null || _a === void 0 ? void 0 : _a.dataset.lotCommentId) !== null && _b !== void 0 ? _b : '', 10); .lotCommentId ?? '', 10);
function doDelete() { function doDelete() {
cityssm.postJSON(`${los.urlPrefix}/lots/doDeleteLotComment`, { cityssm.postJSON(`${los.urlPrefix}/lots/doDeleteLotComment`, {
lotId, lotId,
lotCommentId lotCommentId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotComments = responseJSON.lotComments; lotComments = responseJSON.lotComments;
@ -264,7 +258,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Removing Comment', title: 'Error Removing Comment',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -281,7 +275,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function renderLotComments() { function renderLotComments() {
var _a, _b, _c, _d, _e, _f;
const containerElement = document.querySelector('#container--lotComments'); const containerElement = document.querySelector('#container--lotComments');
if (lotComments.length === 0) { if (lotComments.length === 0) {
containerElement.innerHTML = `<div class="message is-info"> containerElement.innerHTML = `<div class="message is-info">
@ -300,17 +293,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
<tbody></tbody>`; <tbody></tbody>`;
for (const lotComment of lotComments) { for (const lotComment of lotComments) {
const tableRowElement = document.createElement('tr'); const tableRowElement = document.createElement('tr');
tableRowElement.dataset.lotCommentId = (_a = lotComment.lotCommentId) === null || _a === void 0 ? void 0 : _a.toString(); tableRowElement.dataset.lotCommentId = lotComment.lotCommentId?.toString();
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
tableRowElement.innerHTML = `<td> tableRowElement.innerHTML = `<td>
${cityssm.escapeHTML((_b = lotComment.recordCreate_userName) !== null && _b !== void 0 ? _b : '')} ${cityssm.escapeHTML(lotComment.recordCreate_userName ?? '')}
</td><td> </td><td>
${lotComment.lotCommentDateString} ${lotComment.lotCommentDateString}
${lotComment.lotCommentTime === 0 ${lotComment.lotCommentTime === 0
? '' ? ''
: ` ${lotComment.lotCommentTimePeriodString}`} : ` ${lotComment.lotCommentTimePeriodString}`}
</td><td> </td><td>
${cityssm.escapeHTML((_c = lotComment.lotComment) !== null && _c !== void 0 ? _c : '')} ${cityssm.escapeHTML(lotComment.lotComment ?? '')}
</td><td class="is-hidden-print"> </td><td class="is-hidden-print">
<div class="buttons are-small is-justify-content-end"> <div class="buttons are-small is-justify-content-end">
<button class="button is-primary button--edit" type="button"> <button class="button is-primary button--edit" type="button">
@ -322,11 +315,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
</button> </button>
</div> </div>
</td>`; </td>`;
(_d = tableRowElement tableRowElement
.querySelector('.button--edit')) === null || _d === void 0 ? void 0 : _d.addEventListener('click', openEditLotComment); .querySelector('.button--edit')
(_e = tableRowElement ?.addEventListener('click', openEditLotComment);
.querySelector('.button--delete')) === null || _e === void 0 ? void 0 : _e.addEventListener('click', deleteLotComment); tableRowElement
(_f = tableElement.querySelector('tbody')) === null || _f === void 0 ? void 0 : _f.append(tableRowElement); .querySelector('.button--delete')
?.addEventListener('click', deleteLotComment);
tableElement.querySelector('tbody')?.append(tableRowElement);
} }
containerElement.innerHTML = ''; containerElement.innerHTML = '';
containerElement.append(tableElement); containerElement.append(tableElement);
@ -346,11 +341,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
cityssm.openHtmlModal('lot-addComment', { cityssm.openHtmlModal('lot-addComment', {
onshow(modalElement) { onshow(modalElement) {
var _a;
los.populateAliases(modalElement); los.populateAliases(modalElement);
modalElement.querySelector('#lotCommentAdd--lotId').value = lotId; modalElement.querySelector('#lotCommentAdd--lotId').value = lotId;
(_a = modalElement modalElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doAddComment); .querySelector('form')
?.addEventListener('submit', doAddComment);
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
@ -364,8 +359,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
if (!isCreate) { if (!isCreate) {
(_b = document document
.querySelector('#lotComments--add')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', openAddCommentModal); .querySelector('#lotComments--add')
?.addEventListener('click', openAddCommentModal);
renderLotComments(); renderLotComments();
} }
})(); })();

450
public-typescript/lotOccupancyEdit.js
View File

File diff suppressed because it is too large Load Diff

82
public-typescript/lotOccupancyEdit/lotOccupancyEdit.js
View File

@ -3,7 +3,6 @@
/* eslint-disable unicorn/prefer-module */ /* eslint-disable unicorn/prefer-module */
Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "__esModule", { value: true });
(() => { (() => {
var _a, _b, _c, _d, _e, _f;
const los = exports.los; const los = exports.los;
const lotOccupancyId = document.querySelector('#lotOccupancy--lotOccupancyId').value; const lotOccupancyId = document.querySelector('#lotOccupancy--lotOccupancyId').value;
const isCreate = lotOccupancyId === ''; const isCreate = lotOccupancyId === '';
@ -12,22 +11,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
*/ */
let refreshAfterSave = isCreate; let refreshAfterSave = isCreate;
function setUnsavedChanges() { function setUnsavedChanges() {
var _a;
los.setUnsavedChanges(); los.setUnsavedChanges();
(_a = document document
.querySelector("button[type='submit'][form='form--lotOccupancy']")) === null || _a === void 0 ? void 0 : _a.classList.remove('is-light'); .querySelector("button[type='submit'][form='form--lotOccupancy']")
?.classList.remove('is-light');
} }
function clearUnsavedChanges() { function clearUnsavedChanges() {
var _a;
los.clearUnsavedChanges(); los.clearUnsavedChanges();
(_a = document document
.querySelector("button[type='submit'][form='form--lotOccupancy']")) === null || _a === void 0 ? void 0 : _a.classList.add('is-light'); .querySelector("button[type='submit'][form='form--lotOccupancy']")
?.classList.add('is-light');
} }
const formElement = document.querySelector('#form--lotOccupancy'); const formElement = document.querySelector('#form--lotOccupancy');
formElement.addEventListener('submit', (formEvent) => { formElement.addEventListener('submit', (formEvent) => {
formEvent.preventDefault(); formEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/${isCreate ? 'doCreateLotOccupancy' : 'doUpdateLotOccupancy'}`, formElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/${isCreate ? 'doCreateLotOccupancy' : 'doUpdateLotOccupancy'}`, formElement, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
clearUnsavedChanges(); clearUnsavedChanges();
@ -44,7 +42,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Saving ${los.escapedAliases.Occupancy}`, title: `Error Saving ${los.escapedAliases.Occupancy}`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -58,7 +56,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doCopyLotOccupancy`, { cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doCopyLotOccupancy`, {
lotOccupancyId lotOccupancyId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
clearUnsavedChanges(); clearUnsavedChanges();
@ -67,14 +64,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Copying Record', title: 'Error Copying Record',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
}); });
} }
(_a = document document
.querySelector('#button--copyLotOccupancy')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', (clickEvent) => { .querySelector('#button--copyLotOccupancy')
?.addEventListener('click', (clickEvent) => {
clickEvent.preventDefault(); clickEvent.preventDefault();
if (los.hasUnsavedChanges()) { if (los.hasUnsavedChanges()) {
bulmaJS.alert({ bulmaJS.alert({
@ -95,14 +93,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
}); });
(_b = document document
.querySelector('#button--deleteLotOccupancy')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', (clickEvent) => { .querySelector('#button--deleteLotOccupancy')
?.addEventListener('click', (clickEvent) => {
clickEvent.preventDefault(); clickEvent.preventDefault();
function doDelete() { function doDelete() {
cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doDeleteLotOccupancy`, { cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doDeleteLotOccupancy`, {
lotOccupancyId lotOccupancyId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
clearUnsavedChanges(); clearUnsavedChanges();
@ -111,7 +109,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Deleting Record', title: 'Error Deleting Record',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -127,8 +125,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
}); });
}); });
(_c = document document
.querySelector('#button--createWorkOrder')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', (clickEvent) => { .querySelector('#button--createWorkOrder')
?.addEventListener('click', (clickEvent) => {
clickEvent.preventDefault(); clickEvent.preventDefault();
let createCloseModalFunction; let createCloseModalFunction;
function doCreate(formEvent) { function doCreate(formEvent) {
@ -160,7 +159,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
cityssm.openHtmlModal('lotOccupancy-createWorkOrder', { cityssm.openHtmlModal('lotOccupancy-createWorkOrder', {
onshow(modalElement) { onshow(modalElement) {
var _a;
; ;
modalElement.querySelector('#workOrderCreate--lotOccupancyId').value = lotOccupancyId; modalElement.querySelector('#workOrderCreate--lotOccupancyId').value = lotOccupancyId;
modalElement.querySelector('#workOrderCreate--workOrderOpenDateString').value = cityssm.dateToString(new Date()); modalElement.querySelector('#workOrderCreate--workOrderOpenDateString').value = cityssm.dateToString(new Date());
@ -173,17 +171,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
for (const workOrderType of workOrderTypes) { for (const workOrderType of workOrderTypes) {
const optionElement = document.createElement('option'); const optionElement = document.createElement('option');
optionElement.value = workOrderType.workOrderTypeId.toString(); optionElement.value = workOrderType.workOrderTypeId.toString();
optionElement.textContent = (_a = workOrderType.workOrderType) !== null && _a !== void 0 ? _a : ''; optionElement.textContent = workOrderType.workOrderType ?? '';
workOrderTypeSelectElement.append(optionElement); workOrderTypeSelectElement.append(optionElement);
} }
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
var _a;
createCloseModalFunction = closeModalFunction; createCloseModalFunction = closeModalFunction;
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
modalElement.querySelector('#workOrderCreate--workOrderTypeId').focus(); modalElement.querySelector('#workOrderCreate--workOrderTypeId').focus();
(_a = modalElement modalElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doCreate); .querySelector('form')
?.addEventListener('submit', doCreate);
}, },
onremoved() { onremoved() {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
@ -206,7 +204,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doGetOccupancyTypeFields`, { cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doGetOccupancyTypeFields`, {
occupancyTypeId: occupancyTypeIdElement.value occupancyTypeId: occupancyTypeIdElement.value
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a, _b;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.occupancyTypeFields.length === 0) { if (responseJSON.occupancyTypeFields.length === 0) {
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
@ -225,7 +222,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
fieldElement.className = 'field'; fieldElement.className = 'field';
fieldElement.innerHTML = `<label class="label" for="${cityssm.escapeHTML(fieldId)}"></label><div class="control"></div>`; fieldElement.innerHTML = `<label class="label" for="${cityssm.escapeHTML(fieldId)}"></label><div class="control"></div>`;
fieldElement.querySelector('label').textContent = occupancyTypeField.occupancyTypeField; fieldElement.querySelector('label').textContent = occupancyTypeField.occupancyTypeField;
if (((_a = occupancyTypeField.occupancyTypeFieldValues) !== null && _a !== void 0 ? _a : '') === '') { if ((occupancyTypeField.occupancyTypeFieldValues ?? '') === '') {
const inputElement = document.createElement('input'); const inputElement = document.createElement('input');
inputElement.className = 'input'; inputElement.className = 'input';
inputElement.id = fieldId; inputElement.id = fieldId;
@ -236,7 +233,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
occupancyTypeField.minimumLength; occupancyTypeField.minimumLength;
inputElement.maxLength = inputElement.maxLength =
occupancyTypeField.maximumLength; occupancyTypeField.maximumLength;
if (((_b = occupancyTypeField.pattern) !== null && _b !== void 0 ? _b : '') !== '') { if ((occupancyTypeField.pattern ?? '') !== '') {
inputElement.pattern = occupancyTypeField.pattern; inputElement.pattern = occupancyTypeField.pattern;
} }
; ;
@ -310,17 +307,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
lotSelectCloseModalFunction(); lotSelectCloseModalFunction();
} }
function selectExistingLot(clickEvent) { function selectExistingLot(clickEvent) {
var _a, _b;
clickEvent.preventDefault(); clickEvent.preventDefault();
const selectedLotElement = clickEvent.currentTarget; const selectedLotElement = clickEvent.currentTarget;
renderSelectedLotAndClose((_a = selectedLotElement.dataset.lotId) !== null && _a !== void 0 ? _a : '', (_b = selectedLotElement.dataset.lotName) !== null && _b !== void 0 ? _b : ''); renderSelectedLotAndClose(selectedLotElement.dataset.lotId ?? '', selectedLotElement.dataset.lotName ?? '');
} }
function searchLots() { function searchLots() {
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
lotSelectResultsElement.innerHTML = lotSelectResultsElement.innerHTML =
los.getLoadingParagraphHTML('Searching...'); los.getLoadingParagraphHTML('Searching...');
cityssm.postJSON(`${los.urlPrefix}/lots/doSearchLots`, lotSelectFormElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/lots/doSearchLots`, lotSelectFormElement, (rawResponseJSON) => {
var _a, _b;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.count === 0) { if (responseJSON.count === 0) {
lotSelectResultsElement.innerHTML = `<div class="message is-info"> lotSelectResultsElement.innerHTML = `<div class="message is-info">
@ -339,8 +334,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
panelBlockElement.innerHTML = `<div class="columns"> panelBlockElement.innerHTML = `<div class="columns">
<div class="column"> <div class="column">
${cityssm.escapeHTML((_a = lot.lotName) !== null && _a !== void 0 ? _a : '')}<br /> ${cityssm.escapeHTML(lot.lotName ?? '')}<br />
<span class="is-size-7">${cityssm.escapeHTML((_b = lot.mapName) !== null && _b !== void 0 ? _b : '')}</span> <span class="is-size-7">${cityssm.escapeHTML(lot.mapName ?? '')}</span>
</div> </div>
<div class="column"> <div class="column">
${cityssm.escapeHTML(lot.lotStatus)}<br /> ${cityssm.escapeHTML(lot.lotStatus)}<br />
@ -360,15 +355,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
submitEvent.preventDefault(); submitEvent.preventDefault();
const lotName = lotSelectModalElement.querySelector('#lotCreate--lotName').value; const lotName = lotSelectModalElement.querySelector('#lotCreate--lotName').value;
cityssm.postJSON(`${los.urlPrefix}/lots/doCreateLot`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/lots/doCreateLot`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a, _b;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
renderSelectedLotAndClose((_a = responseJSON.lotId) !== null && _a !== void 0 ? _a : '', lotName); renderSelectedLotAndClose(responseJSON.lotId ?? '', lotName);
} }
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Creating ${los.escapedAliases.Lot}`, title: `Error Creating ${los.escapedAliases.Lot}`,
message: (_b = responseJSON.errorMessage) !== null && _b !== void 0 ? _b : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -379,7 +373,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
los.populateAliases(modalElement); los.populateAliases(modalElement);
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
var _a, _b;
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
lotSelectModalElement = modalElement; lotSelectModalElement = modalElement;
lotSelectCloseModalFunction = closeModalFunction; lotSelectCloseModalFunction = closeModalFunction;
@ -427,7 +420,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
const optionElement = document.createElement('option'); const optionElement = document.createElement('option');
optionElement.value = map.mapId.toString(); optionElement.value = map.mapId.toString();
optionElement.textContent = optionElement.textContent =
((_a = map.mapName) !== null && _a !== void 0 ? _a : '') === '' ? '(No Name)' : (_b = map.mapName) !== null && _b !== void 0 ? _b : ''; (map.mapName ?? '') === '' ? '(No Name)' : map.mapName ?? '';
mapElement.append(optionElement); mapElement.append(optionElement);
} }
; ;
@ -438,8 +431,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
}); });
}); });
(_d = document document
.querySelector('.is-lot-view-button')) === null || _d === void 0 ? void 0 : _d.addEventListener('click', () => { .querySelector('.is-lot-view-button')
?.addEventListener('click', () => {
const lotId = document.querySelector('#lotOccupancy--lotId').value; const lotId = document.querySelector('#lotOccupancy--lotId').value;
if (lotId === '') { if (lotId === '') {
bulmaJS.alert({ bulmaJS.alert({
@ -451,8 +445,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
window.open(`${los.urlPrefix}/lots/${lotId}`); window.open(`${los.urlPrefix}/lots/${lotId}`);
} }
}); });
(_e = document document
.querySelector('.is-clear-lot-button')) === null || _e === void 0 ? void 0 : _e.addEventListener('click', () => { .querySelector('.is-clear-lot-button')
?.addEventListener('click', () => {
if (lotNameElement.disabled) { if (lotNameElement.disabled) {
bulmaJS.alert({ bulmaJS.alert({
message: 'You need to unlock the field before clearing it.', message: 'You need to unlock the field before clearing it.',
@ -467,8 +462,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
// Start Date // Start Date
los.initializeDatePickers(formElement); los.initializeDatePickers(formElement);
(_f = document document
.querySelector('#lotOccupancy--occupancyStartDateString')) === null || _f === void 0 ? void 0 : _f.addEventListener('change', () => { .querySelector('#lotOccupancy--occupancyStartDateString')
?.addEventListener('change', () => {
const endDatePicker = document.querySelector('#lotOccupancy--occupancyEndDateString').bulmaCalendar.datePicker; const endDatePicker = document.querySelector('#lotOccupancy--occupancyEndDateString').bulmaCalendar.datePicker;
endDatePicker.min = document.querySelector('#lotOccupancy--occupancyStartDateString').value; endDatePicker.min = document.querySelector('#lotOccupancy--occupancyStartDateString').value;
endDatePicker.refresh(); endDatePicker.refresh();

54
public-typescript/lotOccupancyEdit/lotOccupancyEditComments.js
View File

@ -1,13 +1,12 @@
"use strict"; "use strict";
// eslint-disable-next-line @eslint-community/eslint-comments/disable-enable-pair // eslint-disable-next-line @eslint-community/eslint-comments/disable-enable-pair
/* eslint-disable unicorn/prefer-module */ /* eslint-disable unicorn/prefer-module */
var _a;
Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "__esModule", { value: true });
let lotOccupancyComments = exports.lotOccupancyComments; let lotOccupancyComments = exports.lotOccupancyComments;
delete exports.lotOccupancyComments; delete exports.lotOccupancyComments;
function openEditLotOccupancyComment(clickEvent) { function openEditLotOccupancyComment(clickEvent) {
var _a, _b; const lotOccupancyCommentId = Number.parseInt(clickEvent.currentTarget.closest('tr')?.dataset
const lotOccupancyCommentId = Number.parseInt((_b = (_a = clickEvent.currentTarget.closest('tr')) === null || _a === void 0 ? void 0 : _a.dataset.lotOccupancyCommentId) !== null && _b !== void 0 ? _b : '', 10); .lotOccupancyCommentId ?? '', 10);
const lotOccupancyComment = lotOccupancyComments.find((currentLotOccupancyComment) => { const lotOccupancyComment = lotOccupancyComments.find((currentLotOccupancyComment) => {
return (currentLotOccupancyComment.lotOccupancyCommentId === return (currentLotOccupancyComment.lotOccupancyCommentId ===
lotOccupancyCommentId); lotOccupancyCommentId);
@ -17,17 +16,16 @@ function openEditLotOccupancyComment(clickEvent) {
function editComment(submitEvent) { function editComment(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doUpdateLotOccupancyComment`, editFormElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doUpdateLotOccupancyComment`, editFormElement, (rawResponseJSON) => {
var _a, _b;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotOccupancyComments = (_a = responseJSON.lotOccupancyComments) !== null && _a !== void 0 ? _a : []; lotOccupancyComments = responseJSON.lotOccupancyComments ?? [];
editCloseModalFunction(); editCloseModalFunction();
renderLotOccupancyComments(); renderLotOccupancyComments();
} }
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Updating Comment', title: 'Error Updating Comment',
message: (_b = responseJSON.errorMessage) !== null && _b !== void 0 ? _b : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -35,20 +33,19 @@ function openEditLotOccupancyComment(clickEvent) {
} }
cityssm.openHtmlModal('lotOccupancy-editComment', { cityssm.openHtmlModal('lotOccupancy-editComment', {
onshow(modalElement) { onshow(modalElement) {
var _a, _b, _c, _d;
los.populateAliases(modalElement); los.populateAliases(modalElement);
modalElement.querySelector('#lotOccupancyCommentEdit--lotOccupancyId').value = lotOccupancyId; modalElement.querySelector('#lotOccupancyCommentEdit--lotOccupancyId').value = lotOccupancyId;
modalElement.querySelector('#lotOccupancyCommentEdit--lotOccupancyCommentId').value = lotOccupancyCommentId.toString(); modalElement.querySelector('#lotOccupancyCommentEdit--lotOccupancyCommentId').value = lotOccupancyCommentId.toString();
modalElement.querySelector('#lotOccupancyCommentEdit--lotOccupancyComment').value = (_a = lotOccupancyComment.lotOccupancyComment) !== null && _a !== void 0 ? _a : ''; modalElement.querySelector('#lotOccupancyCommentEdit--lotOccupancyComment').value = lotOccupancyComment.lotOccupancyComment ?? '';
const lotOccupancyCommentDateStringElement = modalElement.querySelector('#lotOccupancyCommentEdit--lotOccupancyCommentDateString'); const lotOccupancyCommentDateStringElement = modalElement.querySelector('#lotOccupancyCommentEdit--lotOccupancyCommentDateString');
lotOccupancyCommentDateStringElement.value = lotOccupancyCommentDateStringElement.value =
(_b = lotOccupancyComment.lotOccupancyCommentDateString) !== null && _b !== void 0 ? _b : ''; lotOccupancyComment.lotOccupancyCommentDateString ?? '';
const currentDateString = cityssm.dateToString(new Date()); const currentDateString = cityssm.dateToString(new Date());
lotOccupancyCommentDateStringElement.max = lotOccupancyCommentDateStringElement.max =
lotOccupancyComment.lotOccupancyCommentDateString <= currentDateString lotOccupancyComment.lotOccupancyCommentDateString <= currentDateString
? currentDateString ? currentDateString
: (_c = lotOccupancyComment.lotOccupancyCommentDateString) !== null && _c !== void 0 ? _c : ''; : lotOccupancyComment.lotOccupancyCommentDateString ?? '';
modalElement.querySelector('#lotOccupancyCommentEdit--lotOccupancyCommentTimeString').value = (_d = lotOccupancyComment.lotOccupancyCommentTimeString) !== null && _d !== void 0 ? _d : ''; modalElement.querySelector('#lotOccupancyCommentEdit--lotOccupancyCommentTimeString').value = lotOccupancyComment.lotOccupancyCommentTimeString ?? '';
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
@ -64,14 +61,13 @@ function openEditLotOccupancyComment(clickEvent) {
}); });
} }
function deleteLotOccupancyComment(clickEvent) { function deleteLotOccupancyComment(clickEvent) {
var _a, _b; const lotOccupancyCommentId = Number.parseInt(clickEvent.currentTarget.closest('tr')?.dataset
const lotOccupancyCommentId = Number.parseInt((_b = (_a = clickEvent.currentTarget.closest('tr')) === null || _a === void 0 ? void 0 : _a.dataset.lotOccupancyCommentId) !== null && _b !== void 0 ? _b : '', 10); .lotOccupancyCommentId ?? '', 10);
function doDelete() { function doDelete() {
cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doDeleteLotOccupancyComment`, { cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doDeleteLotOccupancyComment`, {
lotOccupancyId, lotOccupancyId,
lotOccupancyCommentId lotOccupancyCommentId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotOccupancyComments = responseJSON.lotOccupancyComments; lotOccupancyComments = responseJSON.lotOccupancyComments;
@ -80,7 +76,7 @@ function deleteLotOccupancyComment(clickEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Removing Comment', title: 'Error Removing Comment',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -97,7 +93,6 @@ function deleteLotOccupancyComment(clickEvent) {
}); });
} }
function renderLotOccupancyComments() { function renderLotOccupancyComments() {
var _a, _b, _c, _d, _e, _f, _g, _h;
const containerElement = document.querySelector('#container--lotOccupancyComments'); const containerElement = document.querySelector('#container--lotOccupancyComments');
if (lotOccupancyComments.length === 0) { if (lotOccupancyComments.length === 0) {
containerElement.innerHTML = `<div class="message is-info"> containerElement.innerHTML = `<div class="message is-info">
@ -117,15 +112,15 @@ function renderLotOccupancyComments() {
for (const lotOccupancyComment of lotOccupancyComments) { for (const lotOccupancyComment of lotOccupancyComments) {
const tableRowElement = document.createElement('tr'); const tableRowElement = document.createElement('tr');
tableRowElement.dataset.lotOccupancyCommentId = tableRowElement.dataset.lotOccupancyCommentId =
(_a = lotOccupancyComment.lotOccupancyCommentId) === null || _a === void 0 ? void 0 : _a.toString(); lotOccupancyComment.lotOccupancyCommentId?.toString();
tableRowElement.innerHTML = `<td>${cityssm.escapeHTML((_b = lotOccupancyComment.recordCreate_userName) !== null && _b !== void 0 ? _b : '')}</td> tableRowElement.innerHTML = `<td>${cityssm.escapeHTML(lotOccupancyComment.recordCreate_userName ?? '')}</td>
<td> <td>
${cityssm.escapeHTML((_c = lotOccupancyComment.lotOccupancyCommentDateString) !== null && _c !== void 0 ? _c : '')} ${cityssm.escapeHTML(lotOccupancyComment.lotOccupancyCommentDateString ?? '')}
${cityssm.escapeHTML(lotOccupancyComment.lotOccupancyCommentTime === 0 ${cityssm.escapeHTML(lotOccupancyComment.lotOccupancyCommentTime === 0
? '' ? ''
: (_d = lotOccupancyComment.lotOccupancyCommentTimePeriodString) !== null && _d !== void 0 ? _d : '')} : lotOccupancyComment.lotOccupancyCommentTimePeriodString ?? '')}
</td> </td>
<td>${cityssm.escapeHTML((_e = lotOccupancyComment.lotOccupancyComment) !== null && _e !== void 0 ? _e : '')}</td> <td>${cityssm.escapeHTML(lotOccupancyComment.lotOccupancyComment ?? '')}</td>
<td class="is-hidden-print"> <td class="is-hidden-print">
<div class="buttons are-small is-justify-content-end"> <div class="buttons are-small is-justify-content-end">
<button class="button is-primary button--edit" type="button"> <button class="button is-primary button--edit" type="button">
@ -137,22 +132,23 @@ function renderLotOccupancyComments() {
</button> </button>
</div> </div>
</td>`; </td>`;
(_f = tableRowElement tableRowElement
.querySelector('.button--edit')) === null || _f === void 0 ? void 0 : _f.addEventListener('click', openEditLotOccupancyComment); .querySelector('.button--edit')
(_g = tableRowElement ?.addEventListener('click', openEditLotOccupancyComment);
.querySelector('.button--delete')) === null || _g === void 0 ? void 0 : _g.addEventListener('click', deleteLotOccupancyComment); tableRowElement
(_h = tableElement.querySelector('tbody')) === null || _h === void 0 ? void 0 : _h.append(tableRowElement); .querySelector('.button--delete')
?.addEventListener('click', deleteLotOccupancyComment);
tableElement.querySelector('tbody')?.append(tableRowElement);
} }
containerElement.innerHTML = ''; containerElement.innerHTML = '';
containerElement.append(tableElement); containerElement.append(tableElement);
} }
(_a = document.querySelector('#button--addComment')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => { document.querySelector('#button--addComment')?.addEventListener('click', () => {
let addFormElement; let addFormElement;
let addCloseModalFunction; let addCloseModalFunction;
function addComment(submitEvent) { function addComment(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doAddLotOccupancyComment`, addFormElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doAddLotOccupancyComment`, addFormElement, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotOccupancyComments = responseJSON.lotOccupancyComments; lotOccupancyComments = responseJSON.lotOccupancyComments;
@ -162,7 +158,7 @@ function renderLotOccupancyComments() {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Adding Comment', title: 'Error Adding Comment',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }

160
public-typescript/lotOccupancyEdit/lotOccupancyEditFees.js
View File

@ -6,18 +6,17 @@ let lotOccupancyFees = exports.lotOccupancyFees;
delete exports.lotOccupancyFees; delete exports.lotOccupancyFees;
const lotOccupancyFeesContainerElement = document.querySelector('#container--lotOccupancyFees'); const lotOccupancyFeesContainerElement = document.querySelector('#container--lotOccupancyFees');
function getFeeGrandTotal() { function getFeeGrandTotal() {
var _a, _b, _c;
let feeGrandTotal = 0; let feeGrandTotal = 0;
for (const lotOccupancyFee of lotOccupancyFees) { for (const lotOccupancyFee of lotOccupancyFees) {
feeGrandTotal += feeGrandTotal +=
(((_a = lotOccupancyFee.feeAmount) !== null && _a !== void 0 ? _a : 0) + ((_b = lotOccupancyFee.taxAmount) !== null && _b !== void 0 ? _b : 0)) * ((lotOccupancyFee.feeAmount ?? 0) + (lotOccupancyFee.taxAmount ?? 0)) *
((_c = lotOccupancyFee.quantity) !== null && _c !== void 0 ? _c : 0); (lotOccupancyFee.quantity ?? 0);
} }
return feeGrandTotal; return feeGrandTotal;
} }
function editLotOccupancyFeeQuantity(clickEvent) { function editLotOccupancyFeeQuantity(clickEvent) {
var _a, _b; const feeId = Number.parseInt(clickEvent.currentTarget.closest('tr')?.dataset
const feeId = Number.parseInt((_b = (_a = clickEvent.currentTarget.closest('tr')) === null || _a === void 0 ? void 0 : _a.dataset.feeId) !== null && _b !== void 0 ? _b : '', 10); .feeId ?? '', 10);
const fee = lotOccupancyFees.find((possibleFee) => { const fee = lotOccupancyFees.find((possibleFee) => {
return possibleFee.feeId === feeId; return possibleFee.feeId === feeId;
}); });
@ -42,20 +41,19 @@ function editLotOccupancyFeeQuantity(clickEvent) {
} }
cityssm.openHtmlModal('lotOccupancy-editFeeQuantity', { cityssm.openHtmlModal('lotOccupancy-editFeeQuantity', {
onshow(modalElement) { onshow(modalElement) {
var _a, _b;
; ;
modalElement.querySelector('#lotOccupancyFeeQuantity--lotOccupancyId').value = lotOccupancyId; modalElement.querySelector('#lotOccupancyFeeQuantity--lotOccupancyId').value = lotOccupancyId;
modalElement.querySelector('#lotOccupancyFeeQuantity--feeId').value = fee.feeId.toString(); modalElement.querySelector('#lotOccupancyFeeQuantity--feeId').value = fee.feeId.toString();
modalElement.querySelector('#lotOccupancyFeeQuantity--quantity').valueAsNumber = (_a = fee.quantity) !== null && _a !== void 0 ? _a : 0; modalElement.querySelector('#lotOccupancyFeeQuantity--quantity').valueAsNumber = fee.quantity ?? 0;
modalElement.querySelector('#lotOccupancyFeeQuantity--quantityUnit').textContent = (_b = fee.quantityUnit) !== null && _b !== void 0 ? _b : ''; modalElement.querySelector('#lotOccupancyFeeQuantity--quantityUnit').textContent = fee.quantityUnit ?? '';
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
var _a;
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
updateCloseModalFunction = closeModalFunction; updateCloseModalFunction = closeModalFunction;
modalElement.querySelector('#lotOccupancyFeeQuantity--quantity').focus(); modalElement.querySelector('#lotOccupancyFeeQuantity--quantity').focus();
(_a = modalElement modalElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doUpdateQuantity); .querySelector('form')
?.addEventListener('submit', doUpdateQuantity);
}, },
onremoved() { onremoved() {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
@ -69,7 +67,6 @@ function deleteLotOccupancyFee(clickEvent) {
lotOccupancyId, lotOccupancyId,
feeId feeId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotOccupancyFees = responseJSON.lotOccupancyFees; lotOccupancyFees = responseJSON.lotOccupancyFees;
@ -78,7 +75,7 @@ function deleteLotOccupancyFee(clickEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Deleting Fee', title: 'Error Deleting Fee',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -95,7 +92,6 @@ function deleteLotOccupancyFee(clickEvent) {
}); });
} }
function renderLotOccupancyFees() { function renderLotOccupancyFees() {
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
if (lotOccupancyFees.length === 0) { if (lotOccupancyFees.length === 0) {
lotOccupancyFeesContainerElement.innerHTML = `<div class="message is-info"> lotOccupancyFeesContainerElement.innerHTML = `<div class="message is-info">
<p class="message-body">There are no fees associated with this record.</p> <p class="message-body">There are no fees associated with this record.</p>
@ -135,26 +131,26 @@ function renderLotOccupancyFees() {
tableRowElement.className = 'container--lotOccupancyFee'; tableRowElement.className = 'container--lotOccupancyFee';
tableRowElement.dataset.feeId = lotOccupancyFee.feeId.toString(); tableRowElement.dataset.feeId = lotOccupancyFee.feeId.toString();
tableRowElement.dataset.includeQuantity = tableRowElement.dataset.includeQuantity =
((_a = lotOccupancyFee.includeQuantity) !== null && _a !== void 0 ? _a : false) ? '1' : '0'; lotOccupancyFee.includeQuantity ?? false ? '1' : '0';
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
tableRowElement.innerHTML = `<td colspan="${lotOccupancyFee.quantity === 1 ? '5' : '1'}"> tableRowElement.innerHTML = `<td colspan="${lotOccupancyFee.quantity === 1 ? '5' : '1'}">
${cityssm.escapeHTML((_b = lotOccupancyFee.feeName) !== null && _b !== void 0 ? _b : '')}<br /> ${cityssm.escapeHTML(lotOccupancyFee.feeName ?? '')}<br />
<span class="tag">${cityssm.escapeHTML((_c = lotOccupancyFee.feeCategory) !== null && _c !== void 0 ? _c : '')}</span> <span class="tag">${cityssm.escapeHTML(lotOccupancyFee.feeCategory ?? '')}</span>
</td> </td>
${lotOccupancyFee.quantity === 1 ${lotOccupancyFee.quantity === 1
? '' ? ''
: `<td class="has-text-right"> : `<td class="has-text-right">
$${(_d = lotOccupancyFee.feeAmount) === null || _d === void 0 ? void 0 : _d.toFixed(2)} $${lotOccupancyFee.feeAmount?.toFixed(2)}
</td> </td>
<td>&times;</td> <td>&times;</td>
<td class="has-text-right">${(_e = lotOccupancyFee.quantity) === null || _e === void 0 ? void 0 : _e.toString()}</td> <td class="has-text-right">${lotOccupancyFee.quantity?.toString()}</td>
<td>=</td>`} <td>=</td>`}
<td class="has-text-right"> <td class="has-text-right">
$${(((_f = lotOccupancyFee.feeAmount) !== null && _f !== void 0 ? _f : 0) * ((_g = lotOccupancyFee.quantity) !== null && _g !== void 0 ? _g : 0)).toFixed(2)} $${((lotOccupancyFee.feeAmount ?? 0) * (lotOccupancyFee.quantity ?? 0)).toFixed(2)}
</td> </td>
<td class="is-hidden-print"> <td class="is-hidden-print">
<div class="buttons are-small is-flex-wrap-nowrap is-justify-content-end"> <div class="buttons are-small is-flex-wrap-nowrap is-justify-content-end">
${((_h = lotOccupancyFee.includeQuantity) !== null && _h !== void 0 ? _h : false) ${lotOccupancyFee.includeQuantity ?? false
? `<button class="button is-primary button--editQuantity"> ? `<button class="button is-primary button--editQuantity">
<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</span> <span>Edit</span>
@ -165,16 +161,19 @@ function renderLotOccupancyFees() {
</button> </button>
</div> </div>
</td>`; </td>`;
(_j = tableRowElement tableRowElement
.querySelector('.button--editQuantity')) === null || _j === void 0 ? void 0 : _j.addEventListener('click', editLotOccupancyFeeQuantity); .querySelector('.button--editQuantity')
(_k = tableRowElement ?.addEventListener('click', editLotOccupancyFeeQuantity);
.querySelector('.button--delete')) === null || _k === void 0 ? void 0 : _k.addEventListener('click', deleteLotOccupancyFee); tableRowElement
(_l = lotOccupancyFeesContainerElement .querySelector('.button--delete')
.querySelector('tbody')) === null || _l === void 0 ? void 0 : _l.append(tableRowElement); ?.addEventListener('click', deleteLotOccupancyFee);
lotOccupancyFeesContainerElement
.querySelector('tbody')
?.append(tableRowElement);
feeAmountTotal += feeAmountTotal +=
((_m = lotOccupancyFee.feeAmount) !== null && _m !== void 0 ? _m : 0) * ((_o = lotOccupancyFee.quantity) !== null && _o !== void 0 ? _o : 0); (lotOccupancyFee.feeAmount ?? 0) * (lotOccupancyFee.quantity ?? 0);
taxAmountTotal += taxAmountTotal +=
((_p = lotOccupancyFee.taxAmount) !== null && _p !== void 0 ? _p : 0) * ((_q = lotOccupancyFee.quantity) !== null && _q !== void 0 ? _q : 0); (lotOccupancyFee.taxAmount ?? 0) * (lotOccupancyFee.quantity ?? 0);
} }
; ;
lotOccupancyFeesContainerElement.querySelector('#lotOccupancyFees--feeAmountTotal').textContent = `$${feeAmountTotal.toFixed(2)}`; lotOccupancyFeesContainerElement.querySelector('#lotOccupancyFees--feeAmountTotal').textContent = `$${feeAmountTotal.toFixed(2)}`;
@ -195,14 +194,12 @@ addFeeButtonElement.addEventListener('click', () => {
let feeFilterElement; let feeFilterElement;
let feeFilterResultsElement; let feeFilterResultsElement;
function doAddFeeCategory(clickEvent) { function doAddFeeCategory(clickEvent) {
var _a;
clickEvent.preventDefault(); clickEvent.preventDefault();
const feeCategoryId = Number.parseInt((_a = clickEvent.currentTarget.dataset.feeCategoryId) !== null && _a !== void 0 ? _a : '', 10); const feeCategoryId = Number.parseInt(clickEvent.currentTarget.dataset.feeCategoryId ?? '', 10);
cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doAddLotOccupancyFeeCategory`, { cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doAddLotOccupancyFeeCategory`, {
lotOccupancyId, lotOccupancyId,
feeCategoryId feeCategoryId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotOccupancyFees = responseJSON.lotOccupancyFees; lotOccupancyFees = responseJSON.lotOccupancyFees;
@ -215,7 +212,7 @@ addFeeButtonElement.addEventListener('click', () => {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Adding Fee', title: 'Error Adding Fee',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -227,7 +224,6 @@ addFeeButtonElement.addEventListener('click', () => {
feeId, feeId,
quantity quantity
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotOccupancyFees = responseJSON.lotOccupancyFees; lotOccupancyFees = responseJSON.lotOccupancyFees;
@ -237,7 +233,7 @@ addFeeButtonElement.addEventListener('click', () => {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Adding Fee', title: 'Error Adding Fee',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -253,31 +249,29 @@ addFeeButtonElement.addEventListener('click', () => {
} }
cityssm.openHtmlModal('lotOccupancy-setFeeQuantity', { cityssm.openHtmlModal('lotOccupancy-setFeeQuantity', {
onshow(modalElement) { onshow(modalElement) {
var _a;
; ;
modalElement.querySelector('#lotOccupancyFeeQuantity--quantityUnit').textContent = (_a = fee.quantityUnit) !== null && _a !== void 0 ? _a : ''; modalElement.querySelector('#lotOccupancyFeeQuantity--quantityUnit').textContent = fee.quantityUnit ?? '';
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
var _a;
quantityCloseModalFunction = closeModalFunction; quantityCloseModalFunction = closeModalFunction;
quantityElement = modalElement.querySelector('#lotOccupancyFeeQuantity--quantity'); quantityElement = modalElement.querySelector('#lotOccupancyFeeQuantity--quantity');
(_a = modalElement modalElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doSetQuantity); .querySelector('form')
?.addEventListener('submit', doSetQuantity);
} }
}); });
} }
function tryAddFee(clickEvent) { function tryAddFee(clickEvent) {
var _a, _b, _c;
clickEvent.preventDefault(); clickEvent.preventDefault();
const feeId = Number.parseInt((_a = clickEvent.currentTarget.dataset.feeId) !== null && _a !== void 0 ? _a : '', 10); const feeId = Number.parseInt(clickEvent.currentTarget.dataset.feeId ?? '', 10);
const feeCategoryId = Number.parseInt((_b = clickEvent.currentTarget.dataset.feeCategoryId) !== null && _b !== void 0 ? _b : '', 10); const feeCategoryId = Number.parseInt(clickEvent.currentTarget.dataset.feeCategoryId ?? '', 10);
const feeCategory = feeCategories.find((currentFeeCategory) => { const feeCategory = feeCategories.find((currentFeeCategory) => {
return currentFeeCategory.feeCategoryId === feeCategoryId; return currentFeeCategory.feeCategoryId === feeCategoryId;
}); });
const fee = feeCategory.fees.find((currentFee) => { const fee = feeCategory.fees.find((currentFee) => {
return currentFee.feeId === feeId; return currentFee.feeId === feeId;
}); });
if ((_c = fee.includeQuantity) !== null && _c !== void 0 ? _c : false) { if (fee.includeQuantity ?? false) {
doSetQuantityAndAddFee(fee); doSetQuantityAndAddFee(fee);
} }
else { else {
@ -285,7 +279,6 @@ addFeeButtonElement.addEventListener('click', () => {
} }
} }
function filterFees() { function filterFees() {
var _a, _b, _c, _d, _e, _f, _g, _h;
const filterStringPieces = feeFilterElement.value const filterStringPieces = feeFilterElement.value
.trim() .trim()
.toLowerCase() .toLowerCase()
@ -299,20 +292,20 @@ addFeeButtonElement.addEventListener('click', () => {
categoryContainerElement.innerHTML = `<div class="columns is-vcentered"> categoryContainerElement.innerHTML = `<div class="columns is-vcentered">
<div class="column"> <div class="column">
<h4 class="title is-5"> <h4 class="title is-5">
${cityssm.escapeHTML((_a = feeCategory.feeCategory) !== null && _a !== void 0 ? _a : '')} ${cityssm.escapeHTML(feeCategory.feeCategory ?? '')}
</h4> </h4>
</div> </div>
</div> </div>
<div class="panel mb-5"></div>`; <div class="panel mb-5"></div>`;
if (feeCategory.isGroupedFee) { if (feeCategory.isGroupedFee) {
// eslint-disable-next-line no-unsanitized/method // eslint-disable-next-line no-unsanitized/method
(_b = categoryContainerElement.querySelector('.columns')) === null || _b === void 0 ? void 0 : _b.insertAdjacentHTML('beforeend', `<div class="column is-narrow has-text-right"> categoryContainerElement.querySelector('.columns')?.insertAdjacentHTML('beforeend', `<div class="column is-narrow has-text-right">
<button class="button is-small is-success" type="button" data-fee-category-id="${feeCategory.feeCategoryId}"> <button class="button is-small is-success" type="button" data-fee-category-id="${feeCategory.feeCategoryId}">
<span class="icon is-small"><i class="fas fa-plus" aria-hidden="true"></i></span> <span class="icon is-small"><i class="fas fa-plus" aria-hidden="true"></i></span>
<span>Add Fee Group</span> <span>Add Fee Group</span>
</button> </button>
</div>`); </div>`);
(_c = categoryContainerElement.querySelector('button')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', doAddFeeCategory); categoryContainerElement.querySelector('button')?.addEventListener('click', doAddFeeCategory);
} }
let hasFees = false; let hasFees = false;
for (const fee of feeCategory.fees) { for (const fee of feeCategory.fees) {
@ -321,7 +314,7 @@ addFeeButtonElement.addEventListener('click', () => {
continue; continue;
} }
let includeFee = true; let includeFee = true;
const feeSearchString = `${(_d = feeCategory.feeCategory) !== null && _d !== void 0 ? _d : ''} ${(_e = fee.feeName) !== null && _e !== void 0 ? _e : ''} ${(_f = fee.feeDescription) !== null && _f !== void 0 ? _f : ''}`.toLowerCase(); const feeSearchString = `${feeCategory.feeCategory ?? ''} ${fee.feeName ?? ''} ${fee.feeDescription ?? ''}`.toLowerCase();
for (const filterStringPiece of filterStringPieces) { for (const filterStringPiece of filterStringPieces) {
if (!feeSearchString.includes(filterStringPiece)) { if (!feeSearchString.includes(filterStringPiece)) {
includeFee = false; includeFee = false;
@ -338,12 +331,12 @@ addFeeButtonElement.addEventListener('click', () => {
panelBlockElement.dataset.feeCategoryId = panelBlockElement.dataset.feeCategoryId =
feeCategory.feeCategoryId.toString(); feeCategory.feeCategoryId.toString();
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
panelBlockElement.innerHTML = `<strong>${cityssm.escapeHTML((_g = fee.feeName) !== null && _g !== void 0 ? _g : '')}</strong><br /> panelBlockElement.innerHTML = `<strong>${cityssm.escapeHTML(fee.feeName ?? '')}</strong><br />
<small> <small>
${ ${
// eslint-disable-next-line @typescript-eslint/no-unsafe-call // eslint-disable-next-line @typescript-eslint/no-unsafe-call
cityssm cityssm
.escapeHTML((_h = fee.feeDescription) !== null && _h !== void 0 ? _h : '') .escapeHTML(fee.feeDescription ?? '')
.replaceAll('\n', '<br />')} .replaceAll('\n', '<br />')}
</small>`; </small>`;
if (!feeCategory.isGroupedFee) { if (!feeCategory.isGroupedFee) {
@ -397,8 +390,8 @@ function getTransactionGrandTotal() {
return transactionGrandTotal; return transactionGrandTotal;
} }
function editLotOccupancyTransaction(clickEvent) { function editLotOccupancyTransaction(clickEvent) {
var _a, _b; const transactionIndex = Number.parseInt(clickEvent.currentTarget.closest('tr')?.dataset
const transactionIndex = Number.parseInt((_b = (_a = clickEvent.currentTarget.closest('tr')) === null || _a === void 0 ? void 0 : _a.dataset.transactionIndex) !== null && _b !== void 0 ? _b : '', 10); .transactionIndex ?? '', 10);
const transaction = lotOccupancyTransactions.find((possibleTransaction) => { const transaction = lotOccupancyTransactions.find((possibleTransaction) => {
return possibleTransaction.transactionIndex === transactionIndex; return possibleTransaction.transactionIndex === transactionIndex;
}); });
@ -423,22 +416,20 @@ function editLotOccupancyTransaction(clickEvent) {
} }
cityssm.openHtmlModal('lotOccupancy-editTransaction', { cityssm.openHtmlModal('lotOccupancy-editTransaction', {
onshow(modalElement) { onshow(modalElement) {
var _a, _b, _c, _d, _e, _f;
los.populateAliases(modalElement); los.populateAliases(modalElement);
modalElement.querySelector('#lotOccupancyTransactionEdit--lotOccupancyId').value = lotOccupancyId; modalElement.querySelector('#lotOccupancyTransactionEdit--lotOccupancyId').value = lotOccupancyId;
modalElement.querySelector('#lotOccupancyTransactionEdit--transactionIndex').value = (_b = (_a = transaction.transactionIndex) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : ''; modalElement.querySelector('#lotOccupancyTransactionEdit--transactionIndex').value = transaction.transactionIndex?.toString() ?? '';
modalElement.querySelector('#lotOccupancyTransactionEdit--transactionAmount').value = transaction.transactionAmount.toFixed(2); modalElement.querySelector('#lotOccupancyTransactionEdit--transactionAmount').value = transaction.transactionAmount.toFixed(2);
modalElement.querySelector('#lotOccupancyTransactionEdit--externalReceiptNumber').value = (_c = transaction.externalReceiptNumber) !== null && _c !== void 0 ? _c : ''; modalElement.querySelector('#lotOccupancyTransactionEdit--externalReceiptNumber').value = transaction.externalReceiptNumber ?? '';
modalElement.querySelector('#lotOccupancyTransactionEdit--transactionNote').value = (_d = transaction.transactionNote) !== null && _d !== void 0 ? _d : ''; modalElement.querySelector('#lotOccupancyTransactionEdit--transactionNote').value = transaction.transactionNote ?? '';
modalElement.querySelector('#lotOccupancyTransactionEdit--transactionDateString').value = (_e = transaction.transactionDateString) !== null && _e !== void 0 ? _e : ''; modalElement.querySelector('#lotOccupancyTransactionEdit--transactionDateString').value = transaction.transactionDateString ?? '';
modalElement.querySelector('#lotOccupancyTransactionEdit--transactionTimeString').value = (_f = transaction.transactionTimeString) !== null && _f !== void 0 ? _f : ''; modalElement.querySelector('#lotOccupancyTransactionEdit--transactionTimeString').value = transaction.transactionTimeString ?? '';
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
var _a;
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
los.initializeDatePickers(modalElement); los.initializeDatePickers(modalElement);
modalElement.querySelector('#lotOccupancyTransactionEdit--transactionAmount').focus(); modalElement.querySelector('#lotOccupancyTransactionEdit--transactionAmount').focus();
(_a = modalElement.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doEdit); modalElement.querySelector('form')?.addEventListener('submit', doEdit);
editCloseModalFunction = closeModalFunction; editCloseModalFunction = closeModalFunction;
}, },
onremoved() { onremoved() {
@ -453,7 +444,6 @@ function deleteLotOccupancyTransaction(clickEvent) {
lotOccupancyId, lotOccupancyId,
transactionIndex transactionIndex
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotOccupancyTransactions = responseJSON.lotOccupancyTransactions; lotOccupancyTransactions = responseJSON.lotOccupancyTransactions;
@ -462,7 +452,7 @@ function deleteLotOccupancyTransaction(clickEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Deleting Transaction', title: 'Error Deleting Transaction',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -479,7 +469,6 @@ function deleteLotOccupancyTransaction(clickEvent) {
}); });
} }
function renderLotOccupancyTransactions() { function renderLotOccupancyTransactions() {
var _a, _b, _c, _d, _e, _f, _g;
if (lotOccupancyTransactions.length === 0) { if (lotOccupancyTransactions.length === 0) {
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
lotOccupancyTransactionsContainerElement.innerHTML = `<div class="message ${lotOccupancyFees.length === 0 ? 'is-info' : 'is-warning'}"> lotOccupancyTransactionsContainerElement.innerHTML = `<div class="message ${lotOccupancyFees.length === 0 ? 'is-info' : 'is-warning'}">
@ -508,10 +497,10 @@ function renderLotOccupancyTransactions() {
const tableRowElement = document.createElement('tr'); const tableRowElement = document.createElement('tr');
tableRowElement.className = 'container--lotOccupancyTransaction'; tableRowElement.className = 'container--lotOccupancyTransaction';
tableRowElement.dataset.transactionIndex = tableRowElement.dataset.transactionIndex =
(_a = lotOccupancyTransaction.transactionIndex) === null || _a === void 0 ? void 0 : _a.toString(); lotOccupancyTransaction.transactionIndex?.toString();
let externalReceiptNumberHTML = ''; let externalReceiptNumberHTML = '';
if (lotOccupancyTransaction.externalReceiptNumber !== '') { if (lotOccupancyTransaction.externalReceiptNumber !== '') {
externalReceiptNumberHTML = cityssm.escapeHTML((_b = lotOccupancyTransaction.externalReceiptNumber) !== null && _b !== void 0 ? _b : ''); externalReceiptNumberHTML = cityssm.escapeHTML(lotOccupancyTransaction.externalReceiptNumber ?? '');
if (los.dynamicsGPIntegrationIsEnabled) { if (los.dynamicsGPIntegrationIsEnabled) {
if (lotOccupancyTransaction.dynamicsGPDocument === undefined) { if (lotOccupancyTransaction.dynamicsGPDocument === undefined) {
externalReceiptNumberHTML += ` <span data-tooltip="No Matching Document Found"> externalReceiptNumberHTML += ` <span data-tooltip="No Matching Document Found">
@ -533,11 +522,11 @@ function renderLotOccupancyTransactions() {
} }
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
tableRowElement.innerHTML = `<td> tableRowElement.innerHTML = `<td>
${cityssm.escapeHTML((_c = lotOccupancyTransaction.transactionDateString) !== null && _c !== void 0 ? _c : '')} ${cityssm.escapeHTML(lotOccupancyTransaction.transactionDateString ?? '')}
</td> </td>
<td> <td>
${externalReceiptNumberHTML} ${externalReceiptNumberHTML}
<small>${cityssm.escapeHTML((_d = lotOccupancyTransaction.transactionNote) !== null && _d !== void 0 ? _d : '')}</small> <small>${cityssm.escapeHTML(lotOccupancyTransaction.transactionNote ?? '')}</small>
</td> </td>
<td class="has-text-right"> <td class="has-text-right">
$${cityssm.escapeHTML(lotOccupancyTransaction.transactionAmount.toFixed(2))} $${cityssm.escapeHTML(lotOccupancyTransaction.transactionAmount.toFixed(2))}
@ -553,12 +542,15 @@ function renderLotOccupancyTransactions() {
</button> </button>
</div> </div>
</td>`; </td>`;
(_e = tableRowElement tableRowElement
.querySelector('.button--edit')) === null || _e === void 0 ? void 0 : _e.addEventListener('click', editLotOccupancyTransaction); .querySelector('.button--edit')
(_f = tableRowElement ?.addEventListener('click', editLotOccupancyTransaction);
.querySelector('.button--delete')) === null || _f === void 0 ? void 0 : _f.addEventListener('click', deleteLotOccupancyTransaction); tableRowElement
(_g = lotOccupancyTransactionsContainerElement .querySelector('.button--delete')
.querySelector('tbody')) === null || _g === void 0 ? void 0 : _g.append(tableRowElement); ?.addEventListener('click', deleteLotOccupancyTransaction);
lotOccupancyTransactionsContainerElement
.querySelector('tbody')
?.append(tableRowElement);
} }
; ;
lotOccupancyTransactionsContainerElement.querySelector('#lotOccupancyTransactions--grandTotal').textContent = `$${transactionGrandTotal.toFixed(2)}`; lotOccupancyTransactionsContainerElement.querySelector('#lotOccupancyTransactions--grandTotal').textContent = `$${transactionGrandTotal.toFixed(2)}`;
@ -587,7 +579,6 @@ addTransactionButtonElement.addEventListener('click', () => {
function doAddTransaction(submitEvent) { function doAddTransaction(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doAddLotOccupancyTransaction`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doAddLotOccupancyTransaction`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotOccupancyTransactions = responseJSON.lotOccupancyTransactions; lotOccupancyTransactions = responseJSON.lotOccupancyTransactions;
@ -597,7 +588,7 @@ addTransactionButtonElement.addEventListener('click', () => {
else { else {
bulmaJS.confirm({ bulmaJS.confirm({
title: 'Error Adding Transaction', title: 'Error Adding Transaction',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -605,12 +596,13 @@ addTransactionButtonElement.addEventListener('click', () => {
} }
// eslint-disable-next-line @typescript-eslint/naming-convention // eslint-disable-next-line @typescript-eslint/naming-convention
function dynamicsGP_refreshExternalReceiptNumberIcon() { function dynamicsGP_refreshExternalReceiptNumberIcon() {
var _a, _b;
const externalReceiptNumber = externalReceiptNumberElement.value; const externalReceiptNumber = externalReceiptNumberElement.value;
const iconElement = (_a = externalReceiptNumberElement const iconElement = externalReceiptNumberElement
.closest('.control')) === null || _a === void 0 ? void 0 : _a.querySelector('.icon'); .closest('.control')
const helpTextElement = (_b = externalReceiptNumberElement ?.querySelector('.icon');
.closest('.field')) === null || _b === void 0 ? void 0 : _b.querySelector('.help'); const helpTextElement = externalReceiptNumberElement
.closest('.field')
?.querySelector('.help');
if (externalReceiptNumber === '') { if (externalReceiptNumber === '') {
helpTextElement.innerHTML = '&nbsp;'; helpTextElement.innerHTML = '&nbsp;';
iconElement.innerHTML = '<i class="fas fa-minus" aria-hidden="true"></i>'; iconElement.innerHTML = '<i class="fas fa-minus" aria-hidden="true"></i>';
@ -663,12 +655,12 @@ addTransactionButtonElement.addEventListener('click', () => {
} }
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
var _a;
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
transactionAmountElement.focus(); transactionAmountElement.focus();
addCloseModalFunction = closeModalFunction; addCloseModalFunction = closeModalFunction;
(_a = modalElement modalElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doAddTransaction); .querySelector('form')
?.addEventListener('submit', doAddTransaction);
}, },
onremoved() { onremoved() {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();

154
public-typescript/lotOccupancyEdit/lotOccupancyEditOccupants.js
View File

@ -1,13 +1,12 @@
"use strict"; "use strict";
// eslint-disable-next-line @eslint-community/eslint-comments/disable-enable-pair // eslint-disable-next-line @eslint-community/eslint-comments/disable-enable-pair
/* eslint-disable unicorn/prefer-module */ /* eslint-disable unicorn/prefer-module */
var _a;
Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "__esModule", { value: true });
let lotOccupancyOccupants = exports.lotOccupancyOccupants; let lotOccupancyOccupants = exports.lotOccupancyOccupants;
delete exports.lotOccupancyOccupants; delete exports.lotOccupancyOccupants;
function openEditLotOccupancyOccupant(clickEvent) { function openEditLotOccupancyOccupant(clickEvent) {
var _a, _b; const lotOccupantIndex = Number.parseInt(clickEvent.currentTarget.closest('tr')?.dataset
const lotOccupantIndex = Number.parseInt((_b = (_a = clickEvent.currentTarget.closest('tr')) === null || _a === void 0 ? void 0 : _a.dataset.lotOccupantIndex) !== null && _b !== void 0 ? _b : '', 10); .lotOccupantIndex ?? '', 10);
const lotOccupancyOccupant = lotOccupancyOccupants.find((currentLotOccupancyOccupant) => { const lotOccupancyOccupant = lotOccupancyOccupants.find((currentLotOccupancyOccupant) => {
return currentLotOccupancyOccupant.lotOccupantIndex === lotOccupantIndex; return currentLotOccupancyOccupant.lotOccupantIndex === lotOccupantIndex;
}); });
@ -16,7 +15,6 @@ function openEditLotOccupancyOccupant(clickEvent) {
function editOccupant(submitEvent) { function editOccupant(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doUpdateLotOccupancyOccupant`, editFormElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doUpdateLotOccupancyOccupant`, editFormElement, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotOccupancyOccupants = responseJSON.lotOccupancyOccupants; lotOccupancyOccupants = responseJSON.lotOccupancyOccupants;
@ -26,7 +24,7 @@ function openEditLotOccupancyOccupant(clickEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Updating ${los.escapedAliases.Occupant}`, title: `Error Updating ${los.escapedAliases.Occupant}`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -34,7 +32,6 @@ function openEditLotOccupancyOccupant(clickEvent) {
} }
cityssm.openHtmlModal('lotOccupancy-editOccupant', { cityssm.openHtmlModal('lotOccupancy-editOccupant', {
onshow(modalElement) { onshow(modalElement) {
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
los.populateAliases(modalElement); los.populateAliases(modalElement);
modalElement.querySelector('#lotOccupancyOccupantEdit--lotOccupancyId').value = lotOccupancyId; modalElement.querySelector('#lotOccupancyOccupantEdit--lotOccupancyId').value = lotOccupancyId;
modalElement.querySelector('#lotOccupancyOccupantEdit--lotOccupantIndex').value = lotOccupantIndex.toString(); modalElement.querySelector('#lotOccupancyOccupantEdit--lotOccupantIndex').value = lotOccupantIndex.toString();
@ -58,8 +55,8 @@ function openEditLotOccupancyOccupant(clickEvent) {
if (!lotOccupantTypeSelected) { if (!lotOccupantTypeSelected) {
const optionElement = document.createElement('option'); const optionElement = document.createElement('option');
optionElement.value = optionElement.value =
(_b = (_a = lotOccupancyOccupant.lotOccupantTypeId) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : ''; lotOccupancyOccupant.lotOccupantTypeId?.toString() ?? '';
optionElement.textContent = (_c = lotOccupancyOccupant.lotOccupantType) !== null && _c !== void 0 ? _c : ''; optionElement.textContent = lotOccupancyOccupant.lotOccupantType ?? '';
optionElement.dataset.occupantCommentTitle = optionElement.dataset.occupantCommentTitle =
lotOccupancyOccupant.occupantCommentTitle; lotOccupancyOccupant.occupantCommentTitle;
optionElement.dataset.fontAwesomeIconClass = optionElement.dataset.fontAwesomeIconClass =
@ -69,34 +66,33 @@ function openEditLotOccupancyOccupant(clickEvent) {
} }
; ;
modalElement.querySelector('#lotOccupancyOccupantEdit--fontAwesomeIconClass').innerHTML = modalElement.querySelector('#lotOccupancyOccupantEdit--fontAwesomeIconClass').innerHTML =
`<i class="fas fa-fw fa-${cityssm.escapeHTML((_d = lotOccupancyOccupant.fontAwesomeIconClass) !== null && _d !== void 0 ? _d : '')}" aria-hidden="true"></i>`; `<i class="fas fa-fw fa-${cityssm.escapeHTML(lotOccupancyOccupant.fontAwesomeIconClass ?? '')}" aria-hidden="true"></i>`;
modalElement.querySelector('#lotOccupancyOccupantEdit--occupantName').value = (_e = lotOccupancyOccupant.occupantName) !== null && _e !== void 0 ? _e : ''; modalElement.querySelector('#lotOccupancyOccupantEdit--occupantName').value = lotOccupancyOccupant.occupantName ?? '';
modalElement.querySelector('#lotOccupancyOccupantEdit--occupantFamilyName').value = (_f = lotOccupancyOccupant.occupantFamilyName) !== null && _f !== void 0 ? _f : ''; modalElement.querySelector('#lotOccupancyOccupantEdit--occupantFamilyName').value = lotOccupancyOccupant.occupantFamilyName ?? '';
modalElement.querySelector('#lotOccupancyOccupantEdit--occupantAddress1').value = (_g = lotOccupancyOccupant.occupantAddress1) !== null && _g !== void 0 ? _g : ''; modalElement.querySelector('#lotOccupancyOccupantEdit--occupantAddress1').value = lotOccupancyOccupant.occupantAddress1 ?? '';
modalElement.querySelector('#lotOccupancyOccupantEdit--occupantAddress2').value = (_h = lotOccupancyOccupant.occupantAddress2) !== null && _h !== void 0 ? _h : ''; modalElement.querySelector('#lotOccupancyOccupantEdit--occupantAddress2').value = lotOccupancyOccupant.occupantAddress2 ?? '';
modalElement.querySelector('#lotOccupancyOccupantEdit--occupantCity').value = (_j = lotOccupancyOccupant.occupantCity) !== null && _j !== void 0 ? _j : ''; modalElement.querySelector('#lotOccupancyOccupantEdit--occupantCity').value = lotOccupancyOccupant.occupantCity ?? '';
modalElement.querySelector('#lotOccupancyOccupantEdit--occupantProvince').value = (_k = lotOccupancyOccupant.occupantProvince) !== null && _k !== void 0 ? _k : ''; modalElement.querySelector('#lotOccupancyOccupantEdit--occupantProvince').value = lotOccupancyOccupant.occupantProvince ?? '';
modalElement.querySelector('#lotOccupancyOccupantEdit--occupantPostalCode').value = (_l = lotOccupancyOccupant.occupantPostalCode) !== null && _l !== void 0 ? _l : ''; modalElement.querySelector('#lotOccupancyOccupantEdit--occupantPostalCode').value = lotOccupancyOccupant.occupantPostalCode ?? '';
modalElement.querySelector('#lotOccupancyOccupantEdit--occupantPhoneNumber').value = (_m = lotOccupancyOccupant.occupantPhoneNumber) !== null && _m !== void 0 ? _m : ''; modalElement.querySelector('#lotOccupancyOccupantEdit--occupantPhoneNumber').value = lotOccupancyOccupant.occupantPhoneNumber ?? '';
modalElement.querySelector('#lotOccupancyOccupantEdit--occupantEmailAddress').value = (_o = lotOccupancyOccupant.occupantEmailAddress) !== null && _o !== void 0 ? _o : ''; modalElement.querySelector('#lotOccupancyOccupantEdit--occupantEmailAddress').value = lotOccupancyOccupant.occupantEmailAddress ?? '';
modalElement.querySelector('#lotOccupancyOccupantEdit--occupantCommentTitle').textContent = modalElement.querySelector('#lotOccupancyOccupantEdit--occupantCommentTitle').textContent =
((_p = lotOccupancyOccupant.occupantCommentTitle) !== null && _p !== void 0 ? _p : '') === '' (lotOccupancyOccupant.occupantCommentTitle ?? '') === ''
? 'Comment' ? 'Comment'
: (_q = lotOccupancyOccupant.occupantCommentTitle) !== null && _q !== void 0 ? _q : ''; : lotOccupancyOccupant.occupantCommentTitle ?? '';
modalElement.querySelector('#lotOccupancyOccupantEdit--occupantComment').value = (_r = lotOccupancyOccupant.occupantComment) !== null && _r !== void 0 ? _r : ''; modalElement.querySelector('#lotOccupancyOccupantEdit--occupantComment').value = lotOccupancyOccupant.occupantComment ?? '';
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
const lotOccupantTypeIdElement = modalElement.querySelector('#lotOccupancyOccupantEdit--lotOccupantTypeId'); const lotOccupantTypeIdElement = modalElement.querySelector('#lotOccupancyOccupantEdit--lotOccupantTypeId');
lotOccupantTypeIdElement.focus(); lotOccupantTypeIdElement.focus();
lotOccupantTypeIdElement.addEventListener('change', () => { lotOccupantTypeIdElement.addEventListener('change', () => {
var _a, _b; const fontAwesomeIconClass = lotOccupantTypeIdElement.selectedOptions[0].dataset
const fontAwesomeIconClass = (_a = lotOccupantTypeIdElement.selectedOptions[0].dataset .fontAwesomeIconClass ?? 'user';
.fontAwesomeIconClass) !== null && _a !== void 0 ? _a : 'user';
modalElement.querySelector('#lotOccupancyOccupantEdit--fontAwesomeIconClass').innerHTML = modalElement.querySelector('#lotOccupancyOccupantEdit--fontAwesomeIconClass').innerHTML =
`<i class="fas fa-fw fa-${cityssm.escapeHTML(fontAwesomeIconClass)}" aria-hidden="true"></i>`; `<i class="fas fa-fw fa-${cityssm.escapeHTML(fontAwesomeIconClass)}" aria-hidden="true"></i>`;
let occupantCommentTitle = (_b = lotOccupantTypeIdElement.selectedOptions[0].dataset let occupantCommentTitle = lotOccupantTypeIdElement.selectedOptions[0].dataset
.occupantCommentTitle) !== null && _b !== void 0 ? _b : ''; .occupantCommentTitle ?? '';
if (occupantCommentTitle === '') { if (occupantCommentTitle === '') {
occupantCommentTitle = 'Comment'; occupantCommentTitle = 'Comment';
} }
@ -113,14 +109,12 @@ function openEditLotOccupancyOccupant(clickEvent) {
}); });
} }
function deleteLotOccupancyOccupant(clickEvent) { function deleteLotOccupancyOccupant(clickEvent) {
var _a; const lotOccupantIndex = clickEvent.currentTarget.closest('tr')?.dataset.lotOccupantIndex;
const lotOccupantIndex = (_a = clickEvent.currentTarget.closest('tr')) === null || _a === void 0 ? void 0 : _a.dataset.lotOccupantIndex;
function doDelete() { function doDelete() {
cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doDeleteLotOccupancyOccupant`, { cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doDeleteLotOccupancyOccupant`, {
lotOccupancyId, lotOccupancyId,
lotOccupantIndex lotOccupantIndex
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotOccupancyOccupants = responseJSON.lotOccupancyOccupants; lotOccupancyOccupants = responseJSON.lotOccupancyOccupants;
@ -129,7 +123,7 @@ function deleteLotOccupancyOccupant(clickEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Removing ${los.escapedAliases.Occupant}`, title: `Error Removing ${los.escapedAliases.Occupant}`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -146,7 +140,6 @@ function deleteLotOccupancyOccupant(clickEvent) {
}); });
} }
function renderLotOccupancyOccupants() { function renderLotOccupancyOccupants() {
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
const occupantsContainer = document.querySelector('#container--lotOccupancyOccupants'); const occupantsContainer = document.querySelector('#container--lotOccupancyOccupants');
cityssm.clearElement(occupantsContainer); cityssm.clearElement(occupantsContainer);
if (lotOccupancyOccupants.length === 0) { if (lotOccupancyOccupants.length === 0) {
@ -170,41 +163,41 @@ function renderLotOccupancyOccupants() {
for (const lotOccupancyOccupant of lotOccupancyOccupants) { for (const lotOccupancyOccupant of lotOccupancyOccupants) {
const tableRowElement = document.createElement('tr'); const tableRowElement = document.createElement('tr');
tableRowElement.dataset.lotOccupantIndex = tableRowElement.dataset.lotOccupantIndex =
(_a = lotOccupancyOccupant.lotOccupantIndex) === null || _a === void 0 ? void 0 : _a.toString(); lotOccupancyOccupant.lotOccupantIndex?.toString();
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
tableRowElement.innerHTML = `<td> tableRowElement.innerHTML = `<td>
${cityssm.escapeHTML(((_b = lotOccupancyOccupant.occupantName) !== null && _b !== void 0 ? _b : '') === '' && ${cityssm.escapeHTML((lotOccupancyOccupant.occupantName ?? '') === '' &&
((_c = lotOccupancyOccupant.occupantFamilyName) !== null && _c !== void 0 ? _c : '') === '' (lotOccupancyOccupant.occupantFamilyName ?? '') === ''
? '(No Name)' ? '(No Name)'
: `${lotOccupancyOccupant.occupantName} ${lotOccupancyOccupant.occupantFamilyName}`)}<br /> : `${lotOccupancyOccupant.occupantName} ${lotOccupancyOccupant.occupantFamilyName}`)}<br />
<span class="tag"> <span class="tag">
<i class="fas fa-fw fa-${cityssm.escapeHTML((_d = lotOccupancyOccupant.fontAwesomeIconClass) !== null && _d !== void 0 ? _d : '')}" aria-hidden="true"></i> <i class="fas fa-fw fa-${cityssm.escapeHTML(lotOccupancyOccupant.fontAwesomeIconClass ?? '')}" aria-hidden="true"></i>
<span class="ml-1">${cityssm.escapeHTML((_e = lotOccupancyOccupant.lotOccupantType) !== null && _e !== void 0 ? _e : '')}</span> <span class="ml-1">${cityssm.escapeHTML(lotOccupancyOccupant.lotOccupantType ?? '')}</span>
</span> </span>
</td><td> </td><td>
${((_f = lotOccupancyOccupant.occupantAddress1) !== null && _f !== void 0 ? _f : '') === '' ${(lotOccupancyOccupant.occupantAddress1 ?? '') === ''
? '' ? ''
: `${cityssm.escapeHTML((_g = lotOccupancyOccupant.occupantAddress1) !== null && _g !== void 0 ? _g : '')}<br />`} : `${cityssm.escapeHTML(lotOccupancyOccupant.occupantAddress1 ?? '')}<br />`}
${((_h = lotOccupancyOccupant.occupantAddress2) !== null && _h !== void 0 ? _h : '') === '' ${(lotOccupancyOccupant.occupantAddress2 ?? '') === ''
? '' ? ''
: `${cityssm.escapeHTML((_j = lotOccupancyOccupant.occupantAddress2) !== null && _j !== void 0 ? _j : '')}<br />`} : `${cityssm.escapeHTML(lotOccupancyOccupant.occupantAddress2 ?? '')}<br />`}
${((_k = lotOccupancyOccupant.occupantCity) !== null && _k !== void 0 ? _k : '') === '' ${(lotOccupancyOccupant.occupantCity ?? '') === ''
? '' ? ''
: `${cityssm.escapeHTML((_l = lotOccupancyOccupant.occupantCity) !== null && _l !== void 0 ? _l : '')}, `} : `${cityssm.escapeHTML(lotOccupancyOccupant.occupantCity ?? '')}, `}
${cityssm.escapeHTML((_m = lotOccupancyOccupant.occupantProvince) !== null && _m !== void 0 ? _m : '')}<br /> ${cityssm.escapeHTML(lotOccupancyOccupant.occupantProvince ?? '')}<br />
${cityssm.escapeHTML((_o = lotOccupancyOccupant.occupantPostalCode) !== null && _o !== void 0 ? _o : '')} ${cityssm.escapeHTML(lotOccupancyOccupant.occupantPostalCode ?? '')}
</td><td> </td><td>
${((_p = lotOccupancyOccupant.occupantPhoneNumber) !== null && _p !== void 0 ? _p : '') === '' ${(lotOccupancyOccupant.occupantPhoneNumber ?? '') === ''
? '' ? ''
: `${cityssm.escapeHTML((_q = lotOccupancyOccupant.occupantPhoneNumber) !== null && _q !== void 0 ? _q : '')}<br />`} : `${cityssm.escapeHTML(lotOccupancyOccupant.occupantPhoneNumber ?? '')}<br />`}
${((_r = lotOccupancyOccupant.occupantEmailAddress) !== null && _r !== void 0 ? _r : '') === '' ${(lotOccupancyOccupant.occupantEmailAddress ?? '') === ''
? '' ? ''
: cityssm.escapeHTML((_s = lotOccupancyOccupant.occupantEmailAddress) !== null && _s !== void 0 ? _s : '')} : cityssm.escapeHTML(lotOccupancyOccupant.occupantEmailAddress ?? '')}
</td><td> </td><td>
<span data-tooltip="${cityssm.escapeHTML(((_t = lotOccupancyOccupant.occupantCommentTitle) !== null && _t !== void 0 ? _t : '') === '' <span data-tooltip="${cityssm.escapeHTML((lotOccupancyOccupant.occupantCommentTitle ?? '') === ''
? 'Comment' ? 'Comment'
: (_u = lotOccupancyOccupant.occupantCommentTitle) !== null && _u !== void 0 ? _u : '')}"> : lotOccupancyOccupant.occupantCommentTitle ?? '')}">
${cityssm.escapeHTML((_v = lotOccupancyOccupant.occupantComment) !== null && _v !== void 0 ? _v : '')} ${cityssm.escapeHTML(lotOccupancyOccupant.occupantComment ?? '')}
</span> </span>
</td><td class="is-hidden-print"> </td><td class="is-hidden-print">
<div class="buttons are-small is-justify-content-end"> <div class="buttons are-small is-justify-content-end">
@ -217,24 +210,25 @@ function renderLotOccupancyOccupants() {
</button> </button>
</div> </div>
</td>`; </td>`;
(_w = tableRowElement tableRowElement
.querySelector('.button--edit')) === null || _w === void 0 ? void 0 : _w.addEventListener('click', openEditLotOccupancyOccupant); .querySelector('.button--edit')
(_x = tableRowElement ?.addEventListener('click', openEditLotOccupancyOccupant);
.querySelector('.button--delete')) === null || _x === void 0 ? void 0 : _x.addEventListener('click', deleteLotOccupancyOccupant); tableRowElement
(_y = tableElement.querySelector('tbody')) === null || _y === void 0 ? void 0 : _y.append(tableRowElement); .querySelector('.button--delete')
?.addEventListener('click', deleteLotOccupancyOccupant);
tableElement.querySelector('tbody')?.append(tableRowElement);
} }
occupantsContainer.append(tableElement); occupantsContainer.append(tableElement);
} }
if (isCreate) { if (isCreate) {
const lotOccupantTypeIdElement = document.querySelector('#lotOccupancy--lotOccupantTypeId'); const lotOccupantTypeIdElement = document.querySelector('#lotOccupancy--lotOccupantTypeId');
lotOccupantTypeIdElement.addEventListener('change', () => { lotOccupantTypeIdElement.addEventListener('change', () => {
var _a;
const occupantFields = formElement.querySelectorAll("[data-table='LotOccupancyOccupant']"); const occupantFields = formElement.querySelectorAll("[data-table='LotOccupancyOccupant']");
for (const occupantField of occupantFields) { for (const occupantField of occupantFields) {
occupantField.disabled = lotOccupantTypeIdElement.value === ''; occupantField.disabled = lotOccupantTypeIdElement.value === '';
} }
let occupantCommentTitle = (_a = lotOccupantTypeIdElement.selectedOptions[0].dataset let occupantCommentTitle = lotOccupantTypeIdElement.selectedOptions[0].dataset
.occupantCommentTitle) !== null && _a !== void 0 ? _a : ''; .occupantCommentTitle ?? '';
if (occupantCommentTitle === '') { if (occupantCommentTitle === '') {
occupantCommentTitle = 'Comment'; occupantCommentTitle = 'Comment';
} }
@ -245,15 +239,15 @@ if (isCreate) {
else { else {
renderLotOccupancyOccupants(); renderLotOccupancyOccupants();
} }
(_a = document document
.querySelector('#button--addOccupant')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => { .querySelector('#button--addOccupant')
?.addEventListener('click', () => {
let addCloseModalFunction; let addCloseModalFunction;
let addFormElement; let addFormElement;
let searchFormElement; let searchFormElement;
let searchResultsElement; let searchResultsElement;
function addOccupant(formOrObject) { function addOccupant(formOrObject) {
cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doAddLotOccupancyOccupant`, formOrObject, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doAddLotOccupancyOccupant`, formOrObject, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
lotOccupancyOccupants = responseJSON.lotOccupancyOccupants; lotOccupancyOccupants = responseJSON.lotOccupancyOccupants;
@ -263,7 +257,7 @@ else {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Adding ${los.escapedAliases.Occupant}`, title: `Error Adding ${los.escapedAliases.Occupant}`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -275,12 +269,12 @@ else {
} }
let pastOccupantSearchResults = []; let pastOccupantSearchResults = [];
function addOccupantFromCopy(clickEvent) { function addOccupantFromCopy(clickEvent) {
var _a, _b;
clickEvent.preventDefault(); clickEvent.preventDefault();
const panelBlockElement = clickEvent.currentTarget; const panelBlockElement = clickEvent.currentTarget;
const occupant = pastOccupantSearchResults[Number.parseInt((_a = panelBlockElement.dataset.index) !== null && _a !== void 0 ? _a : '', 10)]; const occupant = pastOccupantSearchResults[Number.parseInt(panelBlockElement.dataset.index ?? '', 10)];
const lotOccupantTypeId = ((_b = panelBlockElement const lotOccupantTypeId = (panelBlockElement
.closest('.modal')) === null || _b === void 0 ? void 0 : _b.querySelector('#lotOccupancyOccupantCopy--lotOccupantTypeId')).value; .closest('.modal')
?.querySelector('#lotOccupancyOccupantCopy--lotOccupantTypeId')).value;
if (lotOccupantTypeId === '') { if (lotOccupantTypeId === '') {
bulmaJS.alert({ bulmaJS.alert({
title: `No ${los.escapedAliases.Occupant} Type Selected`, title: `No ${los.escapedAliases.Occupant} Type Selected`,
@ -306,7 +300,6 @@ else {
searchResultsElement.innerHTML = searchResultsElement.innerHTML =
los.getLoadingParagraphHTML('Searching...'); los.getLoadingParagraphHTML('Searching...');
cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doSearchPastOccupants`, searchFormElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doSearchPastOccupants`, searchFormElement, (rawResponseJSON) => {
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
pastOccupantSearchResults = responseJSON.occupants; pastOccupantSearchResults = responseJSON.occupants;
const panelElement = document.createElement('div'); const panelElement = document.createElement('div');
@ -318,21 +311,21 @@ else {
panelBlockElement.dataset.index = index.toString(); panelBlockElement.dataset.index = index.toString();
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
panelBlockElement.innerHTML = `<strong> panelBlockElement.innerHTML = `<strong>
${cityssm.escapeHTML((_a = occupant.occupantName) !== null && _a !== void 0 ? _a : '')} ${cityssm.escapeHTML((_b = occupant.occupantFamilyName) !== null && _b !== void 0 ? _b : '')} ${cityssm.escapeHTML(occupant.occupantName ?? '')} ${cityssm.escapeHTML(occupant.occupantFamilyName ?? '')}
</strong><br /> </strong><br />
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
${cityssm.escapeHTML((_c = occupant.occupantAddress1) !== null && _c !== void 0 ? _c : '')}<br /> ${cityssm.escapeHTML(occupant.occupantAddress1 ?? '')}<br />
${((_d = occupant.occupantAddress2) !== null && _d !== void 0 ? _d : '') === '' ${(occupant.occupantAddress2 ?? '') === ''
? '' ? ''
: `${cityssm.escapeHTML((_e = occupant.occupantAddress2) !== null && _e !== void 0 ? _e : '')}<br />`}${cityssm.escapeHTML((_f = occupant.occupantCity) !== null && _f !== void 0 ? _f : '')}, ${cityssm.escapeHTML((_g = occupant.occupantProvince) !== null && _g !== void 0 ? _g : '')}<br /> : `${cityssm.escapeHTML(occupant.occupantAddress2 ?? '')}<br />`}${cityssm.escapeHTML(occupant.occupantCity ?? '')}, ${cityssm.escapeHTML(occupant.occupantProvince ?? '')}<br />
${cityssm.escapeHTML((_h = occupant.occupantPostalCode) !== null && _h !== void 0 ? _h : '')} ${cityssm.escapeHTML(occupant.occupantPostalCode ?? '')}
</div> </div>
<div class="column"> <div class="column">
${((_j = occupant.occupantPhoneNumber) !== null && _j !== void 0 ? _j : '') === '' ${(occupant.occupantPhoneNumber ?? '') === ''
? '' ? ''
: `${cityssm.escapeHTML((_k = occupant.occupantPhoneNumber) !== null && _k !== void 0 ? _k : '')}<br />`} : `${cityssm.escapeHTML(occupant.occupantPhoneNumber ?? '')}<br />`}
${cityssm.escapeHTML((_l = occupant.occupantEmailAddress) !== null && _l !== void 0 ? _l : '')}<br /> ${cityssm.escapeHTML(occupant.occupantEmailAddress ?? '')}<br />
</div> </div>
</div>`; </div>`;
panelBlockElement.addEventListener('click', addOccupantFromCopy); panelBlockElement.addEventListener('click', addOccupantFromCopy);
@ -369,13 +362,12 @@ else {
const lotOccupantTypeIdElement = modalElement.querySelector('#lotOccupancyOccupantAdd--lotOccupantTypeId'); const lotOccupantTypeIdElement = modalElement.querySelector('#lotOccupancyOccupantAdd--lotOccupantTypeId');
lotOccupantTypeIdElement.focus(); lotOccupantTypeIdElement.focus();
lotOccupantTypeIdElement.addEventListener('change', () => { lotOccupantTypeIdElement.addEventListener('change', () => {
var _a, _b; const fontAwesomeIconClass = lotOccupantTypeIdElement.selectedOptions[0].dataset
const fontAwesomeIconClass = (_a = lotOccupantTypeIdElement.selectedOptions[0].dataset .fontAwesomeIconClass ?? 'user';
.fontAwesomeIconClass) !== null && _a !== void 0 ? _a : 'user';
modalElement.querySelector('#lotOccupancyOccupantAdd--fontAwesomeIconClass').innerHTML = modalElement.querySelector('#lotOccupancyOccupantAdd--fontAwesomeIconClass').innerHTML =
`<i class="fas fa-fw fa-${cityssm.escapeHTML(fontAwesomeIconClass)}" aria-hidden="true"></i>`; `<i class="fas fa-fw fa-${cityssm.escapeHTML(fontAwesomeIconClass)}" aria-hidden="true"></i>`;
let occupantCommentTitle = (_b = lotOccupantTypeIdElement.selectedOptions[0].dataset let occupantCommentTitle = lotOccupantTypeIdElement.selectedOptions[0].dataset
.occupantCommentTitle) !== null && _b !== void 0 ? _b : ''; .occupantCommentTitle ?? '';
if (occupantCommentTitle === '') { if (occupantCommentTitle === '') {
occupantCommentTitle = 'Comment'; occupantCommentTitle = 'Comment';
} }

49
public-typescript/lotOccupancySearch.js
View File

@ -9,7 +9,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
const limit = Number.parseInt(document.querySelector('#searchFilter--limit').value, 10); const limit = Number.parseInt(document.querySelector('#searchFilter--limit').value, 10);
const offsetElement = document.querySelector('#searchFilter--offset'); const offsetElement = document.querySelector('#searchFilter--offset');
function renderLotOccupancies(rawResponseJSON) { function renderLotOccupancies(rawResponseJSON) {
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.lotOccupancies.length === 0) { if (responseJSON.lotOccupancies.length === 0) {
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
@ -42,26 +41,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
</span>`; </span>`;
} }
let occupantsHTML = ''; let occupantsHTML = '';
for (const occupant of (_a = lotOccupancy.lotOccupancyOccupants) !== null && _a !== void 0 ? _a : []) { for (const occupant of lotOccupancy.lotOccupancyOccupants ?? []) {
occupantsHTML += `<li class="has-tooltip-left" data-tooltip="${cityssm.escapeHTML((_b = occupant.lotOccupantType) !== null && _b !== void 0 ? _b : '')}"> occupantsHTML += `<li class="has-tooltip-left" data-tooltip="${cityssm.escapeHTML(occupant.lotOccupantType ?? '')}">
<span class="fa-li"> <span class="fa-li">
<i class="fas fa-fw fa-${cityssm.escapeHTML(((_c = occupant.fontAwesomeIconClass) !== null && _c !== void 0 ? _c : '') === '' <i class="fas fa-fw fa-${cityssm.escapeHTML((occupant.fontAwesomeIconClass ?? '') === ''
? 'user' ? 'user'
: (_d = occupant.fontAwesomeIconClass) !== null && _d !== void 0 ? _d : '')}" aria-hidden="true"></i> : occupant.fontAwesomeIconClass ?? '')}" aria-hidden="true"></i>
</span> </span>
${cityssm.escapeHTML((_e = occupant.occupantName) !== null && _e !== void 0 ? _e : '')} ${cityssm.escapeHTML(occupant.occupantName ?? '')}
${cityssm.escapeHTML((_f = occupant.occupantFamilyName) !== null && _f !== void 0 ? _f : '')} ${cityssm.escapeHTML(occupant.occupantFamilyName ?? '')}
</li>`; </li>`;
} }
const feeTotal = ((_h = (_g = lotOccupancy.lotOccupancyFees) === null || _g === void 0 ? void 0 : _g.reduce((soFar, currentFee) => { const feeTotal = (lotOccupancy.lotOccupancyFees?.reduce((soFar, currentFee) => {
var _a, _b, _c;
return (soFar + return (soFar +
(((_a = currentFee.feeAmount) !== null && _a !== void 0 ? _a : 0) + ((_b = currentFee.taxAmount) !== null && _b !== void 0 ? _b : 0)) * ((currentFee.feeAmount ?? 0) + (currentFee.taxAmount ?? 0)) *
((_c = currentFee.quantity) !== null && _c !== void 0 ? _c : 0)); (currentFee.quantity ?? 0));
}, 0)) !== null && _h !== void 0 ? _h : 0).toFixed(2); }, 0) ?? 0).toFixed(2);
const transactionTotal = ((_k = (_j = lotOccupancy.lotOccupancyTransactions) === null || _j === void 0 ? void 0 : _j.reduce((soFar, currentTransaction) => { const transactionTotal = (lotOccupancy.lotOccupancyTransactions?.reduce((soFar, currentTransaction) => {
return soFar + currentTransaction.transactionAmount; return soFar + currentTransaction.transactionAmount;
}, 0)) !== null && _k !== void 0 ? _k : 0).toFixed(2); }, 0) ?? 0).toFixed(2);
let feeIconHTML = ''; let feeIconHTML = '';
if (feeTotal !== '0.00' || transactionTotal !== '0.00') { if (feeTotal !== '0.00' || transactionTotal !== '0.00') {
feeIconHTML = `<span class="icon" feeIconHTML = `<span class="icon"
@ -79,14 +77,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
</td><td> </td><td>
<a class="has-text-weight-bold" <a class="has-text-weight-bold"
href="${los.getLotOccupancyURL(lotOccupancy.lotOccupancyId)}"> href="${los.getLotOccupancyURL(lotOccupancy.lotOccupancyId)}">
${cityssm.escapeHTML((_l = lotOccupancy.occupancyType) !== null && _l !== void 0 ? _l : '')} ${cityssm.escapeHTML(lotOccupancy.occupancyType ?? '')}
</a><br /> </a><br />
<span class="is-size-7">#${lotOccupancy.lotOccupancyId}</span> <span class="is-size-7">#${lotOccupancy.lotOccupancyId}</span>
</td><td> </td><td>
${((_m = lotOccupancy.lotId) !== null && _m !== void 0 ? _m : -1) === -1 ${(lotOccupancy.lotId ?? -1) === -1
? `<span class="has-text-grey">(No ${los.escapedAliases.Lot})</span>` ? `<span class="has-text-grey">(No ${los.escapedAliases.Lot})</span>`
: `<a class="has-tooltip-right" data-tooltip="${cityssm.escapeHTML((_o = lotOccupancy.lotType) !== null && _o !== void 0 ? _o : '')}" href="${los.getLotURL(lotOccupancy.lotId)}">${cityssm.escapeHTML((_p = lotOccupancy.lotName) !== null && _p !== void 0 ? _p : '')}</a>`}<br /> : `<a class="has-tooltip-right" data-tooltip="${cityssm.escapeHTML(lotOccupancy.lotType ?? '')}" href="${los.getLotURL(lotOccupancy.lotId)}">${cityssm.escapeHTML(lotOccupancy.lotName ?? '')}</a>`}<br />
<span class="is-size-7">${cityssm.escapeHTML((_q = lotOccupancy.mapName) !== null && _q !== void 0 ? _q : '')}</span> <span class="is-size-7">${cityssm.escapeHTML(lotOccupancy.mapName ?? '')}</span>
</td><td> </td><td>
${lotOccupancy.occupancyStartDateString} ${lotOccupancy.occupancyStartDateString}
</td><td> </td><td>
@ -120,14 +118,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
<th class="has-width-1"><span class="is-sr-only">Print</span></th> <th class="has-width-1"><span class="is-sr-only">Print</span></th>
</tr></thead> </tr></thead>
<table>`; <table>`;
(_r = searchResultsContainerElement searchResultsContainerElement
.querySelector('table')) === null || _r === void 0 ? void 0 : _r.append(resultsTbodyElement); .querySelector('table')
?.append(resultsTbodyElement);
// eslint-disable-next-line no-unsanitized/method // eslint-disable-next-line no-unsanitized/method
searchResultsContainerElement.insertAdjacentHTML('beforeend', los.getSearchResultsPagerHTML(limit, responseJSON.offset, responseJSON.count)); searchResultsContainerElement.insertAdjacentHTML('beforeend', los.getSearchResultsPagerHTML(limit, responseJSON.offset, responseJSON.count));
(_s = searchResultsContainerElement searchResultsContainerElement
.querySelector("button[data-page='previous']")) === null || _s === void 0 ? void 0 : _s.addEventListener('click', previousAndGetLotOccupancies); .querySelector("button[data-page='previous']")
(_t = searchResultsContainerElement ?.addEventListener('click', previousAndGetLotOccupancies);
.querySelector("button[data-page='next']")) === null || _t === void 0 ? void 0 : _t.addEventListener('click', nextAndGetLotOccupancies); searchResultsContainerElement
.querySelector("button[data-page='next']")
?.addEventListener('click', nextAndGetLotOccupancies);
} }
function getLotOccupancies() { function getLotOccupancies() {
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property

24
public-typescript/lotSearch.js
View File

@ -9,7 +9,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
const limit = Number.parseInt(document.querySelector('#searchFilter--limit').value, 10); const limit = Number.parseInt(document.querySelector('#searchFilter--limit').value, 10);
const offsetElement = document.querySelector('#searchFilter--offset'); const offsetElement = document.querySelector('#searchFilter--offset');
function renderLots(rawResponseJSON) { function renderLots(rawResponseJSON) {
var _a, _b, _c, _d, _e, _f, _g;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.lots.length === 0) { if (responseJSON.lots.length === 0) {
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
@ -24,7 +23,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
resultsTbodyElement.insertAdjacentHTML('beforeend', `<tr> resultsTbodyElement.insertAdjacentHTML('beforeend', `<tr>
<td> <td>
<a class="has-text-weight-bold" href="${los.getLotURL(lot.lotId)}"> <a class="has-text-weight-bold" href="${los.getLotURL(lot.lotId)}">
${cityssm.escapeHTML((_a = lot.lotName) !== null && _a !== void 0 ? _a : '')} ${cityssm.escapeHTML(lot.lotName ?? '')}
</a> </a>
</td><td> </td><td>
<a href="${los.getMapURL(lot.mapId)}"> <a href="${los.getMapURL(lot.mapId)}">
@ -33,12 +32,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
: '<span class="has-text-grey">(No Name)</span>'} : '<span class="has-text-grey">(No Name)</span>'}
</a> </a>
</td><td> </td><td>
${cityssm.escapeHTML((_b = lot.lotType) !== null && _b !== void 0 ? _b : '')} ${cityssm.escapeHTML(lot.lotType ?? '')}
</td><td> </td><td>
${lot.lotStatusId ${lot.lotStatusId
? cityssm.escapeHTML((_c = lot.lotStatus) !== null && _c !== void 0 ? _c : '') ? cityssm.escapeHTML(lot.lotStatus ?? '')
: '<span class="has-text-grey">(No Status)</span>'}<br /> : '<span class="has-text-grey">(No Status)</span>'}<br />
${((_d = lot.lotOccupancyCount) !== null && _d !== void 0 ? _d : 0) > 0 ${(lot.lotOccupancyCount ?? 0) > 0
? '<span class="is-size-7">Currently Occupied</span>' ? '<span class="is-size-7">Currently Occupied</span>'
: ''} : ''}
</td> </td>
@ -55,12 +54,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
<table>`; <table>`;
// eslint-disable-next-line no-unsanitized/method // eslint-disable-next-line no-unsanitized/method
searchResultsContainerElement.insertAdjacentHTML('beforeend', los.getSearchResultsPagerHTML(limit, responseJSON.offset, responseJSON.count)); searchResultsContainerElement.insertAdjacentHTML('beforeend', los.getSearchResultsPagerHTML(limit, responseJSON.offset, responseJSON.count));
(_e = searchResultsContainerElement searchResultsContainerElement
.querySelector('table')) === null || _e === void 0 ? void 0 : _e.append(resultsTbodyElement); .querySelector('table')
(_f = searchResultsContainerElement ?.append(resultsTbodyElement);
.querySelector("button[data-page='previous']")) === null || _f === void 0 ? void 0 : _f.addEventListener('click', previousAndGetLots); searchResultsContainerElement
(_g = searchResultsContainerElement .querySelector("button[data-page='previous']")
.querySelector("button[data-page='next']")) === null || _g === void 0 ? void 0 : _g.addEventListener('click', nextAndGetLots); ?.addEventListener('click', previousAndGetLots);
searchResultsContainerElement
.querySelector("button[data-page='next']")
?.addEventListener('click', nextAndGetLots);
} }
function getLots() { function getLots() {
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property

3
public-typescript/lotView.js
View File

@ -3,10 +3,9 @@
/* eslint-disable unicorn/prefer-module */ /* eslint-disable unicorn/prefer-module */
Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "__esModule", { value: true });
(() => { (() => {
var _a;
const mapContainerElement = document.querySelector('#lot--map'); const mapContainerElement = document.querySelector('#lot--map');
if (mapContainerElement !== null) { if (mapContainerElement !== null) {
; ;
exports.los.highlightMap(mapContainerElement, (_a = mapContainerElement.dataset.mapKey) !== null && _a !== void 0 ? _a : '', 'success'); exports.los.highlightMap(mapContainerElement, mapContainerElement.dataset.mapKey ?? '', 'success');
} }
})(); })();

16
public-typescript/main.js
View File

@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
/* /*
* Unsaved Changes * Unsaved Changes
*/ */
var _a, _b, _c, _d;
let _hasUnsavedChanges = false; let _hasUnsavedChanges = false;
function setUnsavedChanges() { function setUnsavedChanges() {
if (!hasUnsavedChanges()) { if (!hasUnsavedChanges()) {
@ -82,7 +81,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
displayMode: 'dialog' displayMode: 'dialog'
}; };
function initializeDatePickers(containerElement) { function initializeDatePickers(containerElement) {
var _a, _b, _c;
const dateElements = containerElement.querySelectorAll("input[type='date']"); const dateElements = containerElement.querySelectorAll("input[type='date']");
for (const dateElement of dateElements) { for (const dateElement of dateElements) {
const datePickerOptions = Object.assign({}, datePickerBaseOptions); const datePickerOptions = Object.assign({}, datePickerBaseOptions);
@ -105,8 +103,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
// Disable html scrolling when calendar is open // Disable html scrolling when calendar is open
cal.on('show', () => { cal.on('show', () => {
var _a; document.querySelector('html')?.classList.add('is-clipped');
(_a = document.querySelector('html')) === null || _a === void 0 ? void 0 : _a.classList.add('is-clipped');
}); });
// Reenable scrolling, if a modal window is not open // Reenable scrolling, if a modal window is not open
cal.on('hide', () => { cal.on('hide', () => {
@ -117,7 +114,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
// Override the previous and next month button styles // Override the previous and next month button styles
const datePickerNavButtonElements = datepickerElement.querySelectorAll('.datepicker-nav button.is-text'); const datePickerNavButtonElements = datepickerElement.querySelectorAll('.datepicker-nav button.is-text');
for (const datePickerNavButtonElement of datePickerNavButtonElements) { for (const datePickerNavButtonElement of datePickerNavButtonElements) {
datePickerNavButtonElement.classList.add(`is-${(_a = datePickerBaseOptions.color) !== null && _a !== void 0 ? _a : ''}`); datePickerNavButtonElement.classList.add(`is-${datePickerBaseOptions.color ?? ''}`);
datePickerNavButtonElement.classList.remove('is-text'); datePickerNavButtonElement.classList.remove('is-text');
} }
// Override the clear button style // Override the clear button style
@ -136,8 +133,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
// Apply a label // Apply a label
const labelElement = document.querySelector(`label[for='${dateElement.id}']`); const labelElement = document.querySelector(`label[for='${dateElement.id}']`);
if (labelElement !== null) { if (labelElement !== null) {
(_b = datepickerElement datepickerElement
.querySelector('.datetimepicker-dummy-input')) === null || _b === void 0 ? void 0 : _b.setAttribute('aria-label', (_c = labelElement.textContent) !== null && _c !== void 0 ? _c : ''); .querySelector('.datetimepicker-dummy-input')
?.setAttribute('aria-label', labelElement.textContent ?? '');
} }
} }
} }
@ -295,7 +293,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
/* /*
* URLs * URLs
*/ */
const urlPrefix = (_b = (_a = document.querySelector('main')) === null || _a === void 0 ? void 0 : _a.dataset.urlPrefix) !== null && _b !== void 0 ? _b : ''; const urlPrefix = document.querySelector('main')?.dataset.urlPrefix ?? '';
function getRecordURL(recordTypePlural, recordId, edit, time) { function getRecordURL(recordTypePlural, recordId, edit, time) {
return (urlPrefix + return (urlPrefix +
'/' + '/' +
@ -325,7 +323,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
*/ */
const los = { const los = {
urlPrefix, urlPrefix,
apiKey: (_d = (_c = document.querySelector('main')) === null || _c === void 0 ? void 0 : _c.dataset.apiKey) !== null && _d !== void 0 ? _d : '', apiKey: document.querySelector('main')?.dataset.apiKey ?? '',
dynamicsGPIntegrationIsEnabled, dynamicsGPIntegrationIsEnabled,
highlightMap, highlightMap,
initializeUnlockFieldButtons, initializeUnlockFieldButtons,

24
public-typescript/mapEdit.js
View File

@ -3,28 +3,26 @@
/* eslint-disable unicorn/prefer-module */ /* 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 mapId = document.querySelector('#map--mapId') const mapId = document.querySelector('#map--mapId')
.value; .value;
const isCreate = mapId === ''; const isCreate = mapId === '';
const mapForm = document.querySelector('#form--map'); const mapForm = document.querySelector('#form--map');
function setUnsavedChanges() { function setUnsavedChanges() {
var _a;
los.setUnsavedChanges(); los.setUnsavedChanges();
(_a = document document
.querySelector("button[type='submit'][form='form--map']")) === null || _a === void 0 ? void 0 : _a.classList.remove('is-light'); .querySelector("button[type='submit'][form='form--map']")
?.classList.remove('is-light');
} }
function clearUnsavedChanges() { function clearUnsavedChanges() {
var _a;
los.clearUnsavedChanges(); los.clearUnsavedChanges();
(_a = document document
.querySelector("button[type='submit'][form='form--map']")) === null || _a === void 0 ? void 0 : _a.classList.add('is-light'); .querySelector("button[type='submit'][form='form--map']")
?.classList.add('is-light');
} }
function updateMap(formEvent) { function updateMap(formEvent) {
formEvent.preventDefault(); formEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/maps/${isCreate ? 'doCreateMap' : 'doUpdateMap'}`, mapForm, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/maps/${isCreate ? 'doCreateMap' : 'doUpdateMap'}`, mapForm, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
clearUnsavedChanges(); clearUnsavedChanges();
@ -41,7 +39,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Updating ${los.escapedAliases.Map}`, title: `Error Updating ${los.escapedAliases.Map}`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -52,14 +50,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
for (const inputElement of inputElements) { for (const inputElement of inputElements) {
inputElement.addEventListener('change', setUnsavedChanges); inputElement.addEventListener('change', setUnsavedChanges);
} }
(_a = document document
.querySelector('#button--deleteMap')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', (clickEvent) => { .querySelector('#button--deleteMap')
?.addEventListener('click', (clickEvent) => {
clickEvent.preventDefault(); clickEvent.preventDefault();
function doDelete() { function doDelete() {
cityssm.postJSON(`${los.urlPrefix}/maps/doDeleteMap`, { cityssm.postJSON(`${los.urlPrefix}/maps/doDeleteMap`, {
mapId mapId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
window.location.href = los.getMapURL(); window.location.href = los.getMapURL();
@ -67,7 +65,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Deleting ${los.escapedAliases.Map}`, title: `Error Deleting ${los.escapedAliases.Map}`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }

31
public-typescript/mapSearch.js
View File

@ -3,13 +3,11 @@
/* eslint-disable unicorn/prefer-module */ /* 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 maps = exports.maps; const maps = exports.maps;
const searchFilterElement = document.querySelector('#searchFilter--map'); const searchFilterElement = document.querySelector('#searchFilter--map');
const searchResultsContainerElement = document.querySelector('#container--searchResults'); const searchResultsContainerElement = document.querySelector('#container--searchResults');
function renderResults() { function renderResults() {
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
searchResultsContainerElement.innerHTML = los.getLoadingParagraphHTML(`Loading ${los.escapedAliases.Maps}...`); searchResultsContainerElement.innerHTML = los.getLoadingParagraphHTML(`Loading ${los.escapedAliases.Maps}...`);
let searchResultCount = 0; let searchResultCount = 0;
@ -19,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
.toLowerCase() .toLowerCase()
.split(' '); .split(' ');
for (const map of maps) { for (const map of maps) {
const mapSearchString = `${(_a = map.mapName) !== null && _a !== void 0 ? _a : ''} ${(_b = map.mapDescription) !== null && _b !== void 0 ? _b : ''} ${(_c = map.mapAddress1) !== null && _c !== void 0 ? _c : ''} ${(_d = map.mapAddress2) !== null && _d !== void 0 ? _d : ''}`.toLowerCase(); const mapSearchString = `${map.mapName ?? ''} ${map.mapDescription ?? ''} ${map.mapAddress1 ?? ''} ${map.mapAddress2 ?? ''}`.toLowerCase();
let showMap = true; let showMap = true;
for (const filterStringPiece of filterStringSplit) { for (const filterStringPiece of filterStringSplit) {
if (!mapSearchString.includes(filterStringPiece)) { if (!mapSearchString.includes(filterStringPiece)) {
@ -35,26 +33,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
searchResultsTbodyElement.insertAdjacentHTML('beforeend', `<tr> searchResultsTbodyElement.insertAdjacentHTML('beforeend', `<tr>
<td> <td>
<a class="has-text-weight-bold" href="${los.getMapURL(map.mapId)}"> <a class="has-text-weight-bold" href="${los.getMapURL(map.mapId)}">
${cityssm.escapeHTML(((_e = map.mapName) !== null && _e !== void 0 ? _e : '') === '' ? '(No Name)' : (_f = map.mapName) !== null && _f !== void 0 ? _f : '')} ${cityssm.escapeHTML((map.mapName ?? '') === '' ? '(No Name)' : map.mapName ?? '')}
</a><br /> </a><br />
<span class="is-size-7"> <span class="is-size-7">
${cityssm.escapeHTML((_g = map.mapDescription) !== null && _g !== void 0 ? _g : '')} ${cityssm.escapeHTML(map.mapDescription ?? '')}
</span> </span>
</td><td> </td><td>
${((_h = map.mapAddress1) !== null && _h !== void 0 ? _h : '') === '' ${(map.mapAddress1 ?? '') === ''
? '' ? ''
: `${cityssm.escapeHTML((_j = map.mapAddress1) !== null && _j !== void 0 ? _j : '')}<br />`} : `${cityssm.escapeHTML(map.mapAddress1 ?? '')}<br />`}
${((_k = map.mapAddress2) !== null && _k !== void 0 ? _k : '') === '' ${(map.mapAddress2 ?? '') === ''
? '' ? ''
: `${cityssm.escapeHTML((_l = map.mapAddress2) !== null && _l !== void 0 ? _l : '')}<br />`} : `${cityssm.escapeHTML(map.mapAddress2 ?? '')}<br />`}
${map.mapCity || map.mapProvince ${map.mapCity || map.mapProvince
? `${cityssm.escapeHTML((_m = map.mapCity) !== null && _m !== void 0 ? _m : '')}, ${cityssm.escapeHTML((_o = map.mapProvince) !== null && _o !== void 0 ? _o : '')}<br />` ? `${cityssm.escapeHTML(map.mapCity ?? '')}, ${cityssm.escapeHTML(map.mapProvince ?? '')}<br />`
: ''} : ''}
${((_p = map.mapPostalCode) !== null && _p !== void 0 ? _p : '') === '' ${(map.mapPostalCode ?? '') === ''
? '' ? ''
: cityssm.escapeHTML((_q = map.mapPostalCode) !== null && _q !== void 0 ? _q : '')} : cityssm.escapeHTML(map.mapPostalCode ?? '')}
</td><td> </td><td>
${cityssm.escapeHTML((_r = map.mapPhoneNumber) !== null && _r !== void 0 ? _r : '')} ${cityssm.escapeHTML(map.mapPhoneNumber ?? '')}
</td><td class="has-text-centered"> </td><td class="has-text-centered">
${map.mapLatitude && map.mapLongitude ${map.mapLatitude && map.mapLongitude
? `<span data-tooltip="Has Geographic Coordinates"> ? `<span data-tooltip="Has Geographic Coordinates">
@ -62,7 +60,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
</span>` </span>`
: ''} : ''}
</td><td class="has-text-centered"> </td><td class="has-text-centered">
${((_s = map.mapSVG) !== null && _s !== void 0 ? _s : '') === '' ${(map.mapSVG ?? '') === ''
? '' ? ''
: '<span data-tooltip="Has Image"><i class="fas fa-image" aria-label="Has Image"></i></span>'} : '<span data-tooltip="Has Image"><i class="fas fa-image" aria-label="Has Image"></i></span>'}
</td><td class="has-text-right"> </td><td class="has-text-right">
@ -95,8 +93,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
} }
searchFilterElement.addEventListener('keyup', renderResults); searchFilterElement.addEventListener('keyup', renderResults);
(_a = document document
.querySelector('#form--searchFilters')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', (formEvent) => { .querySelector('#form--searchFilters')
?.addEventListener('submit', (formEvent) => {
formEvent.preventDefault(); formEvent.preventDefault();
renderResults(); renderResults();
}); });

5
public-typescript/mapView.js
View File

@ -3,11 +3,10 @@
/* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call */ /* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call */
Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "__esModule", { value: true });
(() => { (() => {
var _a, _b;
const mapContainerElement = document.querySelector('#map--leaflet'); const mapContainerElement = document.querySelector('#map--leaflet');
if (mapContainerElement !== null) { if (mapContainerElement !== null) {
const mapLatitude = Number.parseFloat((_a = mapContainerElement.dataset.mapLatitude) !== null && _a !== void 0 ? _a : ''); const mapLatitude = Number.parseFloat(mapContainerElement.dataset.mapLatitude ?? '');
const mapLongitude = Number.parseFloat((_b = mapContainerElement.dataset.mapLongitude) !== null && _b !== void 0 ? _b : ''); const mapLongitude = Number.parseFloat(mapContainerElement.dataset.mapLongitude ?? '');
const mapCoordinates = [mapLatitude, mapLongitude]; const mapCoordinates = [mapLatitude, mapLongitude];
// eslint-disable-next-line unicorn/no-array-callback-reference // eslint-disable-next-line unicorn/no-array-callback-reference
const map = L.map(mapContainerElement); const map = L.map(mapContainerElement);

294
public-typescript/workOrderEdit.js
View File

@ -3,30 +3,29 @@
/* eslint-disable unicorn/prefer-module */ /* eslint-disable unicorn/prefer-module */
Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "__esModule", { value: true });
(() => { (() => {
var _a, _b, _c, _d;
const los = exports.los; const los = exports.los;
const workOrderId = document.querySelector('#workOrderEdit--workOrderId').value; const workOrderId = document.querySelector('#workOrderEdit--workOrderId').value;
const isCreate = workOrderId === ''; const isCreate = workOrderId === '';
const workOrderFormElement = document.querySelector('#form--workOrderEdit'); const workOrderFormElement = document.querySelector('#form--workOrderEdit');
los.initializeDatePickers((_a = workOrderFormElement los.initializeDatePickers(workOrderFormElement
.querySelector('#workOrderEdit--workOrderOpenDateString')) === null || _a === void 0 ? void 0 : _a.closest('.field')); .querySelector('#workOrderEdit--workOrderOpenDateString')
?.closest('.field'));
los.initializeUnlockFieldButtons(workOrderFormElement); los.initializeUnlockFieldButtons(workOrderFormElement);
function setUnsavedChanges() { function setUnsavedChanges() {
var _a;
los.setUnsavedChanges(); los.setUnsavedChanges();
(_a = document document
.querySelector("button[type='submit'][form='form--workOrderEdit']")) === null || _a === void 0 ? void 0 : _a.classList.remove('is-light'); .querySelector("button[type='submit'][form='form--workOrderEdit']")
?.classList.remove('is-light');
} }
function clearUnsavedChanges() { function clearUnsavedChanges() {
var _a;
los.clearUnsavedChanges(); los.clearUnsavedChanges();
(_a = document document
.querySelector("button[type='submit'][form='form--workOrderEdit']")) === null || _a === void 0 ? void 0 : _a.classList.add('is-light'); .querySelector("button[type='submit'][form='form--workOrderEdit']")
?.classList.add('is-light');
} }
workOrderFormElement.addEventListener('submit', (submitEvent) => { workOrderFormElement.addEventListener('submit', (submitEvent) => {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/workOrders/${isCreate ? 'doCreateWorkOrder' : 'doUpdateWorkOrder'}`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/workOrders/${isCreate ? 'doCreateWorkOrder' : 'doUpdateWorkOrder'}`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
clearUnsavedChanges(); clearUnsavedChanges();
@ -43,7 +42,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Updating Work Order', title: 'Error Updating Work Order',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -60,7 +59,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
cityssm.postJSON(`${los.urlPrefix}/workOrders/doCloseWorkOrder`, { cityssm.postJSON(`${los.urlPrefix}/workOrders/doCloseWorkOrder`, {
workOrderId workOrderId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
clearUnsavedChanges(); clearUnsavedChanges();
@ -69,7 +67,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Closing Work Order', title: 'Error Closing Work Order',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -79,7 +77,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
cityssm.postJSON(`${los.urlPrefix}/workOrders/doDeleteWorkOrder`, { cityssm.postJSON(`${los.urlPrefix}/workOrders/doDeleteWorkOrder`, {
workOrderId workOrderId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
clearUnsavedChanges(); clearUnsavedChanges();
@ -88,15 +85,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Deleting Work Order', title: 'Error Deleting Work Order',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
}); });
} }
let workOrderMilestones; let workOrderMilestones;
(_b = document document
.querySelector('#button--closeWorkOrder')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', () => { .querySelector('#button--closeWorkOrder')
?.addEventListener('click', () => {
const hasOpenMilestones = workOrderMilestones.some((milestone) => { const hasOpenMilestones = workOrderMilestones.some((milestone) => {
return !milestone.workOrderMilestoneCompletionDate; return !milestone.workOrderMilestoneCompletionDate;
}); });
@ -135,8 +133,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
}); });
(_c = document document
.querySelector('#button--deleteWorkOrder')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', (clickEvent) => { .querySelector('#button--deleteWorkOrder')
?.addEventListener('click', (clickEvent) => {
clickEvent.preventDefault(); clickEvent.preventDefault();
bulmaJS.confirm({ bulmaJS.confirm({
title: 'Delete Work Order', title: 'Delete Work Order',
@ -155,7 +154,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
"use strict"; "use strict";
// eslint-disable-next-line @eslint-community/eslint-comments/disable-enable-pair // eslint-disable-next-line @eslint-community/eslint-comments/disable-enable-pair
/* eslint-disable unicorn/prefer-module */ /* eslint-disable unicorn/prefer-module */
var _a, _b;
Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "__esModule", { value: true });
let workOrderLots = exports.workOrderLots; let workOrderLots = exports.workOrderLots;
delete exports.workOrderLots; delete exports.workOrderLots;
@ -168,7 +166,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
workOrderId, workOrderId,
lotOccupancyId lotOccupancyId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderLotOccupancies = responseJSON.workOrderLotOccupancies; workOrderLotOccupancies = responseJSON.workOrderLotOccupancies;
@ -177,7 +174,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Deleting Relationship', title: 'Error Deleting Relationship',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -198,7 +195,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
workOrderId, workOrderId,
lotId lotId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderLots = responseJSON.workOrderLots; workOrderLots = responseJSON.workOrderLots;
@ -207,7 +203,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Adding ${los.escapedAliases.Lot}`, title: `Error Adding ${los.escapedAliases.Lot}`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -221,7 +217,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
workOrderId, workOrderId,
lotOccupancyId lotOccupancyId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderLotOccupancies = responseJSON.workOrderLotOccupancies; workOrderLotOccupancies = responseJSON.workOrderLotOccupancies;
@ -230,7 +225,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Adding ${los.escapedAliases.Occupancy}`, title: `Error Adding ${los.escapedAliases.Occupancy}`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -240,12 +235,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function addLotFromLotOccupancy(clickEvent) { function addLotFromLotOccupancy(clickEvent) {
var _a; const lotId = clickEvent.currentTarget.dataset.lotId ?? '';
const lotId = (_a = clickEvent.currentTarget.dataset.lotId) !== null && _a !== void 0 ? _a : '';
addLot(lotId); addLot(lotId);
} }
function renderRelatedOccupancies() { function renderRelatedOccupancies() {
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
const occupanciesContainerElement = document.querySelector('#container--lotOccupancies'); const occupanciesContainerElement = document.querySelector('#container--lotOccupancies');
document.querySelector(".tabs a[href='#relatedTab--lotOccupancies'] .tag").textContent = workOrderLotOccupancies.length.toString(); document.querySelector(".tabs a[href='#relatedTab--lotOccupancies'] .tag").textContent = workOrderLotOccupancies.length.toString();
if (workOrderLotOccupancies.length === 0) { if (workOrderLotOccupancies.length === 0) {
@ -286,14 +279,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
: `<i class="fas fa-stop" title="Previous ${los.escapedAliases.Occupancy}"></i>`} : `<i class="fas fa-stop" title="Previous ${los.escapedAliases.Occupancy}"></i>`}
</td><td> </td><td>
<a class="has-text-weight-bold" href="${los.getLotOccupancyURL(lotOccupancy.lotOccupancyId)}"> <a class="has-text-weight-bold" href="${los.getLotOccupancyURL(lotOccupancy.lotOccupancyId)}">
${cityssm.escapeHTML((_a = lotOccupancy.occupancyType) !== null && _a !== void 0 ? _a : '')} ${cityssm.escapeHTML(lotOccupancy.occupancyType ?? '')}
</a><br /> </a><br />
<span class="is-size-7">#${lotOccupancy.lotOccupancyId}</span> <span class="is-size-7">#${lotOccupancy.lotOccupancyId}</span>
</td>`; </td>`;
if (lotOccupancy.lotId) { if (lotOccupancy.lotId) {
// eslint-disable-next-line no-unsanitized/method // eslint-disable-next-line no-unsanitized/method
rowElement.insertAdjacentHTML('beforeend', `<td> rowElement.insertAdjacentHTML('beforeend', `<td>
${cityssm.escapeHTML((_b = lotOccupancy.lotName) !== null && _b !== void 0 ? _b : '')} ${cityssm.escapeHTML(lotOccupancy.lotName ?? '')}
${hasLotRecord ${hasLotRecord
? '' ? ''
: ` <button class="button is-small is-light is-success button--addLot" : ` <button class="button is-small is-light is-success button--addLot"
@ -311,14 +304,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
let occupantsHTML = ''; let occupantsHTML = '';
for (const occupant of lotOccupancy.lotOccupancyOccupants) { for (const occupant of lotOccupancy.lotOccupancyOccupants) {
occupantsHTML += `<li class="has-tooltip-left" occupantsHTML += `<li class="has-tooltip-left"
data-tooltip="${cityssm.escapeHTML((_c = occupant.lotOccupantType) !== null && _c !== void 0 ? _c : '')}"> data-tooltip="${cityssm.escapeHTML(occupant.lotOccupantType ?? '')}">
<span class="fa-li"> <span class="fa-li">
<i class="fas fa-fw fa-${cityssm.escapeHTML(((_d = occupant.fontAwesomeIconClass) !== null && _d !== void 0 ? _d : '') === '' <i class="fas fa-fw fa-${cityssm.escapeHTML((occupant.fontAwesomeIconClass ?? '') === ''
? 'user' ? 'user'
: (_e = occupant.fontAwesomeIconClass) !== null && _e !== void 0 ? _e : '')}" aria-label="${los.escapedAliases.Occupant}"></i> : occupant.fontAwesomeIconClass ?? '')}" aria-label="${los.escapedAliases.Occupant}"></i>
</span> </span>
${cityssm.escapeHTML((_f = occupant.occupantName) !== null && _f !== void 0 ? _f : '')} ${cityssm.escapeHTML(occupant.occupantName ?? '')}
${cityssm.escapeHTML((_g = occupant.occupantFamilyName) !== null && _g !== void 0 ? _g : '')} ${cityssm.escapeHTML(occupant.occupantFamilyName ?? '')}
</li>`; </li>`;
} }
// eslint-disable-next-line no-unsanitized/method // eslint-disable-next-line no-unsanitized/method
@ -337,16 +330,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
<i class="fas fa-trash" aria-hidden="true"></i> <i class="fas fa-trash" aria-hidden="true"></i>
</button> </button>
</td>`); </td>`);
(_h = rowElement rowElement
.querySelector('.button--addLot')) === null || _h === void 0 ? void 0 : _h.addEventListener('click', addLotFromLotOccupancy); .querySelector('.button--addLot')
(_j = rowElement ?.addEventListener('click', addLotFromLotOccupancy);
.querySelector('.button--deleteLotOccupancy')) === null || _j === void 0 ? void 0 : _j.addEventListener('click', deleteLotOccupancy); rowElement
(_k = occupanciesContainerElement.querySelector('tbody')) === null || _k === void 0 ? void 0 : _k.append(rowElement); .querySelector('.button--deleteLotOccupancy')
?.addEventListener('click', deleteLotOccupancy);
occupanciesContainerElement.querySelector('tbody')?.append(rowElement);
} }
} }
function openEditLotStatus(clickEvent) { function openEditLotStatus(clickEvent) {
var _a; const lotId = Number.parseInt(clickEvent.currentTarget.closest('.container--lot').dataset.lotId ?? '', 10);
const lotId = Number.parseInt((_a = clickEvent.currentTarget.closest('.container--lot').dataset.lotId) !== null && _a !== void 0 ? _a : '', 10);
const lot = workOrderLots.find((possibleLot) => { const lot = workOrderLots.find((possibleLot) => {
return possibleLot.lotId === lotId; return possibleLot.lotId === lotId;
}); });
@ -354,7 +348,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
function doUpdateLotStatus(submitEvent) { function doUpdateLotStatus(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/workOrders/doUpdateLotStatus`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/workOrders/doUpdateLotStatus`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderLots = responseJSON.workOrderLots; workOrderLots = responseJSON.workOrderLots;
@ -364,7 +357,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Deleting Relationship', title: 'Error Deleting Relationship',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -372,10 +365,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
cityssm.openHtmlModal('lot-editLotStatus', { cityssm.openHtmlModal('lot-editLotStatus', {
onshow(modalElement) { onshow(modalElement) {
var _a, _b, _c;
los.populateAliases(modalElement); los.populateAliases(modalElement);
modalElement.querySelector('#lotStatusEdit--lotId').value = lotId.toString(); modalElement.querySelector('#lotStatusEdit--lotId').value = lotId.toString();
modalElement.querySelector('#lotStatusEdit--lotName').value = (_a = lot.lotName) !== null && _a !== void 0 ? _a : ''; modalElement.querySelector('#lotStatusEdit--lotName').value = lot.lotName ?? '';
const lotStatusElement = modalElement.querySelector('#lotStatusEdit--lotStatusId'); const lotStatusElement = modalElement.querySelector('#lotStatusEdit--lotStatusId');
let lotStatusFound = false; let lotStatusFound = false;
for (const lotStatus of exports.lotStatuses) { for (const lotStatus of exports.lotStatuses) {
@ -390,22 +382,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
if (!lotStatusFound && lot.lotStatusId) { if (!lotStatusFound && lot.lotStatusId) {
const optionElement = document.createElement('option'); const optionElement = document.createElement('option');
optionElement.value = lot.lotStatusId.toString(); optionElement.value = lot.lotStatusId.toString();
optionElement.textContent = (_b = lot.lotStatus) !== null && _b !== void 0 ? _b : ''; optionElement.textContent = lot.lotStatus ?? '';
lotStatusElement.append(optionElement); lotStatusElement.append(optionElement);
} }
if (lot.lotStatusId) { if (lot.lotStatusId) {
lotStatusElement.value = lot.lotStatusId.toString(); lotStatusElement.value = lot.lotStatusId.toString();
} }
// eslint-disable-next-line no-unsanitized/method // eslint-disable-next-line no-unsanitized/method
(_c = modalElement modalElement
.querySelector('form')) === null || _c === void 0 ? void 0 : _c.insertAdjacentHTML('beforeend', `<input name="workOrderId" type="hidden" value="${workOrderId}" />`); .querySelector('form')
?.insertAdjacentHTML('beforeend', `<input name="workOrderId" type="hidden" value="${workOrderId}" />`);
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
var _a;
editCloseModalFunction = closeModalFunction; editCloseModalFunction = closeModalFunction;
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
(_a = modalElement modalElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doUpdateLotStatus); .querySelector('form')
?.addEventListener('submit', doUpdateLotStatus);
}, },
onremoved() { onremoved() {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
@ -419,7 +412,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
workOrderId, workOrderId,
lotId lotId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderLots = responseJSON.workOrderLots; workOrderLots = responseJSON.workOrderLots;
@ -428,7 +420,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Deleting Relationship', title: 'Error Deleting Relationship',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -445,7 +437,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function renderRelatedLots() { function renderRelatedLots() {
var _a, _b, _c, _d, _e, _f, _g;
const lotsContainerElement = document.querySelector('#container--lots'); const lotsContainerElement = document.querySelector('#container--lots');
document.querySelector(".tabs a[href='#relatedTab--lots'] .tag").textContent = workOrderLots.length.toString(); document.querySelector(".tabs a[href='#relatedTab--lots'] .tag").textContent = workOrderLots.length.toString();
if (workOrderLots.length === 0) { if (workOrderLots.length === 0) {
@ -473,15 +464,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
rowElement.innerHTML = `<td> rowElement.innerHTML = `<td>
<a class="has-text-weight-bold" href="${los.getLotURL(lot.lotId)}"> <a class="has-text-weight-bold" href="${los.getLotURL(lot.lotId)}">
${cityssm.escapeHTML((_a = lot.lotName) !== null && _a !== void 0 ? _a : '')} ${cityssm.escapeHTML(lot.lotName ?? '')}
</a> </a>
</td><td> </td><td>
${cityssm.escapeHTML((_b = lot.mapName) !== null && _b !== void 0 ? _b : '')} ${cityssm.escapeHTML(lot.mapName ?? '')}
</td><td> </td><td>
${cityssm.escapeHTML((_c = lot.lotType) !== null && _c !== void 0 ? _c : '')} ${cityssm.escapeHTML(lot.lotType ?? '')}
</td><td> </td><td>
${lot.lotStatusId ${lot.lotStatusId
? cityssm.escapeHTML((_d = lot.lotStatus) !== null && _d !== void 0 ? _d : '') ? cityssm.escapeHTML(lot.lotStatus ?? '')
: '<span class="has-text-grey">(No Status)</span>'} : '<span class="has-text-grey">(No Status)</span>'}
</td><td class="is-nowrap"> </td><td class="is-nowrap">
<button class="button is-small is-light is-info button--editLotStatus" data-tooltip="Update Status" type="button"> <button class="button is-small is-light is-info button--editLotStatus" data-tooltip="Update Status" type="button">
@ -491,11 +482,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
<i class="fas fa-trash" aria-hidden="true"></i> <i class="fas fa-trash" aria-hidden="true"></i>
</button> </button>
</td>`; </td>`;
(_e = rowElement rowElement
.querySelector('.button--editLotStatus')) === null || _e === void 0 ? void 0 : _e.addEventListener('click', openEditLotStatus); .querySelector('.button--editLotStatus')
(_f = rowElement ?.addEventListener('click', openEditLotStatus);
.querySelector('.button--deleteLot')) === null || _f === void 0 ? void 0 : _f.addEventListener('click', deleteLot); rowElement
(_g = lotsContainerElement.querySelector('tbody')) === null || _g === void 0 ? void 0 : _g.append(rowElement); .querySelector('.button--deleteLot')
?.addEventListener('click', deleteLot);
lotsContainerElement.querySelector('tbody')?.append(rowElement);
} }
} }
function renderRelatedLotsAndOccupancies() { function renderRelatedLotsAndOccupancies() {
@ -504,17 +497,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
renderRelatedLotsAndOccupancies(); renderRelatedLotsAndOccupancies();
function doAddLotOccupancy(clickEvent) { function doAddLotOccupancy(clickEvent) {
var _a;
const rowElement = clickEvent.currentTarget.closest('tr'); const rowElement = clickEvent.currentTarget.closest('tr');
const lotOccupancyId = (_a = rowElement.dataset.lotOccupancyId) !== null && _a !== void 0 ? _a : ''; const lotOccupancyId = rowElement.dataset.lotOccupancyId ?? '';
addLotOccupancy(lotOccupancyId, (success) => { addLotOccupancy(lotOccupancyId, (success) => {
if (success) { if (success) {
rowElement.remove(); rowElement.remove();
} }
}); });
} }
(_a = document document
.querySelector('#button--addLotOccupancy')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => { .querySelector('#button--addLotOccupancy')
?.addEventListener('click', () => {
let searchFormElement; let searchFormElement;
let searchResultsContainerElement; let searchResultsContainerElement;
function doSearch(event) { function doSearch(event) {
@ -525,7 +518,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
searchResultsContainerElement.innerHTML = searchResultsContainerElement.innerHTML =
los.getLoadingParagraphHTML('Searching...'); los.getLoadingParagraphHTML('Searching...');
cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doSearchLotOccupancies`, searchFormElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doSearchLotOccupancies`, searchFormElement, (rawResponseJSON) => {
var _a, _b, _c, _d;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.lotOccupancies.length === 0) { if (responseJSON.lotOccupancies.length === 0) {
searchResultsContainerElement.innerHTML = `<div class="message is-info"> searchResultsContainerElement.innerHTML = `<div class="message is-info">
@ -556,10 +548,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
</button> </button>
</td> </td>
<td class="has-text-weight-bold"> <td class="has-text-weight-bold">
${cityssm.escapeHTML((_a = lotOccupancy.occupancyType) !== null && _a !== void 0 ? _a : '')} ${cityssm.escapeHTML(lotOccupancy.occupancyType ?? '')}
</td>`; </td>`;
if (lotOccupancy.lotId) { if (lotOccupancy.lotId) {
rowElement.insertAdjacentHTML('beforeend', `<td>${cityssm.escapeHTML((_b = lotOccupancy.lotName) !== null && _b !== void 0 ? _b : '')}</td>`); rowElement.insertAdjacentHTML('beforeend', `<td>${cityssm.escapeHTML(lotOccupancy.lotName ?? '')}</td>`);
} }
else { else {
// eslint-disable-next-line no-unsanitized/method // eslint-disable-next-line no-unsanitized/method
@ -584,10 +576,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
? ` plus ? ` plus
${(lotOccupancy.lotOccupancyOccupants.length - 1).toString()}` ${(lotOccupancy.lotOccupancyOccupants.length - 1).toString()}`
: '')}</td>`); : '')}</td>`);
(_c = rowElement rowElement
.querySelector('.button--addLotOccupancy')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', doAddLotOccupancy); .querySelector('.button--addLotOccupancy')
(_d = searchResultsContainerElement ?.addEventListener('click', doAddLotOccupancy);
.querySelector('tbody')) === null || _d === void 0 ? void 0 : _d.append(rowElement); searchResultsContainerElement
.querySelector('tbody')
?.append(rowElement);
} }
}); });
} }
@ -615,16 +609,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
}); });
function doAddLot(clickEvent) { function doAddLot(clickEvent) {
var _a;
const rowElement = clickEvent.currentTarget.closest('tr'); const rowElement = clickEvent.currentTarget.closest('tr');
const lotId = (_a = rowElement.dataset.lotId) !== null && _a !== void 0 ? _a : ''; const lotId = rowElement.dataset.lotId ?? '';
addLot(lotId, (success) => { addLot(lotId, (success) => {
if (success) { if (success) {
rowElement.remove(); rowElement.remove();
} }
}); });
} }
(_b = document.querySelector('#button--addLot')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', () => { document.querySelector('#button--addLot')?.addEventListener('click', () => {
let searchFormElement; let searchFormElement;
let searchResultsContainerElement; let searchResultsContainerElement;
function doSearch(event) { function doSearch(event) {
@ -635,7 +628,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
searchResultsContainerElement.innerHTML = searchResultsContainerElement.innerHTML =
los.getLoadingParagraphHTML('Searching...'); los.getLoadingParagraphHTML('Searching...');
cityssm.postJSON(`${los.urlPrefix}/lots/doSearchLots`, searchFormElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/lots/doSearchLots`, searchFormElement, (rawResponseJSON) => {
var _a, _b, _c, _d, _e, _f;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.lots.length === 0) { if (responseJSON.lots.length === 0) {
searchResultsContainerElement.innerHTML = `<div class="message is-info"> searchResultsContainerElement.innerHTML = `<div class="message is-info">
@ -663,18 +655,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
<i class="fas fa-plus" aria-hidden="true"></i> <i class="fas fa-plus" aria-hidden="true"></i>
</button> </button>
</td><td class="has-text-weight-bold"> </td><td class="has-text-weight-bold">
${cityssm.escapeHTML((_a = lot.lotName) !== null && _a !== void 0 ? _a : '')} ${cityssm.escapeHTML(lot.lotName ?? '')}
</td><td> </td><td>
${cityssm.escapeHTML((_b = lot.mapName) !== null && _b !== void 0 ? _b : '')} ${cityssm.escapeHTML(lot.mapName ?? '')}
</td><td> </td><td>
${cityssm.escapeHTML((_c = lot.lotType) !== null && _c !== void 0 ? _c : '')} ${cityssm.escapeHTML(lot.lotType ?? '')}
</td><td> </td><td>
${cityssm.escapeHTML((_d = lot.lotStatus) !== null && _d !== void 0 ? _d : '')} ${cityssm.escapeHTML(lot.lotStatus ?? '')}
</td>`; </td>`;
(_e = rowElement rowElement
.querySelector('.button--addLot')) === null || _e === void 0 ? void 0 : _e.addEventListener('click', doAddLot); .querySelector('.button--addLot')
(_f = searchResultsContainerElement ?.addEventListener('click', doAddLot);
.querySelector('tbody')) === null || _f === void 0 ? void 0 : _f.append(rowElement); searchResultsContainerElement
.querySelector('tbody')
?.append(rowElement);
} }
}); });
} }
@ -694,13 +688,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
doSearch(); doSearch();
}, },
onshown(modalElement) { onshown(modalElement) {
var _a;
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
const lotNameElement = modalElement.querySelector('#lotSearch--lotName'); const lotNameElement = modalElement.querySelector('#lotSearch--lotName');
lotNameElement.addEventListener('change', doSearch); lotNameElement.addEventListener('change', doSearch);
lotNameElement.focus(); lotNameElement.focus();
(_a = modalElement modalElement
.querySelector('#lotSearch--lotStatusId')) === null || _a === void 0 ? void 0 : _a.addEventListener('change', doSearch); .querySelector('#lotSearch--lotStatusId')
?.addEventListener('change', doSearch);
searchFormElement.addEventListener('submit', doSearch); searchFormElement.addEventListener('submit', doSearch);
}, },
onremoved() { onremoved() {
@ -717,13 +711,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
"use strict"; "use strict";
// eslint-disable-next-line @eslint-community/eslint-comments/disable-enable-pair // eslint-disable-next-line @eslint-community/eslint-comments/disable-enable-pair
/* eslint-disable unicorn/prefer-module */ /* eslint-disable unicorn/prefer-module */
var _a;
Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "__esModule", { value: true });
let workOrderComments = exports.workOrderComments; let workOrderComments = exports.workOrderComments;
delete exports.workOrderComments; delete exports.workOrderComments;
function openEditWorkOrderComment(clickEvent) { function openEditWorkOrderComment(clickEvent) {
var _a, _b; const workOrderCommentId = Number.parseInt(clickEvent.currentTarget.closest('tr')?.dataset
const workOrderCommentId = Number.parseInt((_b = (_a = clickEvent.currentTarget.closest('tr')) === null || _a === void 0 ? void 0 : _a.dataset.workOrderCommentId) !== null && _b !== void 0 ? _b : '', 10); .workOrderCommentId ?? '', 10);
const workOrderComment = workOrderComments.find((currentComment) => { const workOrderComment = workOrderComments.find((currentComment) => {
return currentComment.workOrderCommentId === workOrderCommentId; return currentComment.workOrderCommentId === workOrderCommentId;
}); });
@ -732,7 +725,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
function editComment(submitEvent) { function editComment(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/workOrders/doUpdateWorkOrderComment`, editFormElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/workOrders/doUpdateWorkOrderComment`, editFormElement, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderComments = responseJSON.workOrderComments; workOrderComments = responseJSON.workOrderComments;
@ -742,7 +734,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Updating Comment', title: 'Error Updating Comment',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -750,20 +742,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
cityssm.openHtmlModal('workOrder-editComment', { cityssm.openHtmlModal('workOrder-editComment', {
onshow(modalElement) { onshow(modalElement) {
var _a, _b, _c, _d;
; ;
modalElement.querySelector('#workOrderCommentEdit--workOrderId').value = workOrderId; modalElement.querySelector('#workOrderCommentEdit--workOrderId').value = workOrderId;
modalElement.querySelector('#workOrderCommentEdit--workOrderCommentId').value = workOrderCommentId.toString(); modalElement.querySelector('#workOrderCommentEdit--workOrderCommentId').value = workOrderCommentId.toString();
modalElement.querySelector('#workOrderCommentEdit--workOrderComment').value = (_a = workOrderComment.workOrderComment) !== null && _a !== void 0 ? _a : ''; modalElement.querySelector('#workOrderCommentEdit--workOrderComment').value = workOrderComment.workOrderComment ?? '';
const workOrderCommentDateStringElement = modalElement.querySelector('#workOrderCommentEdit--workOrderCommentDateString'); const workOrderCommentDateStringElement = modalElement.querySelector('#workOrderCommentEdit--workOrderCommentDateString');
workOrderCommentDateStringElement.value = workOrderCommentDateStringElement.value =
(_b = workOrderComment.workOrderCommentDateString) !== null && _b !== void 0 ? _b : ''; workOrderComment.workOrderCommentDateString ?? '';
const currentDateString = cityssm.dateToString(new Date()); const currentDateString = cityssm.dateToString(new Date());
workOrderCommentDateStringElement.max = workOrderCommentDateStringElement.max =
workOrderComment.workOrderCommentDateString <= currentDateString workOrderComment.workOrderCommentDateString <= currentDateString
? currentDateString ? currentDateString
: (_c = workOrderComment.workOrderCommentDateString) !== null && _c !== void 0 ? _c : ''; : workOrderComment.workOrderCommentDateString ?? '';
modalElement.querySelector('#workOrderCommentEdit--workOrderCommentTimeString').value = (_d = workOrderComment.workOrderCommentTimeString) !== null && _d !== void 0 ? _d : ''; modalElement.querySelector('#workOrderCommentEdit--workOrderCommentTimeString').value = workOrderComment.workOrderCommentTimeString ?? '';
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
@ -779,14 +770,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function deleteWorkOrderComment(clickEvent) { function deleteWorkOrderComment(clickEvent) {
var _a, _b; const workOrderCommentId = Number.parseInt(clickEvent.currentTarget.closest('tr')?.dataset
const workOrderCommentId = Number.parseInt((_b = (_a = clickEvent.currentTarget.closest('tr')) === null || _a === void 0 ? void 0 : _a.dataset.workOrderCommentId) !== null && _b !== void 0 ? _b : '', 10); .workOrderCommentId ?? '', 10);
function doDelete() { function doDelete() {
cityssm.postJSON(`${los.urlPrefix}/workOrders/doDeleteWorkOrderComment`, { cityssm.postJSON(`${los.urlPrefix}/workOrders/doDeleteWorkOrderComment`, {
workOrderId, workOrderId,
workOrderCommentId workOrderCommentId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderComments = responseJSON.workOrderComments; workOrderComments = responseJSON.workOrderComments;
@ -795,7 +785,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Removing Comment', title: 'Error Removing Comment',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -812,7 +802,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function renderWorkOrderComments() { function renderWorkOrderComments() {
var _a, _b, _c, _d, _e, _f;
const containerElement = document.querySelector('#container--workOrderComments'); const containerElement = document.querySelector('#container--workOrderComments');
if (workOrderComments.length === 0) { if (workOrderComments.length === 0) {
containerElement.innerHTML = `<div class="message is-info"> containerElement.innerHTML = `<div class="message is-info">
@ -830,17 +819,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
for (const workOrderComment of workOrderComments) { for (const workOrderComment of workOrderComments) {
const tableRowElement = document.createElement('tr'); const tableRowElement = document.createElement('tr');
tableRowElement.dataset.workOrderCommentId = tableRowElement.dataset.workOrderCommentId =
(_a = workOrderComment.workOrderCommentId) === null || _a === void 0 ? void 0 : _a.toString(); workOrderComment.workOrderCommentId?.toString();
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
tableRowElement.innerHTML = `<td> tableRowElement.innerHTML = `<td>
${cityssm.escapeHTML((_b = workOrderComment.recordCreate_userName) !== null && _b !== void 0 ? _b : '')} ${cityssm.escapeHTML(workOrderComment.recordCreate_userName ?? '')}
</td><td> </td><td>
${workOrderComment.workOrderCommentDateString} ${workOrderComment.workOrderCommentDateString}
${workOrderComment.workOrderCommentTime === 0 ${workOrderComment.workOrderCommentTime === 0
? '' ? ''
: workOrderComment.workOrderCommentTimePeriodString} : workOrderComment.workOrderCommentTimePeriodString}
</td><td> </td><td>
${cityssm.escapeHTML((_c = workOrderComment.workOrderComment) !== null && _c !== void 0 ? _c : '')} ${cityssm.escapeHTML(workOrderComment.workOrderComment ?? '')}
</td><td class="is-hidden-print"> </td><td class="is-hidden-print">
<div class="buttons are-small is-justify-content-end"> <div class="buttons are-small is-justify-content-end">
<button class="button is-primary button--edit" type="button"> <button class="button is-primary button--edit" type="button">
@ -852,11 +841,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
</button> </button>
</div> </div>
</td>`; </td>`;
(_d = tableRowElement tableRowElement
.querySelector('.button--edit')) === null || _d === void 0 ? void 0 : _d.addEventListener('click', openEditWorkOrderComment); .querySelector('.button--edit')
(_e = tableRowElement ?.addEventListener('click', openEditWorkOrderComment);
.querySelector('.button--delete')) === null || _e === void 0 ? void 0 : _e.addEventListener('click', deleteWorkOrderComment); tableRowElement
(_f = tableElement.querySelector('tbody')) === null || _f === void 0 ? void 0 : _f.append(tableRowElement); .querySelector('.button--delete')
?.addEventListener('click', deleteWorkOrderComment);
tableElement.querySelector('tbody')?.append(tableRowElement);
} }
containerElement.innerHTML = ''; containerElement.innerHTML = '';
containerElement.append(tableElement); containerElement.append(tableElement);
@ -876,11 +867,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
cityssm.openHtmlModal('workOrder-addComment', { cityssm.openHtmlModal('workOrder-addComment', {
onshow(modalElement) { onshow(modalElement) {
var _a;
los.populateAliases(modalElement); los.populateAliases(modalElement);
modalElement.querySelector('#workOrderCommentAdd--workOrderId').value = workOrderId; modalElement.querySelector('#workOrderCommentAdd--workOrderId').value = workOrderId;
(_a = modalElement modalElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doAddComment); .querySelector('form')
?.addEventListener('submit', doAddComment);
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
@ -893,8 +884,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
}); });
} }
(_a = document document
.querySelector('#workOrderComments--add')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', openAddCommentModal); .querySelector('#workOrderComments--add')
?.addEventListener('click', openAddCommentModal);
if (!isCreate) { if (!isCreate) {
renderWorkOrderComments(); renderWorkOrderComments();
} }
@ -918,7 +910,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
workOrderMilestoneDateFilter: 'date', workOrderMilestoneDateFilter: 'date',
workOrderMilestoneDateString workOrderMilestoneDateString
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a, _b, _c, _d;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
const workOrderMilestones = responseJSON.workOrderMilestones.filter((possibleMilestone) => { const workOrderMilestones = responseJSON.workOrderMilestones.filter((possibleMilestone) => {
return possibleMilestone.workOrderId.toString() !== workOrderId; return possibleMilestone.workOrderId.toString() !== workOrderId;
@ -928,13 +919,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
targetPanelElement.insertAdjacentHTML('beforeend', `<div class="panel-block is-block"> targetPanelElement.insertAdjacentHTML('beforeend', `<div class="panel-block is-block">
<div class="columns"> <div class="columns">
<div class="column is-5"> <div class="column is-5">
${cityssm.escapeHTML(milestone.workOrderMilestoneTime === 0 ? 'No Time' : (_a = milestone.workOrderMilestoneTimePeriodString) !== null && _a !== void 0 ? _a : '')}<br /> ${cityssm.escapeHTML(milestone.workOrderMilestoneTime === 0 ? 'No Time' : milestone.workOrderMilestoneTimePeriodString ?? '')}<br />
<strong>${cityssm.escapeHTML((_b = milestone.workOrderMilestoneType) !== null && _b !== void 0 ? _b : '')}</strong> <strong>${cityssm.escapeHTML(milestone.workOrderMilestoneType ?? '')}</strong>
</div> </div>
<div class="column"> <div class="column">
${cityssm.escapeHTML((_c = milestone.workOrderNumber) !== null && _c !== void 0 ? _c : '')}<br /> ${cityssm.escapeHTML(milestone.workOrderNumber ?? '')}<br />
<span class="is-size-7"> <span class="is-size-7">
${cityssm.escapeHTML((_d = milestone.workOrderDescription) !== null && _d !== void 0 ? _d : '')} ${cityssm.escapeHTML(milestone.workOrderDescription ?? '')}
</span> </span>
</div> </div>
</div> </div>
@ -953,7 +944,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function processMilestoneResponse(rawResponseJSON) { function processMilestoneResponse(rawResponseJSON) {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderMilestones = responseJSON.workOrderMilestones; workOrderMilestones = responseJSON.workOrderMilestones;
@ -962,16 +952,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Reopening Milestone', title: 'Error Reopening Milestone',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
} }
function completeMilestone(clickEvent) { function completeMilestone(clickEvent) {
var _a;
clickEvent.preventDefault(); clickEvent.preventDefault();
const currentDateString = cityssm.dateToString(new Date()); const currentDateString = cityssm.dateToString(new Date());
const workOrderMilestoneId = Number.parseInt((_a = clickEvent.currentTarget.closest('.container--milestone').dataset.workOrderMilestoneId) !== null && _a !== void 0 ? _a : '', 10); const workOrderMilestoneId = Number.parseInt(clickEvent.currentTarget.closest('.container--milestone').dataset.workOrderMilestoneId ?? '', 10);
const workOrderMilestone = workOrderMilestones.find((currentMilestone) => { const workOrderMilestone = workOrderMilestones.find((currentMilestone) => {
return currentMilestone.workOrderMilestoneId === workOrderMilestoneId; return currentMilestone.workOrderMilestoneId === workOrderMilestoneId;
}); });
@ -1036,9 +1025,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function editMilestone(clickEvent) { function editMilestone(clickEvent) {
var _a;
clickEvent.preventDefault(); clickEvent.preventDefault();
const workOrderMilestoneId = Number.parseInt((_a = clickEvent.currentTarget.closest('.container--milestone').dataset.workOrderMilestoneId) !== null && _a !== void 0 ? _a : '', 10); const workOrderMilestoneId = Number.parseInt(clickEvent.currentTarget.closest('.container--milestone').dataset.workOrderMilestoneId ?? '', 10);
const workOrderMilestone = workOrderMilestones.find((currentMilestone) => { const workOrderMilestone = workOrderMilestones.find((currentMilestone) => {
return currentMilestone.workOrderMilestoneId === workOrderMilestoneId; return currentMilestone.workOrderMilestoneId === workOrderMilestoneId;
}); });
@ -1056,10 +1044,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
cityssm.openHtmlModal('workOrder-editMilestone', { cityssm.openHtmlModal('workOrder-editMilestone', {
onshow(modalElement) { onshow(modalElement) {
var _a, _b, _c, _d, _e, _f;
; ;
modalElement.querySelector('#milestoneEdit--workOrderId').value = workOrderId; modalElement.querySelector('#milestoneEdit--workOrderId').value = workOrderId;
modalElement.querySelector('#milestoneEdit--workOrderMilestoneId').value = (_b = (_a = workOrderMilestone.workOrderMilestoneId) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : ''; modalElement.querySelector('#milestoneEdit--workOrderMilestoneId').value = workOrderMilestone.workOrderMilestoneId?.toString() ?? '';
const milestoneTypeElement = modalElement.querySelector('#milestoneEdit--workOrderMilestoneTypeId'); const milestoneTypeElement = modalElement.querySelector('#milestoneEdit--workOrderMilestoneTypeId');
let milestoneTypeFound = false; let milestoneTypeFound = false;
for (const milestoneType of exports.workOrderMilestoneTypes) { for (const milestoneType of exports.workOrderMilestoneTypes) {
@ -1080,27 +1067,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
optionElement.value = optionElement.value =
workOrderMilestone.workOrderMilestoneTypeId.toString(); workOrderMilestone.workOrderMilestoneTypeId.toString();
optionElement.textContent = optionElement.textContent =
(_c = workOrderMilestone.workOrderMilestoneType) !== null && _c !== void 0 ? _c : ''; workOrderMilestone.workOrderMilestoneType ?? '';
optionElement.selected = true; optionElement.selected = true;
milestoneTypeElement.append(optionElement); milestoneTypeElement.append(optionElement);
} }
workOrderMilestoneDateStringElement = modalElement.querySelector('#milestoneEdit--workOrderMilestoneDateString'); workOrderMilestoneDateStringElement = modalElement.querySelector('#milestoneEdit--workOrderMilestoneDateString');
workOrderMilestoneDateStringElement.value = workOrderMilestoneDateStringElement.value =
(_d = workOrderMilestone.workOrderMilestoneDateString) !== null && _d !== void 0 ? _d : ''; workOrderMilestone.workOrderMilestoneDateString ?? '';
if (workOrderMilestone.workOrderMilestoneTime) { if (workOrderMilestone.workOrderMilestoneTime) {
; ;
modalElement.querySelector('#milestoneEdit--workOrderMilestoneTimeString').value = (_e = workOrderMilestone.workOrderMilestoneTimeString) !== null && _e !== void 0 ? _e : ''; modalElement.querySelector('#milestoneEdit--workOrderMilestoneTimeString').value = workOrderMilestone.workOrderMilestoneTimeString ?? '';
} }
; ;
modalElement.querySelector('#milestoneEdit--workOrderMilestoneDescription').value = (_f = workOrderMilestone.workOrderMilestoneDescription) !== null && _f !== void 0 ? _f : ''; modalElement.querySelector('#milestoneEdit--workOrderMilestoneDescription').value = workOrderMilestone.workOrderMilestoneDescription ?? '';
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
var _a;
editCloseModalFunction = closeModalFunction; editCloseModalFunction = closeModalFunction;
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
los.initializeDatePickers(modalElement); los.initializeDatePickers(modalElement);
// los.initializeTimePickers(modalElement); // los.initializeTimePickers(modalElement);
(_a = modalElement.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doEdit); modalElement.querySelector('form')?.addEventListener('submit', doEdit);
const conflictingMilestonePanelElement = document.querySelector('#milestoneEdit--conflictingMilestonesPanel'); const conflictingMilestonePanelElement = document.querySelector('#milestoneEdit--conflictingMilestonesPanel');
workOrderMilestoneDateStringElement.addEventListener('change', () => { workOrderMilestoneDateStringElement.addEventListener('change', () => {
refreshConflictingMilestones(workOrderMilestoneDateStringElement.value, conflictingMilestonePanelElement); refreshConflictingMilestones(workOrderMilestoneDateStringElement.value, conflictingMilestonePanelElement);
@ -1113,7 +1099,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function renderMilestones() { function renderMilestones() {
var _a, _b, _c, _d, _e, _f, _g;
// Clear milestones panel // Clear milestones panel
const milestonesPanelElement = document.querySelector('#panel--milestones'); const milestonesPanelElement = document.querySelector('#panel--milestones');
const panelBlockElementsToDelete = milestonesPanelElement.querySelectorAll('.panel-block'); const panelBlockElementsToDelete = milestonesPanelElement.querySelectorAll('.panel-block');
@ -1124,7 +1109,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
const panelBlockElement = document.createElement('div'); const panelBlockElement = document.createElement('div');
panelBlockElement.className = 'panel-block is-block container--milestone'; panelBlockElement.className = 'panel-block is-block container--milestone';
panelBlockElement.dataset.workOrderMilestoneId = panelBlockElement.dataset.workOrderMilestoneId =
(_a = milestone.workOrderMilestoneId) === null || _a === void 0 ? void 0 : _a.toString(); milestone.workOrderMilestoneId?.toString();
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
panelBlockElement.innerHTML = `<div class="columns is-mobile"> panelBlockElement.innerHTML = `<div class="columns is-mobile">
<div class="column is-narrow"> <div class="column is-narrow">
@ -1139,7 +1124,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
</button>`} </button>`}
</div><div class="column"> </div><div class="column">
${milestone.workOrderMilestoneTypeId ${milestone.workOrderMilestoneTypeId
? `<strong>${cityssm.escapeHTML((_b = milestone.workOrderMilestoneType) !== null && _b !== void 0 ? _b : '')}</strong><br />` ? `<strong>${cityssm.escapeHTML(milestone.workOrderMilestoneType ?? '')}</strong><br />`
: ''} : ''}
${milestone.workOrderMilestoneDate === 0 ${milestone.workOrderMilestoneDate === 0
? '<span class="has-text-grey">(No Set Date)</span>' ? '<span class="has-text-grey">(No Set Date)</span>'
@ -1148,7 +1133,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
? ` ${milestone.workOrderMilestoneTimePeriodString}` ? ` ${milestone.workOrderMilestoneTimePeriodString}`
: ''}<br /> : ''}<br />
<span class="is-size-7"> <span class="is-size-7">
${cityssm.escapeHTML((_c = milestone.workOrderMilestoneDescription) !== null && _c !== void 0 ? _c : '')} ${cityssm.escapeHTML(milestone.workOrderMilestoneDescription ?? '')}
</span> </span>
</div><div class="column is-narrow"> </div><div class="column is-narrow">
<div class="dropdown is-right"> <div class="dropdown is-right">
@ -1177,14 +1162,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
</div> </div>
</div> </div>
</div></div>`; </div></div>`;
(_d = panelBlockElement panelBlockElement
.querySelector('.button--reopenMilestone')) === null || _d === void 0 ? void 0 : _d.addEventListener('click', reopenMilestone); .querySelector('.button--reopenMilestone')
(_e = panelBlockElement ?.addEventListener('click', reopenMilestone);
.querySelector('.button--editMilestone')) === null || _e === void 0 ? void 0 : _e.addEventListener('click', editMilestone); panelBlockElement
(_f = panelBlockElement .querySelector('.button--editMilestone')
.querySelector('.button--completeMilestone')) === null || _f === void 0 ? void 0 : _f.addEventListener('click', completeMilestone); ?.addEventListener('click', editMilestone);
(_g = panelBlockElement panelBlockElement
.querySelector('.button--deleteMilestone')) === null || _g === void 0 ? void 0 : _g.addEventListener('click', deleteMilestone); .querySelector('.button--completeMilestone')
?.addEventListener('click', completeMilestone);
panelBlockElement
.querySelector('.button--deleteMilestone')
?.addEventListener('click', deleteMilestone);
milestonesPanelElement.append(panelBlockElement); milestonesPanelElement.append(panelBlockElement);
} }
bulmaJS.init(milestonesPanelElement); bulmaJS.init(milestonesPanelElement);
@ -1194,8 +1183,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
exports.workOrderMilestones; exports.workOrderMilestones;
delete exports.workOrderMilestones; delete exports.workOrderMilestones;
renderMilestones(); renderMilestones();
(_d = document document
.querySelector('#button--addMilestone')) === null || _d === void 0 ? void 0 : _d.addEventListener('click', () => { .querySelector('#button--addMilestone')
?.addEventListener('click', () => {
let addFormElement; let addFormElement;
let workOrderMilestoneDateStringElement; let workOrderMilestoneDateStringElement;
let addCloseModalFunction; let addCloseModalFunction;

101
public-typescript/workOrderEdit/workOrderEdit.js
View File

@ -3,30 +3,29 @@
/* eslint-disable unicorn/prefer-module */ /* eslint-disable unicorn/prefer-module */
Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "__esModule", { value: true });
(() => { (() => {
var _a, _b, _c, _d;
const los = exports.los; const los = exports.los;
const workOrderId = document.querySelector('#workOrderEdit--workOrderId').value; const workOrderId = document.querySelector('#workOrderEdit--workOrderId').value;
const isCreate = workOrderId === ''; const isCreate = workOrderId === '';
const workOrderFormElement = document.querySelector('#form--workOrderEdit'); const workOrderFormElement = document.querySelector('#form--workOrderEdit');
los.initializeDatePickers((_a = workOrderFormElement los.initializeDatePickers(workOrderFormElement
.querySelector('#workOrderEdit--workOrderOpenDateString')) === null || _a === void 0 ? void 0 : _a.closest('.field')); .querySelector('#workOrderEdit--workOrderOpenDateString')
?.closest('.field'));
los.initializeUnlockFieldButtons(workOrderFormElement); los.initializeUnlockFieldButtons(workOrderFormElement);
function setUnsavedChanges() { function setUnsavedChanges() {
var _a;
los.setUnsavedChanges(); los.setUnsavedChanges();
(_a = document document
.querySelector("button[type='submit'][form='form--workOrderEdit']")) === null || _a === void 0 ? void 0 : _a.classList.remove('is-light'); .querySelector("button[type='submit'][form='form--workOrderEdit']")
?.classList.remove('is-light');
} }
function clearUnsavedChanges() { function clearUnsavedChanges() {
var _a;
los.clearUnsavedChanges(); los.clearUnsavedChanges();
(_a = document document
.querySelector("button[type='submit'][form='form--workOrderEdit']")) === null || _a === void 0 ? void 0 : _a.classList.add('is-light'); .querySelector("button[type='submit'][form='form--workOrderEdit']")
?.classList.add('is-light');
} }
workOrderFormElement.addEventListener('submit', (submitEvent) => { workOrderFormElement.addEventListener('submit', (submitEvent) => {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/workOrders/${isCreate ? 'doCreateWorkOrder' : 'doUpdateWorkOrder'}`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/workOrders/${isCreate ? 'doCreateWorkOrder' : 'doUpdateWorkOrder'}`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
clearUnsavedChanges(); clearUnsavedChanges();
@ -43,7 +42,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Updating Work Order', title: 'Error Updating Work Order',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -60,7 +59,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
cityssm.postJSON(`${los.urlPrefix}/workOrders/doCloseWorkOrder`, { cityssm.postJSON(`${los.urlPrefix}/workOrders/doCloseWorkOrder`, {
workOrderId workOrderId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
clearUnsavedChanges(); clearUnsavedChanges();
@ -69,7 +67,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Closing Work Order', title: 'Error Closing Work Order',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -79,7 +77,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
cityssm.postJSON(`${los.urlPrefix}/workOrders/doDeleteWorkOrder`, { cityssm.postJSON(`${los.urlPrefix}/workOrders/doDeleteWorkOrder`, {
workOrderId workOrderId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
clearUnsavedChanges(); clearUnsavedChanges();
@ -88,15 +85,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Deleting Work Order', title: 'Error Deleting Work Order',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
}); });
} }
let workOrderMilestones; let workOrderMilestones;
(_b = document document
.querySelector('#button--closeWorkOrder')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', () => { .querySelector('#button--closeWorkOrder')
?.addEventListener('click', () => {
const hasOpenMilestones = workOrderMilestones.some((milestone) => { const hasOpenMilestones = workOrderMilestones.some((milestone) => {
return !milestone.workOrderMilestoneCompletionDate; return !milestone.workOrderMilestoneCompletionDate;
}); });
@ -135,8 +133,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
}); });
(_c = document document
.querySelector('#button--deleteWorkOrder')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', (clickEvent) => { .querySelector('#button--deleteWorkOrder')
?.addEventListener('click', (clickEvent) => {
clickEvent.preventDefault(); clickEvent.preventDefault();
bulmaJS.confirm({ bulmaJS.confirm({
title: 'Delete Work Order', title: 'Delete Work Order',
@ -177,7 +176,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
workOrderMilestoneDateFilter: 'date', workOrderMilestoneDateFilter: 'date',
workOrderMilestoneDateString workOrderMilestoneDateString
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a, _b, _c, _d;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
const workOrderMilestones = responseJSON.workOrderMilestones.filter((possibleMilestone) => { const workOrderMilestones = responseJSON.workOrderMilestones.filter((possibleMilestone) => {
return possibleMilestone.workOrderId.toString() !== workOrderId; return possibleMilestone.workOrderId.toString() !== workOrderId;
@ -187,13 +185,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
targetPanelElement.insertAdjacentHTML('beforeend', `<div class="panel-block is-block"> targetPanelElement.insertAdjacentHTML('beforeend', `<div class="panel-block is-block">
<div class="columns"> <div class="columns">
<div class="column is-5"> <div class="column is-5">
${cityssm.escapeHTML(milestone.workOrderMilestoneTime === 0 ? 'No Time' : (_a = milestone.workOrderMilestoneTimePeriodString) !== null && _a !== void 0 ? _a : '')}<br /> ${cityssm.escapeHTML(milestone.workOrderMilestoneTime === 0 ? 'No Time' : milestone.workOrderMilestoneTimePeriodString ?? '')}<br />
<strong>${cityssm.escapeHTML((_b = milestone.workOrderMilestoneType) !== null && _b !== void 0 ? _b : '')}</strong> <strong>${cityssm.escapeHTML(milestone.workOrderMilestoneType ?? '')}</strong>
</div> </div>
<div class="column"> <div class="column">
${cityssm.escapeHTML((_c = milestone.workOrderNumber) !== null && _c !== void 0 ? _c : '')}<br /> ${cityssm.escapeHTML(milestone.workOrderNumber ?? '')}<br />
<span class="is-size-7"> <span class="is-size-7">
${cityssm.escapeHTML((_d = milestone.workOrderDescription) !== null && _d !== void 0 ? _d : '')} ${cityssm.escapeHTML(milestone.workOrderDescription ?? '')}
</span> </span>
</div> </div>
</div> </div>
@ -212,7 +210,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function processMilestoneResponse(rawResponseJSON) { function processMilestoneResponse(rawResponseJSON) {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderMilestones = responseJSON.workOrderMilestones; workOrderMilestones = responseJSON.workOrderMilestones;
@ -221,16 +218,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Reopening Milestone', title: 'Error Reopening Milestone',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
} }
function completeMilestone(clickEvent) { function completeMilestone(clickEvent) {
var _a;
clickEvent.preventDefault(); clickEvent.preventDefault();
const currentDateString = cityssm.dateToString(new Date()); const currentDateString = cityssm.dateToString(new Date());
const workOrderMilestoneId = Number.parseInt((_a = clickEvent.currentTarget.closest('.container--milestone').dataset.workOrderMilestoneId) !== null && _a !== void 0 ? _a : '', 10); const workOrderMilestoneId = Number.parseInt(clickEvent.currentTarget.closest('.container--milestone').dataset.workOrderMilestoneId ?? '', 10);
const workOrderMilestone = workOrderMilestones.find((currentMilestone) => { const workOrderMilestone = workOrderMilestones.find((currentMilestone) => {
return currentMilestone.workOrderMilestoneId === workOrderMilestoneId; return currentMilestone.workOrderMilestoneId === workOrderMilestoneId;
}); });
@ -295,9 +291,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function editMilestone(clickEvent) { function editMilestone(clickEvent) {
var _a;
clickEvent.preventDefault(); clickEvent.preventDefault();
const workOrderMilestoneId = Number.parseInt((_a = clickEvent.currentTarget.closest('.container--milestone').dataset.workOrderMilestoneId) !== null && _a !== void 0 ? _a : '', 10); const workOrderMilestoneId = Number.parseInt(clickEvent.currentTarget.closest('.container--milestone').dataset.workOrderMilestoneId ?? '', 10);
const workOrderMilestone = workOrderMilestones.find((currentMilestone) => { const workOrderMilestone = workOrderMilestones.find((currentMilestone) => {
return currentMilestone.workOrderMilestoneId === workOrderMilestoneId; return currentMilestone.workOrderMilestoneId === workOrderMilestoneId;
}); });
@ -315,10 +310,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
cityssm.openHtmlModal('workOrder-editMilestone', { cityssm.openHtmlModal('workOrder-editMilestone', {
onshow(modalElement) { onshow(modalElement) {
var _a, _b, _c, _d, _e, _f;
; ;
modalElement.querySelector('#milestoneEdit--workOrderId').value = workOrderId; modalElement.querySelector('#milestoneEdit--workOrderId').value = workOrderId;
modalElement.querySelector('#milestoneEdit--workOrderMilestoneId').value = (_b = (_a = workOrderMilestone.workOrderMilestoneId) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : ''; modalElement.querySelector('#milestoneEdit--workOrderMilestoneId').value = workOrderMilestone.workOrderMilestoneId?.toString() ?? '';
const milestoneTypeElement = modalElement.querySelector('#milestoneEdit--workOrderMilestoneTypeId'); const milestoneTypeElement = modalElement.querySelector('#milestoneEdit--workOrderMilestoneTypeId');
let milestoneTypeFound = false; let milestoneTypeFound = false;
for (const milestoneType of exports.workOrderMilestoneTypes) { for (const milestoneType of exports.workOrderMilestoneTypes) {
@ -339,27 +333,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
optionElement.value = optionElement.value =
workOrderMilestone.workOrderMilestoneTypeId.toString(); workOrderMilestone.workOrderMilestoneTypeId.toString();
optionElement.textContent = optionElement.textContent =
(_c = workOrderMilestone.workOrderMilestoneType) !== null && _c !== void 0 ? _c : ''; workOrderMilestone.workOrderMilestoneType ?? '';
optionElement.selected = true; optionElement.selected = true;
milestoneTypeElement.append(optionElement); milestoneTypeElement.append(optionElement);
} }
workOrderMilestoneDateStringElement = modalElement.querySelector('#milestoneEdit--workOrderMilestoneDateString'); workOrderMilestoneDateStringElement = modalElement.querySelector('#milestoneEdit--workOrderMilestoneDateString');
workOrderMilestoneDateStringElement.value = workOrderMilestoneDateStringElement.value =
(_d = workOrderMilestone.workOrderMilestoneDateString) !== null && _d !== void 0 ? _d : ''; workOrderMilestone.workOrderMilestoneDateString ?? '';
if (workOrderMilestone.workOrderMilestoneTime) { if (workOrderMilestone.workOrderMilestoneTime) {
; ;
modalElement.querySelector('#milestoneEdit--workOrderMilestoneTimeString').value = (_e = workOrderMilestone.workOrderMilestoneTimeString) !== null && _e !== void 0 ? _e : ''; modalElement.querySelector('#milestoneEdit--workOrderMilestoneTimeString').value = workOrderMilestone.workOrderMilestoneTimeString ?? '';
} }
; ;
modalElement.querySelector('#milestoneEdit--workOrderMilestoneDescription').value = (_f = workOrderMilestone.workOrderMilestoneDescription) !== null && _f !== void 0 ? _f : ''; modalElement.querySelector('#milestoneEdit--workOrderMilestoneDescription').value = workOrderMilestone.workOrderMilestoneDescription ?? '';
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
var _a;
editCloseModalFunction = closeModalFunction; editCloseModalFunction = closeModalFunction;
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
los.initializeDatePickers(modalElement); los.initializeDatePickers(modalElement);
// los.initializeTimePickers(modalElement); // los.initializeTimePickers(modalElement);
(_a = modalElement.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doEdit); modalElement.querySelector('form')?.addEventListener('submit', doEdit);
const conflictingMilestonePanelElement = document.querySelector('#milestoneEdit--conflictingMilestonesPanel'); const conflictingMilestonePanelElement = document.querySelector('#milestoneEdit--conflictingMilestonesPanel');
workOrderMilestoneDateStringElement.addEventListener('change', () => { workOrderMilestoneDateStringElement.addEventListener('change', () => {
refreshConflictingMilestones(workOrderMilestoneDateStringElement.value, conflictingMilestonePanelElement); refreshConflictingMilestones(workOrderMilestoneDateStringElement.value, conflictingMilestonePanelElement);
@ -372,7 +365,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function renderMilestones() { function renderMilestones() {
var _a, _b, _c, _d, _e, _f, _g;
// Clear milestones panel // Clear milestones panel
const milestonesPanelElement = document.querySelector('#panel--milestones'); const milestonesPanelElement = document.querySelector('#panel--milestones');
const panelBlockElementsToDelete = milestonesPanelElement.querySelectorAll('.panel-block'); const panelBlockElementsToDelete = milestonesPanelElement.querySelectorAll('.panel-block');
@ -383,7 +375,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
const panelBlockElement = document.createElement('div'); const panelBlockElement = document.createElement('div');
panelBlockElement.className = 'panel-block is-block container--milestone'; panelBlockElement.className = 'panel-block is-block container--milestone';
panelBlockElement.dataset.workOrderMilestoneId = panelBlockElement.dataset.workOrderMilestoneId =
(_a = milestone.workOrderMilestoneId) === null || _a === void 0 ? void 0 : _a.toString(); milestone.workOrderMilestoneId?.toString();
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
panelBlockElement.innerHTML = `<div class="columns is-mobile"> panelBlockElement.innerHTML = `<div class="columns is-mobile">
<div class="column is-narrow"> <div class="column is-narrow">
@ -398,7 +390,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
</button>`} </button>`}
</div><div class="column"> </div><div class="column">
${milestone.workOrderMilestoneTypeId ${milestone.workOrderMilestoneTypeId
? `<strong>${cityssm.escapeHTML((_b = milestone.workOrderMilestoneType) !== null && _b !== void 0 ? _b : '')}</strong><br />` ? `<strong>${cityssm.escapeHTML(milestone.workOrderMilestoneType ?? '')}</strong><br />`
: ''} : ''}
${milestone.workOrderMilestoneDate === 0 ${milestone.workOrderMilestoneDate === 0
? '<span class="has-text-grey">(No Set Date)</span>' ? '<span class="has-text-grey">(No Set Date)</span>'
@ -407,7 +399,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
? ` ${milestone.workOrderMilestoneTimePeriodString}` ? ` ${milestone.workOrderMilestoneTimePeriodString}`
: ''}<br /> : ''}<br />
<span class="is-size-7"> <span class="is-size-7">
${cityssm.escapeHTML((_c = milestone.workOrderMilestoneDescription) !== null && _c !== void 0 ? _c : '')} ${cityssm.escapeHTML(milestone.workOrderMilestoneDescription ?? '')}
</span> </span>
</div><div class="column is-narrow"> </div><div class="column is-narrow">
<div class="dropdown is-right"> <div class="dropdown is-right">
@ -436,14 +428,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
</div> </div>
</div> </div>
</div></div>`; </div></div>`;
(_d = panelBlockElement panelBlockElement
.querySelector('.button--reopenMilestone')) === null || _d === void 0 ? void 0 : _d.addEventListener('click', reopenMilestone); .querySelector('.button--reopenMilestone')
(_e = panelBlockElement ?.addEventListener('click', reopenMilestone);
.querySelector('.button--editMilestone')) === null || _e === void 0 ? void 0 : _e.addEventListener('click', editMilestone); panelBlockElement
(_f = panelBlockElement .querySelector('.button--editMilestone')
.querySelector('.button--completeMilestone')) === null || _f === void 0 ? void 0 : _f.addEventListener('click', completeMilestone); ?.addEventListener('click', editMilestone);
(_g = panelBlockElement panelBlockElement
.querySelector('.button--deleteMilestone')) === null || _g === void 0 ? void 0 : _g.addEventListener('click', deleteMilestone); .querySelector('.button--completeMilestone')
?.addEventListener('click', completeMilestone);
panelBlockElement
.querySelector('.button--deleteMilestone')
?.addEventListener('click', deleteMilestone);
milestonesPanelElement.append(panelBlockElement); milestonesPanelElement.append(panelBlockElement);
} }
bulmaJS.init(milestonesPanelElement); bulmaJS.init(milestonesPanelElement);
@ -453,8 +449,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
exports.workOrderMilestones; exports.workOrderMilestones;
delete exports.workOrderMilestones; delete exports.workOrderMilestones;
renderMilestones(); renderMilestones();
(_d = document document
.querySelector('#button--addMilestone')) === null || _d === void 0 ? void 0 : _d.addEventListener('click', () => { .querySelector('#button--addMilestone')
?.addEventListener('click', () => {
let addFormElement; let addFormElement;
let workOrderMilestoneDateStringElement; let workOrderMilestoneDateStringElement;
let addCloseModalFunction; let addCloseModalFunction;

54
public-typescript/workOrderEdit/workOrderEditComments.js
View File

@ -1,13 +1,12 @@
"use strict"; "use strict";
// eslint-disable-next-line @eslint-community/eslint-comments/disable-enable-pair // eslint-disable-next-line @eslint-community/eslint-comments/disable-enable-pair
/* eslint-disable unicorn/prefer-module */ /* eslint-disable unicorn/prefer-module */
var _a;
Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "__esModule", { value: true });
let workOrderComments = exports.workOrderComments; let workOrderComments = exports.workOrderComments;
delete exports.workOrderComments; delete exports.workOrderComments;
function openEditWorkOrderComment(clickEvent) { function openEditWorkOrderComment(clickEvent) {
var _a, _b; const workOrderCommentId = Number.parseInt(clickEvent.currentTarget.closest('tr')?.dataset
const workOrderCommentId = Number.parseInt((_b = (_a = clickEvent.currentTarget.closest('tr')) === null || _a === void 0 ? void 0 : _a.dataset.workOrderCommentId) !== null && _b !== void 0 ? _b : '', 10); .workOrderCommentId ?? '', 10);
const workOrderComment = workOrderComments.find((currentComment) => { const workOrderComment = workOrderComments.find((currentComment) => {
return currentComment.workOrderCommentId === workOrderCommentId; return currentComment.workOrderCommentId === workOrderCommentId;
}); });
@ -16,7 +15,6 @@ function openEditWorkOrderComment(clickEvent) {
function editComment(submitEvent) { function editComment(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/workOrders/doUpdateWorkOrderComment`, editFormElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/workOrders/doUpdateWorkOrderComment`, editFormElement, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderComments = responseJSON.workOrderComments; workOrderComments = responseJSON.workOrderComments;
@ -26,7 +24,7 @@ function openEditWorkOrderComment(clickEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Updating Comment', title: 'Error Updating Comment',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -34,20 +32,19 @@ function openEditWorkOrderComment(clickEvent) {
} }
cityssm.openHtmlModal('workOrder-editComment', { cityssm.openHtmlModal('workOrder-editComment', {
onshow(modalElement) { onshow(modalElement) {
var _a, _b, _c, _d;
; ;
modalElement.querySelector('#workOrderCommentEdit--workOrderId').value = workOrderId; modalElement.querySelector('#workOrderCommentEdit--workOrderId').value = workOrderId;
modalElement.querySelector('#workOrderCommentEdit--workOrderCommentId').value = workOrderCommentId.toString(); modalElement.querySelector('#workOrderCommentEdit--workOrderCommentId').value = workOrderCommentId.toString();
modalElement.querySelector('#workOrderCommentEdit--workOrderComment').value = (_a = workOrderComment.workOrderComment) !== null && _a !== void 0 ? _a : ''; modalElement.querySelector('#workOrderCommentEdit--workOrderComment').value = workOrderComment.workOrderComment ?? '';
const workOrderCommentDateStringElement = modalElement.querySelector('#workOrderCommentEdit--workOrderCommentDateString'); const workOrderCommentDateStringElement = modalElement.querySelector('#workOrderCommentEdit--workOrderCommentDateString');
workOrderCommentDateStringElement.value = workOrderCommentDateStringElement.value =
(_b = workOrderComment.workOrderCommentDateString) !== null && _b !== void 0 ? _b : ''; workOrderComment.workOrderCommentDateString ?? '';
const currentDateString = cityssm.dateToString(new Date()); const currentDateString = cityssm.dateToString(new Date());
workOrderCommentDateStringElement.max = workOrderCommentDateStringElement.max =
workOrderComment.workOrderCommentDateString <= currentDateString workOrderComment.workOrderCommentDateString <= currentDateString
? currentDateString ? currentDateString
: (_c = workOrderComment.workOrderCommentDateString) !== null && _c !== void 0 ? _c : ''; : workOrderComment.workOrderCommentDateString ?? '';
modalElement.querySelector('#workOrderCommentEdit--workOrderCommentTimeString').value = (_d = workOrderComment.workOrderCommentTimeString) !== null && _d !== void 0 ? _d : ''; modalElement.querySelector('#workOrderCommentEdit--workOrderCommentTimeString').value = workOrderComment.workOrderCommentTimeString ?? '';
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
@ -63,14 +60,13 @@ function openEditWorkOrderComment(clickEvent) {
}); });
} }
function deleteWorkOrderComment(clickEvent) { function deleteWorkOrderComment(clickEvent) {
var _a, _b; const workOrderCommentId = Number.parseInt(clickEvent.currentTarget.closest('tr')?.dataset
const workOrderCommentId = Number.parseInt((_b = (_a = clickEvent.currentTarget.closest('tr')) === null || _a === void 0 ? void 0 : _a.dataset.workOrderCommentId) !== null && _b !== void 0 ? _b : '', 10); .workOrderCommentId ?? '', 10);
function doDelete() { function doDelete() {
cityssm.postJSON(`${los.urlPrefix}/workOrders/doDeleteWorkOrderComment`, { cityssm.postJSON(`${los.urlPrefix}/workOrders/doDeleteWorkOrderComment`, {
workOrderId, workOrderId,
workOrderCommentId workOrderCommentId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderComments = responseJSON.workOrderComments; workOrderComments = responseJSON.workOrderComments;
@ -79,7 +75,7 @@ function deleteWorkOrderComment(clickEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Removing Comment', title: 'Error Removing Comment',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -96,7 +92,6 @@ function deleteWorkOrderComment(clickEvent) {
}); });
} }
function renderWorkOrderComments() { function renderWorkOrderComments() {
var _a, _b, _c, _d, _e, _f;
const containerElement = document.querySelector('#container--workOrderComments'); const containerElement = document.querySelector('#container--workOrderComments');
if (workOrderComments.length === 0) { if (workOrderComments.length === 0) {
containerElement.innerHTML = `<div class="message is-info"> containerElement.innerHTML = `<div class="message is-info">
@ -114,17 +109,17 @@ function renderWorkOrderComments() {
for (const workOrderComment of workOrderComments) { for (const workOrderComment of workOrderComments) {
const tableRowElement = document.createElement('tr'); const tableRowElement = document.createElement('tr');
tableRowElement.dataset.workOrderCommentId = tableRowElement.dataset.workOrderCommentId =
(_a = workOrderComment.workOrderCommentId) === null || _a === void 0 ? void 0 : _a.toString(); workOrderComment.workOrderCommentId?.toString();
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
tableRowElement.innerHTML = `<td> tableRowElement.innerHTML = `<td>
${cityssm.escapeHTML((_b = workOrderComment.recordCreate_userName) !== null && _b !== void 0 ? _b : '')} ${cityssm.escapeHTML(workOrderComment.recordCreate_userName ?? '')}
</td><td> </td><td>
${workOrderComment.workOrderCommentDateString} ${workOrderComment.workOrderCommentDateString}
${workOrderComment.workOrderCommentTime === 0 ${workOrderComment.workOrderCommentTime === 0
? '' ? ''
: workOrderComment.workOrderCommentTimePeriodString} : workOrderComment.workOrderCommentTimePeriodString}
</td><td> </td><td>
${cityssm.escapeHTML((_c = workOrderComment.workOrderComment) !== null && _c !== void 0 ? _c : '')} ${cityssm.escapeHTML(workOrderComment.workOrderComment ?? '')}
</td><td class="is-hidden-print"> </td><td class="is-hidden-print">
<div class="buttons are-small is-justify-content-end"> <div class="buttons are-small is-justify-content-end">
<button class="button is-primary button--edit" type="button"> <button class="button is-primary button--edit" type="button">
@ -136,11 +131,13 @@ function renderWorkOrderComments() {
</button> </button>
</div> </div>
</td>`; </td>`;
(_d = tableRowElement tableRowElement
.querySelector('.button--edit')) === null || _d === void 0 ? void 0 : _d.addEventListener('click', openEditWorkOrderComment); .querySelector('.button--edit')
(_e = tableRowElement ?.addEventListener('click', openEditWorkOrderComment);
.querySelector('.button--delete')) === null || _e === void 0 ? void 0 : _e.addEventListener('click', deleteWorkOrderComment); tableRowElement
(_f = tableElement.querySelector('tbody')) === null || _f === void 0 ? void 0 : _f.append(tableRowElement); .querySelector('.button--delete')
?.addEventListener('click', deleteWorkOrderComment);
tableElement.querySelector('tbody')?.append(tableRowElement);
} }
containerElement.innerHTML = ''; containerElement.innerHTML = '';
containerElement.append(tableElement); containerElement.append(tableElement);
@ -160,11 +157,11 @@ function openAddCommentModal() {
} }
cityssm.openHtmlModal('workOrder-addComment', { cityssm.openHtmlModal('workOrder-addComment', {
onshow(modalElement) { onshow(modalElement) {
var _a;
los.populateAliases(modalElement); los.populateAliases(modalElement);
modalElement.querySelector('#workOrderCommentAdd--workOrderId').value = workOrderId; modalElement.querySelector('#workOrderCommentAdd--workOrderId').value = workOrderId;
(_a = modalElement modalElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doAddComment); .querySelector('form')
?.addEventListener('submit', doAddComment);
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
@ -177,8 +174,9 @@ function openAddCommentModal() {
} }
}); });
} }
(_a = document document
.querySelector('#workOrderComments--add')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', openAddCommentModal); .querySelector('#workOrderComments--add')
?.addEventListener('click', openAddCommentModal);
if (!isCreate) { if (!isCreate) {
renderWorkOrderComments(); renderWorkOrderComments();
} }

139
public-typescript/workOrderEdit/workOrderEditLots.js
View File

@ -1,7 +1,6 @@
"use strict"; "use strict";
// eslint-disable-next-line @eslint-community/eslint-comments/disable-enable-pair // eslint-disable-next-line @eslint-community/eslint-comments/disable-enable-pair
/* eslint-disable unicorn/prefer-module */ /* eslint-disable unicorn/prefer-module */
var _a, _b;
Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "__esModule", { value: true });
let workOrderLots = exports.workOrderLots; let workOrderLots = exports.workOrderLots;
delete exports.workOrderLots; delete exports.workOrderLots;
@ -14,7 +13,6 @@ function deleteLotOccupancy(clickEvent) {
workOrderId, workOrderId,
lotOccupancyId lotOccupancyId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderLotOccupancies = responseJSON.workOrderLotOccupancies; workOrderLotOccupancies = responseJSON.workOrderLotOccupancies;
@ -23,7 +21,7 @@ function deleteLotOccupancy(clickEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Deleting Relationship', title: 'Error Deleting Relationship',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -44,7 +42,6 @@ function addLot(lotId, callbackFunction) {
workOrderId, workOrderId,
lotId lotId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderLots = responseJSON.workOrderLots; workOrderLots = responseJSON.workOrderLots;
@ -53,7 +50,7 @@ function addLot(lotId, callbackFunction) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Adding ${los.escapedAliases.Lot}`, title: `Error Adding ${los.escapedAliases.Lot}`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -67,7 +64,6 @@ function addLotOccupancy(lotOccupancyId, callbackFunction) {
workOrderId, workOrderId,
lotOccupancyId lotOccupancyId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderLotOccupancies = responseJSON.workOrderLotOccupancies; workOrderLotOccupancies = responseJSON.workOrderLotOccupancies;
@ -76,7 +72,7 @@ function addLotOccupancy(lotOccupancyId, callbackFunction) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: `Error Adding ${los.escapedAliases.Occupancy}`, title: `Error Adding ${los.escapedAliases.Occupancy}`,
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -86,12 +82,10 @@ function addLotOccupancy(lotOccupancyId, callbackFunction) {
}); });
} }
function addLotFromLotOccupancy(clickEvent) { function addLotFromLotOccupancy(clickEvent) {
var _a; const lotId = clickEvent.currentTarget.dataset.lotId ?? '';
const lotId = (_a = clickEvent.currentTarget.dataset.lotId) !== null && _a !== void 0 ? _a : '';
addLot(lotId); addLot(lotId);
} }
function renderRelatedOccupancies() { function renderRelatedOccupancies() {
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
const occupanciesContainerElement = document.querySelector('#container--lotOccupancies'); const occupanciesContainerElement = document.querySelector('#container--lotOccupancies');
document.querySelector(".tabs a[href='#relatedTab--lotOccupancies'] .tag").textContent = workOrderLotOccupancies.length.toString(); document.querySelector(".tabs a[href='#relatedTab--lotOccupancies'] .tag").textContent = workOrderLotOccupancies.length.toString();
if (workOrderLotOccupancies.length === 0) { if (workOrderLotOccupancies.length === 0) {
@ -132,14 +126,14 @@ function renderRelatedOccupancies() {
: `<i class="fas fa-stop" title="Previous ${los.escapedAliases.Occupancy}"></i>`} : `<i class="fas fa-stop" title="Previous ${los.escapedAliases.Occupancy}"></i>`}
</td><td> </td><td>
<a class="has-text-weight-bold" href="${los.getLotOccupancyURL(lotOccupancy.lotOccupancyId)}"> <a class="has-text-weight-bold" href="${los.getLotOccupancyURL(lotOccupancy.lotOccupancyId)}">
${cityssm.escapeHTML((_a = lotOccupancy.occupancyType) !== null && _a !== void 0 ? _a : '')} ${cityssm.escapeHTML(lotOccupancy.occupancyType ?? '')}
</a><br /> </a><br />
<span class="is-size-7">#${lotOccupancy.lotOccupancyId}</span> <span class="is-size-7">#${lotOccupancy.lotOccupancyId}</span>
</td>`; </td>`;
if (lotOccupancy.lotId) { if (lotOccupancy.lotId) {
// eslint-disable-next-line no-unsanitized/method // eslint-disable-next-line no-unsanitized/method
rowElement.insertAdjacentHTML('beforeend', `<td> rowElement.insertAdjacentHTML('beforeend', `<td>
${cityssm.escapeHTML((_b = lotOccupancy.lotName) !== null && _b !== void 0 ? _b : '')} ${cityssm.escapeHTML(lotOccupancy.lotName ?? '')}
${hasLotRecord ${hasLotRecord
? '' ? ''
: ` <button class="button is-small is-light is-success button--addLot" : ` <button class="button is-small is-light is-success button--addLot"
@ -157,14 +151,14 @@ function renderRelatedOccupancies() {
let occupantsHTML = ''; let occupantsHTML = '';
for (const occupant of lotOccupancy.lotOccupancyOccupants) { for (const occupant of lotOccupancy.lotOccupancyOccupants) {
occupantsHTML += `<li class="has-tooltip-left" occupantsHTML += `<li class="has-tooltip-left"
data-tooltip="${cityssm.escapeHTML((_c = occupant.lotOccupantType) !== null && _c !== void 0 ? _c : '')}"> data-tooltip="${cityssm.escapeHTML(occupant.lotOccupantType ?? '')}">
<span class="fa-li"> <span class="fa-li">
<i class="fas fa-fw fa-${cityssm.escapeHTML(((_d = occupant.fontAwesomeIconClass) !== null && _d !== void 0 ? _d : '') === '' <i class="fas fa-fw fa-${cityssm.escapeHTML((occupant.fontAwesomeIconClass ?? '') === ''
? 'user' ? 'user'
: (_e = occupant.fontAwesomeIconClass) !== null && _e !== void 0 ? _e : '')}" aria-label="${los.escapedAliases.Occupant}"></i> : occupant.fontAwesomeIconClass ?? '')}" aria-label="${los.escapedAliases.Occupant}"></i>
</span> </span>
${cityssm.escapeHTML((_f = occupant.occupantName) !== null && _f !== void 0 ? _f : '')} ${cityssm.escapeHTML(occupant.occupantName ?? '')}
${cityssm.escapeHTML((_g = occupant.occupantFamilyName) !== null && _g !== void 0 ? _g : '')} ${cityssm.escapeHTML(occupant.occupantFamilyName ?? '')}
</li>`; </li>`;
} }
// eslint-disable-next-line no-unsanitized/method // eslint-disable-next-line no-unsanitized/method
@ -183,16 +177,17 @@ function renderRelatedOccupancies() {
<i class="fas fa-trash" aria-hidden="true"></i> <i class="fas fa-trash" aria-hidden="true"></i>
</button> </button>
</td>`); </td>`);
(_h = rowElement rowElement
.querySelector('.button--addLot')) === null || _h === void 0 ? void 0 : _h.addEventListener('click', addLotFromLotOccupancy); .querySelector('.button--addLot')
(_j = rowElement ?.addEventListener('click', addLotFromLotOccupancy);
.querySelector('.button--deleteLotOccupancy')) === null || _j === void 0 ? void 0 : _j.addEventListener('click', deleteLotOccupancy); rowElement
(_k = occupanciesContainerElement.querySelector('tbody')) === null || _k === void 0 ? void 0 : _k.append(rowElement); .querySelector('.button--deleteLotOccupancy')
?.addEventListener('click', deleteLotOccupancy);
occupanciesContainerElement.querySelector('tbody')?.append(rowElement);
} }
} }
function openEditLotStatus(clickEvent) { function openEditLotStatus(clickEvent) {
var _a; const lotId = Number.parseInt(clickEvent.currentTarget.closest('.container--lot').dataset.lotId ?? '', 10);
const lotId = Number.parseInt((_a = clickEvent.currentTarget.closest('.container--lot').dataset.lotId) !== null && _a !== void 0 ? _a : '', 10);
const lot = workOrderLots.find((possibleLot) => { const lot = workOrderLots.find((possibleLot) => {
return possibleLot.lotId === lotId; return possibleLot.lotId === lotId;
}); });
@ -200,7 +195,6 @@ function openEditLotStatus(clickEvent) {
function doUpdateLotStatus(submitEvent) { function doUpdateLotStatus(submitEvent) {
submitEvent.preventDefault(); submitEvent.preventDefault();
cityssm.postJSON(`${los.urlPrefix}/workOrders/doUpdateLotStatus`, submitEvent.currentTarget, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/workOrders/doUpdateLotStatus`, submitEvent.currentTarget, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderLots = responseJSON.workOrderLots; workOrderLots = responseJSON.workOrderLots;
@ -210,7 +204,7 @@ function openEditLotStatus(clickEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Deleting Relationship', title: 'Error Deleting Relationship',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -218,10 +212,9 @@ function openEditLotStatus(clickEvent) {
} }
cityssm.openHtmlModal('lot-editLotStatus', { cityssm.openHtmlModal('lot-editLotStatus', {
onshow(modalElement) { onshow(modalElement) {
var _a, _b, _c;
los.populateAliases(modalElement); los.populateAliases(modalElement);
modalElement.querySelector('#lotStatusEdit--lotId').value = lotId.toString(); modalElement.querySelector('#lotStatusEdit--lotId').value = lotId.toString();
modalElement.querySelector('#lotStatusEdit--lotName').value = (_a = lot.lotName) !== null && _a !== void 0 ? _a : ''; modalElement.querySelector('#lotStatusEdit--lotName').value = lot.lotName ?? '';
const lotStatusElement = modalElement.querySelector('#lotStatusEdit--lotStatusId'); const lotStatusElement = modalElement.querySelector('#lotStatusEdit--lotStatusId');
let lotStatusFound = false; let lotStatusFound = false;
for (const lotStatus of exports.lotStatuses) { for (const lotStatus of exports.lotStatuses) {
@ -236,22 +229,23 @@ function openEditLotStatus(clickEvent) {
if (!lotStatusFound && lot.lotStatusId) { if (!lotStatusFound && lot.lotStatusId) {
const optionElement = document.createElement('option'); const optionElement = document.createElement('option');
optionElement.value = lot.lotStatusId.toString(); optionElement.value = lot.lotStatusId.toString();
optionElement.textContent = (_b = lot.lotStatus) !== null && _b !== void 0 ? _b : ''; optionElement.textContent = lot.lotStatus ?? '';
lotStatusElement.append(optionElement); lotStatusElement.append(optionElement);
} }
if (lot.lotStatusId) { if (lot.lotStatusId) {
lotStatusElement.value = lot.lotStatusId.toString(); lotStatusElement.value = lot.lotStatusId.toString();
} }
// eslint-disable-next-line no-unsanitized/method // eslint-disable-next-line no-unsanitized/method
(_c = modalElement modalElement
.querySelector('form')) === null || _c === void 0 ? void 0 : _c.insertAdjacentHTML('beforeend', `<input name="workOrderId" type="hidden" value="${workOrderId}" />`); .querySelector('form')
?.insertAdjacentHTML('beforeend', `<input name="workOrderId" type="hidden" value="${workOrderId}" />`);
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
var _a;
editCloseModalFunction = closeModalFunction; editCloseModalFunction = closeModalFunction;
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
(_a = modalElement modalElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doUpdateLotStatus); .querySelector('form')
?.addEventListener('submit', doUpdateLotStatus);
}, },
onremoved() { onremoved() {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
@ -265,7 +259,6 @@ function deleteLot(clickEvent) {
workOrderId, workOrderId,
lotId lotId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
workOrderLots = responseJSON.workOrderLots; workOrderLots = responseJSON.workOrderLots;
@ -274,7 +267,7 @@ function deleteLot(clickEvent) {
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Deleting Relationship', title: 'Error Deleting Relationship',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }
@ -291,7 +284,6 @@ function deleteLot(clickEvent) {
}); });
} }
function renderRelatedLots() { function renderRelatedLots() {
var _a, _b, _c, _d, _e, _f, _g;
const lotsContainerElement = document.querySelector('#container--lots'); const lotsContainerElement = document.querySelector('#container--lots');
document.querySelector(".tabs a[href='#relatedTab--lots'] .tag").textContent = workOrderLots.length.toString(); document.querySelector(".tabs a[href='#relatedTab--lots'] .tag").textContent = workOrderLots.length.toString();
if (workOrderLots.length === 0) { if (workOrderLots.length === 0) {
@ -319,15 +311,15 @@ function renderRelatedLots() {
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property
rowElement.innerHTML = `<td> rowElement.innerHTML = `<td>
<a class="has-text-weight-bold" href="${los.getLotURL(lot.lotId)}"> <a class="has-text-weight-bold" href="${los.getLotURL(lot.lotId)}">
${cityssm.escapeHTML((_a = lot.lotName) !== null && _a !== void 0 ? _a : '')} ${cityssm.escapeHTML(lot.lotName ?? '')}
</a> </a>
</td><td> </td><td>
${cityssm.escapeHTML((_b = lot.mapName) !== null && _b !== void 0 ? _b : '')} ${cityssm.escapeHTML(lot.mapName ?? '')}
</td><td> </td><td>
${cityssm.escapeHTML((_c = lot.lotType) !== null && _c !== void 0 ? _c : '')} ${cityssm.escapeHTML(lot.lotType ?? '')}
</td><td> </td><td>
${lot.lotStatusId ${lot.lotStatusId
? cityssm.escapeHTML((_d = lot.lotStatus) !== null && _d !== void 0 ? _d : '') ? cityssm.escapeHTML(lot.lotStatus ?? '')
: '<span class="has-text-grey">(No Status)</span>'} : '<span class="has-text-grey">(No Status)</span>'}
</td><td class="is-nowrap"> </td><td class="is-nowrap">
<button class="button is-small is-light is-info button--editLotStatus" data-tooltip="Update Status" type="button"> <button class="button is-small is-light is-info button--editLotStatus" data-tooltip="Update Status" type="button">
@ -337,11 +329,13 @@ function renderRelatedLots() {
<i class="fas fa-trash" aria-hidden="true"></i> <i class="fas fa-trash" aria-hidden="true"></i>
</button> </button>
</td>`; </td>`;
(_e = rowElement rowElement
.querySelector('.button--editLotStatus')) === null || _e === void 0 ? void 0 : _e.addEventListener('click', openEditLotStatus); .querySelector('.button--editLotStatus')
(_f = rowElement ?.addEventListener('click', openEditLotStatus);
.querySelector('.button--deleteLot')) === null || _f === void 0 ? void 0 : _f.addEventListener('click', deleteLot); rowElement
(_g = lotsContainerElement.querySelector('tbody')) === null || _g === void 0 ? void 0 : _g.append(rowElement); .querySelector('.button--deleteLot')
?.addEventListener('click', deleteLot);
lotsContainerElement.querySelector('tbody')?.append(rowElement);
} }
} }
function renderRelatedLotsAndOccupancies() { function renderRelatedLotsAndOccupancies() {
@ -350,17 +344,17 @@ function renderRelatedLotsAndOccupancies() {
} }
renderRelatedLotsAndOccupancies(); renderRelatedLotsAndOccupancies();
function doAddLotOccupancy(clickEvent) { function doAddLotOccupancy(clickEvent) {
var _a;
const rowElement = clickEvent.currentTarget.closest('tr'); const rowElement = clickEvent.currentTarget.closest('tr');
const lotOccupancyId = (_a = rowElement.dataset.lotOccupancyId) !== null && _a !== void 0 ? _a : ''; const lotOccupancyId = rowElement.dataset.lotOccupancyId ?? '';
addLotOccupancy(lotOccupancyId, (success) => { addLotOccupancy(lotOccupancyId, (success) => {
if (success) { if (success) {
rowElement.remove(); rowElement.remove();
} }
}); });
} }
(_a = document document
.querySelector('#button--addLotOccupancy')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => { .querySelector('#button--addLotOccupancy')
?.addEventListener('click', () => {
let searchFormElement; let searchFormElement;
let searchResultsContainerElement; let searchResultsContainerElement;
function doSearch(event) { function doSearch(event) {
@ -371,7 +365,6 @@ function doAddLotOccupancy(clickEvent) {
searchResultsContainerElement.innerHTML = searchResultsContainerElement.innerHTML =
los.getLoadingParagraphHTML('Searching...'); los.getLoadingParagraphHTML('Searching...');
cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doSearchLotOccupancies`, searchFormElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/lotOccupancies/doSearchLotOccupancies`, searchFormElement, (rawResponseJSON) => {
var _a, _b, _c, _d;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.lotOccupancies.length === 0) { if (responseJSON.lotOccupancies.length === 0) {
searchResultsContainerElement.innerHTML = `<div class="message is-info"> searchResultsContainerElement.innerHTML = `<div class="message is-info">
@ -402,10 +395,10 @@ function doAddLotOccupancy(clickEvent) {
</button> </button>
</td> </td>
<td class="has-text-weight-bold"> <td class="has-text-weight-bold">
${cityssm.escapeHTML((_a = lotOccupancy.occupancyType) !== null && _a !== void 0 ? _a : '')} ${cityssm.escapeHTML(lotOccupancy.occupancyType ?? '')}
</td>`; </td>`;
if (lotOccupancy.lotId) { if (lotOccupancy.lotId) {
rowElement.insertAdjacentHTML('beforeend', `<td>${cityssm.escapeHTML((_b = lotOccupancy.lotName) !== null && _b !== void 0 ? _b : '')}</td>`); rowElement.insertAdjacentHTML('beforeend', `<td>${cityssm.escapeHTML(lotOccupancy.lotName ?? '')}</td>`);
} }
else { else {
// eslint-disable-next-line no-unsanitized/method // eslint-disable-next-line no-unsanitized/method
@ -430,10 +423,12 @@ function doAddLotOccupancy(clickEvent) {
? ` plus ? ` plus
${(lotOccupancy.lotOccupancyOccupants.length - 1).toString()}` ${(lotOccupancy.lotOccupancyOccupants.length - 1).toString()}`
: '')}</td>`); : '')}</td>`);
(_c = rowElement rowElement
.querySelector('.button--addLotOccupancy')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', doAddLotOccupancy); .querySelector('.button--addLotOccupancy')
(_d = searchResultsContainerElement ?.addEventListener('click', doAddLotOccupancy);
.querySelector('tbody')) === null || _d === void 0 ? void 0 : _d.append(rowElement); searchResultsContainerElement
.querySelector('tbody')
?.append(rowElement);
} }
}); });
} }
@ -461,16 +456,15 @@ function doAddLotOccupancy(clickEvent) {
}); });
}); });
function doAddLot(clickEvent) { function doAddLot(clickEvent) {
var _a;
const rowElement = clickEvent.currentTarget.closest('tr'); const rowElement = clickEvent.currentTarget.closest('tr');
const lotId = (_a = rowElement.dataset.lotId) !== null && _a !== void 0 ? _a : ''; const lotId = rowElement.dataset.lotId ?? '';
addLot(lotId, (success) => { addLot(lotId, (success) => {
if (success) { if (success) {
rowElement.remove(); rowElement.remove();
} }
}); });
} }
(_b = document.querySelector('#button--addLot')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', () => { document.querySelector('#button--addLot')?.addEventListener('click', () => {
let searchFormElement; let searchFormElement;
let searchResultsContainerElement; let searchResultsContainerElement;
function doSearch(event) { function doSearch(event) {
@ -481,7 +475,6 @@ function doAddLot(clickEvent) {
searchResultsContainerElement.innerHTML = searchResultsContainerElement.innerHTML =
los.getLoadingParagraphHTML('Searching...'); los.getLoadingParagraphHTML('Searching...');
cityssm.postJSON(`${los.urlPrefix}/lots/doSearchLots`, searchFormElement, (rawResponseJSON) => { cityssm.postJSON(`${los.urlPrefix}/lots/doSearchLots`, searchFormElement, (rawResponseJSON) => {
var _a, _b, _c, _d, _e, _f;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.lots.length === 0) { if (responseJSON.lots.length === 0) {
searchResultsContainerElement.innerHTML = `<div class="message is-info"> searchResultsContainerElement.innerHTML = `<div class="message is-info">
@ -509,18 +502,20 @@ function doAddLot(clickEvent) {
<i class="fas fa-plus" aria-hidden="true"></i> <i class="fas fa-plus" aria-hidden="true"></i>
</button> </button>
</td><td class="has-text-weight-bold"> </td><td class="has-text-weight-bold">
${cityssm.escapeHTML((_a = lot.lotName) !== null && _a !== void 0 ? _a : '')} ${cityssm.escapeHTML(lot.lotName ?? '')}
</td><td> </td><td>
${cityssm.escapeHTML((_b = lot.mapName) !== null && _b !== void 0 ? _b : '')} ${cityssm.escapeHTML(lot.mapName ?? '')}
</td><td> </td><td>
${cityssm.escapeHTML((_c = lot.lotType) !== null && _c !== void 0 ? _c : '')} ${cityssm.escapeHTML(lot.lotType ?? '')}
</td><td> </td><td>
${cityssm.escapeHTML((_d = lot.lotStatus) !== null && _d !== void 0 ? _d : '')} ${cityssm.escapeHTML(lot.lotStatus ?? '')}
</td>`; </td>`;
(_e = rowElement rowElement
.querySelector('.button--addLot')) === null || _e === void 0 ? void 0 : _e.addEventListener('click', doAddLot); .querySelector('.button--addLot')
(_f = searchResultsContainerElement ?.addEventListener('click', doAddLot);
.querySelector('tbody')) === null || _f === void 0 ? void 0 : _f.append(rowElement); searchResultsContainerElement
.querySelector('tbody')
?.append(rowElement);
} }
}); });
} }
@ -540,13 +535,13 @@ function doAddLot(clickEvent) {
doSearch(); doSearch();
}, },
onshown(modalElement) { onshown(modalElement) {
var _a;
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
const lotNameElement = modalElement.querySelector('#lotSearch--lotName'); const lotNameElement = modalElement.querySelector('#lotSearch--lotName');
lotNameElement.addEventListener('change', doSearch); lotNameElement.addEventListener('change', doSearch);
lotNameElement.focus(); lotNameElement.focus();
(_a = modalElement modalElement
.querySelector('#lotSearch--lotStatusId')) === null || _a === void 0 ? void 0 : _a.addEventListener('change', doSearch); .querySelector('#lotSearch--lotStatusId')
?.addEventListener('change', doSearch);
searchFormElement.addEventListener('submit', doSearch); searchFormElement.addEventListener('submit', doSearch);
}, },
onremoved() { onremoved() {

31
public-typescript/workOrderMilestoneCalendar.js
View File

@ -9,7 +9,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
const workOrderMilestoneDateStringElement = workOrderSearchFiltersFormElement.querySelector('#searchFilter--workOrderMilestoneDateString'); const workOrderMilestoneDateStringElement = workOrderSearchFiltersFormElement.querySelector('#searchFilter--workOrderMilestoneDateString');
const milestoneCalendarContainerElement = document.querySelector('#container--milestoneCalendar'); const milestoneCalendarContainerElement = document.querySelector('#container--milestoneCalendar');
function renderMilestones(workOrderMilestones) { function renderMilestones(workOrderMilestones) {
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
if (workOrderMilestones.length === 0) { if (workOrderMilestones.length === 0) {
milestoneCalendarContainerElement.innerHTML = `<div class="message is-info"> milestoneCalendarContainerElement.innerHTML = `<div class="message is-info">
<p class="message-body">There are no milestones that meet the search criteria.</p> <p class="message-body">There are no milestones that meet the search criteria.</p>
@ -30,9 +29,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
currentPanelElement.innerHTML = `<h2 class="panel-heading"> currentPanelElement.innerHTML = `<h2 class="panel-heading">
${cityssm.escapeHTML(milestone.workOrderMilestoneDate === 0 ${cityssm.escapeHTML(milestone.workOrderMilestoneDate === 0
? 'No Set Date' ? 'No Set Date'
: (_a = milestone.workOrderMilestoneDateString) !== null && _a !== void 0 ? _a : '')} : milestone.workOrderMilestoneDateString ?? '')}
</h2>`; </h2>`;
currentPanelDateString = (_b = milestone.workOrderMilestoneDateString) !== null && _b !== void 0 ? _b : ''; currentPanelDateString = milestone.workOrderMilestoneDateString ?? '';
} }
const panelBlockElement = document.createElement('div'); const panelBlockElement = document.createElement('div');
panelBlockElement.className = 'panel-block is-block'; panelBlockElement.className = 'panel-block is-block';
@ -42,26 +41,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
panelBlockElement.classList.add('has-background-warning-light'); panelBlockElement.classList.add('has-background-warning-light');
} }
let lotOccupancyHTML = ''; let lotOccupancyHTML = '';
for (const lot of (_c = milestone.workOrderLots) !== null && _c !== void 0 ? _c : []) { for (const lot of milestone.workOrderLots ?? []) {
lotOccupancyHTML += `<li class="has-tooltip-left" lotOccupancyHTML += `<li class="has-tooltip-left"
data-tooltip="${cityssm.escapeHTML((_d = lot.mapName) !== null && _d !== void 0 ? _d : '')}"> data-tooltip="${cityssm.escapeHTML(lot.mapName ?? '')}">
<span class="fa-li"> <span class="fa-li">
<i class="fas fa-vector-square" <i class="fas fa-vector-square"
aria-label="${los.escapedAliases.Lot}"></i> aria-label="${los.escapedAliases.Lot}"></i>
</span> </span>
${cityssm.escapeHTML((_e = lot.lotName) !== null && _e !== void 0 ? _e : '')} ${cityssm.escapeHTML(lot.lotName ?? '')}
</li>`; </li>`;
} }
for (const lotOccupancy of (_f = milestone.workOrderLotOccupancies) !== null && _f !== void 0 ? _f : []) { for (const lotOccupancy of milestone.workOrderLotOccupancies ?? []) {
for (const occupant of (_g = lotOccupancy.lotOccupancyOccupants) !== null && _g !== void 0 ? _g : []) { for (const occupant of lotOccupancy.lotOccupancyOccupants ?? []) {
lotOccupancyHTML += `<li class="has-tooltip-left" lotOccupancyHTML += `<li class="has-tooltip-left"
data-tooltip="${cityssm.escapeHTML((_h = occupant.lotOccupantType) !== null && _h !== void 0 ? _h : '')}"> data-tooltip="${cityssm.escapeHTML(occupant.lotOccupantType ?? '')}">
<span class="fa-li"> <span class="fa-li">
<i class="fas fa-user" <i class="fas fa-user"
aria-label="${los.escapedAliases.Occupancy}"></i> aria-label="${los.escapedAliases.Occupancy}"></i>
</span> </span>
${cityssm.escapeHTML((_j = occupant.occupantName) !== null && _j !== void 0 ? _j : '')} ${cityssm.escapeHTML(occupant.occupantName ?? '')}
${cityssm.escapeHTML((_k = occupant.occupantFamilyName) !== null && _k !== void 0 ? _k : '')} ${cityssm.escapeHTML(occupant.occupantFamilyName ?? '')}
</li>`; </li>`;
} }
} }
@ -78,17 +77,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
? '' ? ''
: `${milestone.workOrderMilestoneTimePeriodString}<br />`} : `${milestone.workOrderMilestoneTimePeriodString}<br />`}
${milestone.workOrderMilestoneTypeId ${milestone.workOrderMilestoneTypeId
? `<strong>${cityssm.escapeHTML((_l = milestone.workOrderMilestoneType) !== null && _l !== void 0 ? _l : '')}</strong><br />` ? `<strong>${cityssm.escapeHTML(milestone.workOrderMilestoneType ?? '')}</strong><br />`
: ''} : ''}
<span class="is-size-7"> <span class="is-size-7">
${cityssm.escapeHTML((_m = milestone.workOrderMilestoneDescription) !== null && _m !== void 0 ? _m : '')} ${cityssm.escapeHTML(milestone.workOrderMilestoneDescription ?? '')}
</span> </span>
</div><div class="column"> </div><div class="column">
<i class="fas fa-circle" style="color:${los.getRandomColor((_o = milestone.workOrderNumber) !== null && _o !== void 0 ? _o : '')}" aria-hidden="true"></i> <i class="fas fa-circle" style="color:${los.getRandomColor(milestone.workOrderNumber ?? '')}" aria-hidden="true"></i>
<a class="has-text-weight-bold" href="${los.getWorkOrderURL(milestone.workOrderId)}"> <a class="has-text-weight-bold" href="${los.getWorkOrderURL(milestone.workOrderId)}">
${cityssm.escapeHTML((_p = milestone.workOrderNumber) !== null && _p !== void 0 ? _p : '')} ${cityssm.escapeHTML(milestone.workOrderNumber ?? '')}
</a><br /> </a><br />
<span class="is-size-7">${cityssm.escapeHTML((_q = milestone.workOrderDescription) !== null && _q !== void 0 ? _q : '')}</span> <span class="is-size-7">${cityssm.escapeHTML(milestone.workOrderDescription ?? '')}</span>
</div><div class="column is-size-7"> </div><div class="column is-size-7">
${lotOccupancyHTML === '' ${lotOccupancyHTML === ''
? '' ? ''

50
public-typescript/workOrderSearch.js
View File

@ -11,7 +11,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
const limit = Number.parseInt(document.querySelector('#searchFilter--limit').value, 10); const limit = Number.parseInt(document.querySelector('#searchFilter--limit').value, 10);
const offsetElement = document.querySelector('#searchFilter--offset'); const offsetElement = document.querySelector('#searchFilter--offset');
function renderWorkOrders(rawResponseJSON) { function renderWorkOrders(rawResponseJSON) {
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.workOrders.length === 0) { if (responseJSON.workOrders.length === 0) {
searchResultsContainerElement.innerHTML = `<div class="message is-info"> searchResultsContainerElement.innerHTML = `<div class="message is-info">
@ -22,29 +21,29 @@ Object.defineProperty(exports, "__esModule", { value: true });
const resultsTbodyElement = document.createElement('tbody'); const resultsTbodyElement = document.createElement('tbody');
for (const workOrder of responseJSON.workOrders) { for (const workOrder of responseJSON.workOrders) {
let relatedHTML = ''; let relatedHTML = '';
for (const lot of (_a = workOrder.workOrderLots) !== null && _a !== void 0 ? _a : []) { for (const lot of workOrder.workOrderLots ?? []) {
relatedHTML += `<li class="has-tooltip-left" relatedHTML += `<li class="has-tooltip-left"
data-tooltip="${cityssm.escapeHTML((_b = lot.mapName) !== null && _b !== void 0 ? _b : '')}"> data-tooltip="${cityssm.escapeHTML(lot.mapName ?? '')}">
<span class="fa-li"> <span class="fa-li">
<i class="fas fa-fw fa-vector-square" <i class="fas fa-fw fa-vector-square"
aria-label="${los.escapedAliases.Lot}"></i> aria-label="${los.escapedAliases.Lot}"></i>
</span> </span>
${cityssm.escapeHTML(((_c = lot.lotName) !== null && _c !== void 0 ? _c : '') === '' ${cityssm.escapeHTML((lot.lotName ?? '') === ''
? `(No ${los.escapedAliases.Lot} Name)` ? `(No ${los.escapedAliases.Lot} Name)`
: (_d = lot.lotName) !== null && _d !== void 0 ? _d : '')} : lot.lotName ?? '')}
</li>`; </li>`;
} }
for (const occupancy of (_e = workOrder.workOrderLotOccupancies) !== null && _e !== void 0 ? _e : []) { for (const occupancy of workOrder.workOrderLotOccupancies ?? []) {
for (const occupant of (_f = occupancy.lotOccupancyOccupants) !== null && _f !== void 0 ? _f : []) { for (const occupant of occupancy.lotOccupancyOccupants ?? []) {
relatedHTML += `<li class="has-tooltip-left" relatedHTML += `<li class="has-tooltip-left"
data-tooltip="${cityssm.escapeHTML((_g = occupant.lotOccupantType) !== null && _g !== void 0 ? _g : '')}"> data-tooltip="${cityssm.escapeHTML(occupant.lotOccupantType ?? '')}">
<span class="fa-li"> <span class="fa-li">
<i class="fas fa-fw fa-${cityssm.escapeHTML(((_h = occupant.fontAwesomeIconClass) !== null && _h !== void 0 ? _h : '') === '' <i class="fas fa-fw fa-${cityssm.escapeHTML((occupant.fontAwesomeIconClass ?? '') === ''
? 'user' ? 'user'
: (_j = occupant.fontAwesomeIconClass) !== null && _j !== void 0 ? _j : '')}" aria-label="${los.escapedAliases.occupant}"></i> : occupant.fontAwesomeIconClass ?? '')}" aria-label="${los.escapedAliases.occupant}"></i>
</span> </span>
${cityssm.escapeHTML(((_k = occupant.occupantName) !== null && _k !== void 0 ? _k : '') === '' && ${cityssm.escapeHTML((occupant.occupantName ?? '') === '' &&
((_l = occupant.occupantFamilyName) !== null && _l !== void 0 ? _l : '') === '' (occupant.occupantFamilyName ?? '') === ''
? '(No Name)' ? '(No Name)'
: `${occupant.occupantName} ${occupant.occupantFamilyName}`)} : `${occupant.occupantName} ${occupant.occupantFamilyName}`)}
</li>`; </li>`;
@ -54,14 +53,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
resultsTbodyElement.insertAdjacentHTML('beforeend', `<tr> resultsTbodyElement.insertAdjacentHTML('beforeend', `<tr>
<td> <td>
<a class="has-text-weight-bold" href="${los.getWorkOrderURL(workOrder.workOrderId)}"> <a class="has-text-weight-bold" href="${los.getWorkOrderURL(workOrder.workOrderId)}">
${((_m = workOrder.workOrderNumber) === null || _m === void 0 ? void 0 : _m.trim()) === '' ${workOrder.workOrderNumber?.trim() === ''
? '(No Number)' ? '(No Number)'
: cityssm.escapeHTML((_o = workOrder.workOrderNumber) !== null && _o !== void 0 ? _o : '')} : cityssm.escapeHTML(workOrder.workOrderNumber ?? '')}
</a> </a>
</td><td> </td><td>
${cityssm.escapeHTML((_p = workOrder.workOrderType) !== null && _p !== void 0 ? _p : '')}<br /> ${cityssm.escapeHTML(workOrder.workOrderType ?? '')}<br />
<span class="is-size-7"> <span class="is-size-7">
${cityssm.escapeHTML((_q = workOrder.workOrderDescription) !== null && _q !== void 0 ? _q : '')} ${cityssm.escapeHTML(workOrder.workOrderDescription ?? '')}
</span> </span>
</td><td> </td><td>
${relatedHTML === '' ${relatedHTML === ''
@ -88,9 +87,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
</td><td> </td><td>
${workOrder.workOrderMilestoneCount === 0 ${workOrder.workOrderMilestoneCount === 0
? '-' ? '-'
: `${((_r = workOrder.workOrderMilestoneCompletionCount) !== null && _r !== void 0 ? _r : '').toString()} : `${(workOrder.workOrderMilestoneCompletionCount ?? '').toString()}
/ /
${((_s = workOrder.workOrderMilestoneCount) !== null && _s !== void 0 ? _s : '').toString()}`} ${(workOrder.workOrderMilestoneCount ?? '').toString()}`}
</td> </td>
${workOrderPrints.length > 0 ${workOrderPrints.length > 0
? `<td> ? `<td>
@ -115,12 +114,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
<table>`; <table>`;
// eslint-disable-next-line no-unsanitized/method // eslint-disable-next-line no-unsanitized/method
searchResultsContainerElement.insertAdjacentHTML('beforeend', los.getSearchResultsPagerHTML(limit, responseJSON.offset, responseJSON.count)); searchResultsContainerElement.insertAdjacentHTML('beforeend', los.getSearchResultsPagerHTML(limit, responseJSON.offset, responseJSON.count));
(_t = searchResultsContainerElement searchResultsContainerElement
.querySelector('table')) === null || _t === void 0 ? void 0 : _t.append(resultsTbodyElement); .querySelector('table')
(_u = searchResultsContainerElement ?.append(resultsTbodyElement);
.querySelector("button[data-page='previous']")) === null || _u === void 0 ? void 0 : _u.addEventListener('click', previousAndGetWorkOrders); searchResultsContainerElement
(_v = searchResultsContainerElement .querySelector("button[data-page='previous']")
.querySelector("button[data-page='next']")) === null || _v === void 0 ? void 0 : _v.addEventListener('click', nextAndGetWorkOrders); ?.addEventListener('click', previousAndGetWorkOrders);
searchResultsContainerElement
.querySelector("button[data-page='next']")
?.addEventListener('click', nextAndGetWorkOrders);
} }
function getWorkOrders() { function getWorkOrders() {
// eslint-disable-next-line no-unsanitized/property // eslint-disable-next-line no-unsanitized/property

6
public-typescript/workOrderView.js
View File

@ -3,17 +3,15 @@
/* eslint-disable unicorn/prefer-module */ /* 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 reopenWorkOrderButtonElement = document.querySelector('#button--reopenWorkOrder'); const reopenWorkOrderButtonElement = document.querySelector('#button--reopenWorkOrder');
if (reopenWorkOrderButtonElement !== null) { if (reopenWorkOrderButtonElement !== null) {
const workOrderId = (_a = reopenWorkOrderButtonElement.dataset.workOrderId) !== null && _a !== void 0 ? _a : ''; const workOrderId = reopenWorkOrderButtonElement.dataset.workOrderId ?? '';
reopenWorkOrderButtonElement.addEventListener('click', () => { reopenWorkOrderButtonElement.addEventListener('click', () => {
function doReopen() { function doReopen() {
cityssm.postJSON(`${los.urlPrefix}/workOrders/doReopenWorkOrder`, { cityssm.postJSON(`${los.urlPrefix}/workOrders/doReopenWorkOrder`, {
workOrderId workOrderId
}, (rawResponseJSON) => { }, (rawResponseJSON) => {
var _a;
const responseJSON = rawResponseJSON; const responseJSON = rawResponseJSON;
if (responseJSON.success) { if (responseJSON.success) {
window.location.href = los.getWorkOrderURL(workOrderId, true, true); window.location.href = los.getWorkOrderURL(workOrderId, true, true);
@ -21,7 +19,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
else { else {
bulmaJS.alert({ bulmaJS.alert({
title: 'Error Reopening Work Order', title: 'Error Reopening Work Order',
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '', message: responseJSON.errorMessage ?? '',
contextualColorName: 'danger' contextualColorName: 'danger'
}); });
} }

2
tsconfig.client.json
View File

@ -1,6 +1,6 @@
{ {
"compilerOptions": { "compilerOptions": {
"target": "ES2017", "target": "ES2021",
"module": "CommonJS", "module": "CommonJS",
"isolatedModules": false, "isolatedModules": false,
"declaration": true, "declaration": true,