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

lot occupancy updates 

- show fee category
- avoid line break if no receipt number
- transfer focus back to add button after closing add modal
deepsource-autofix-76c6eb20
Dan Gowans 2023-01-31 10:06:04 -05:00
parent 420314f5bc
commit f2d481fffc
11 changed files with 103 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
public-typescript/lotOccupancyEdit.js
View File

@ -145,6 +145,7 @@ 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());
@ -156,7 +157,7 @@ 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 = workOrderType.workOrderType; optionElement.textContent = (_a = workOrderType.workOrderType) !== null && _a !== void 0 ? _a : '';
workOrderTypeSelectElement.append(optionElement); workOrderTypeSelectElement.append(optionElement);
} }
}, },
@ -164,11 +165,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
var _a; var _a;
createCloseModalFunction = closeModalFunction; createCloseModalFunction = closeModalFunction;
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
modalElement.querySelector('#workOrderCreate--workOrderTypeId').focus();
(_a = modalElement (_a = modalElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doCreate); .querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doCreate);
}, },
onremoved() { onremoved() {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
document.querySelector('#button--createWorkOrder').focus();
} }
}); });
}); });
@ -817,7 +820,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
modalElement.querySelector('#lotOccupancyOccupantAdd--occupantCity').value = exports.occupantCityDefault; modalElement.querySelector('#lotOccupancyOccupantAdd--occupantCity').value = exports.occupantCityDefault;
modalElement.querySelector('#lotOccupancyOccupantAdd--occupantProvince').value = exports.occupantProvinceDefault; modalElement.querySelector('#lotOccupancyOccupantAdd--occupantProvince').value = exports.occupantProvinceDefault;
}, },
onshown: (modalElement, closeModalFunction) => { onshown(modalElement, closeModalFunction) {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
bulmaJS.init(modalElement); bulmaJS.init(modalElement);
const lotOccupantTypeIdElement = modalElement.querySelector('#lotOccupancyOccupantAdd--lotOccupantTypeId'); const lotOccupantTypeIdElement = modalElement.querySelector('#lotOccupancyOccupantAdd--lotOccupantTypeId');
@ -841,8 +844,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
modalElement.querySelector('#lotOccupancyOccupantCopy--searchFilter').addEventListener('change', searchOccupants); modalElement.querySelector('#lotOccupancyOccupantCopy--searchFilter').addEventListener('change', searchOccupants);
addCloseModalFunction = closeModalFunction; addCloseModalFunction = closeModalFunction;
}, },
onremoved: () => { onremoved() {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
document.querySelector('#button--addOccupant').focus();
} }
}); });
}); });
@ -850,6 +854,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
if (!isCreate) { if (!isCreate) {
"use strict"; "use strict";
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */ /* eslint-disable @typescript-eslint/no-non-null-assertion, 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;
@ -881,7 +886,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
cityssm.openHtmlModal('lotOccupancy-editComment', { cityssm.openHtmlModal('lotOccupancy-editComment', {
onshow: (modalElement) => { onshow(modalElement) {
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();
@ -896,7 +901,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
: lotOccupancyComment.lotOccupancyCommentDateString; : lotOccupancyComment.lotOccupancyCommentDateString;
modalElement.querySelector('#lotOccupancyCommentEdit--lotOccupancyCommentTimeString').value = lotOccupancyComment.lotOccupancyCommentTimeString; modalElement.querySelector('#lotOccupancyCommentEdit--lotOccupancyCommentTimeString').value = lotOccupancyComment.lotOccupancyCommentTimeString;
}, },
onshown: (modalElement, closeModalFunction) => { onshown(modalElement, closeModalFunction) {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
los.initializeDatePickers(modalElement); los.initializeDatePickers(modalElement);
modalElement.querySelector('#lotOccupancyCommentEdit--lotOccupancyComment').focus(); modalElement.querySelector('#lotOccupancyCommentEdit--lotOccupancyComment').focus();
@ -904,7 +909,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
editFormElement.addEventListener('submit', editComment); editFormElement.addEventListener('submit', editComment);
editCloseModalFunction = closeModalFunction; editCloseModalFunction = closeModalFunction;
}, },
onremoved: () => { onremoved() {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
} }
}); });
@ -1000,7 +1005,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
containerElement.innerHTML = ''; containerElement.innerHTML = '';
containerElement.append(tableElement); containerElement.append(tableElement);
} }
document.querySelector('#button--addComment').addEventListener('click', () => { (_a = document.querySelector('#button--addComment')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => {
let addFormElement; let addFormElement;
let addCloseModalFunction; let addCloseModalFunction;
function addComment(submitEvent) { function addComment(submitEvent) {
@ -1022,11 +1027,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
cityssm.openHtmlModal('lotOccupancy-addComment', { cityssm.openHtmlModal('lotOccupancy-addComment', {
onshow: (modalElement) => { onshow(modalElement) {
los.populateAliases(modalElement); los.populateAliases(modalElement);
modalElement.querySelector('#lotOccupancyCommentAdd--lotOccupancyId').value = lotOccupancyId; modalElement.querySelector('#lotOccupancyCommentAdd--lotOccupancyId').value = lotOccupancyId;
}, },
onshown: (modalElement, closeModalFunction) => { onshown(modalElement, closeModalFunction) {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
modalElement.querySelector('#lotOccupancyCommentAdd--lotOccupancyComment').focus(); modalElement.querySelector('#lotOccupancyCommentAdd--lotOccupancyComment').focus();
addFormElement = modalElement.querySelector('form'); addFormElement = modalElement.querySelector('form');
@ -1035,13 +1040,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
}, },
onremoved: () => { onremoved: () => {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
document.querySelector('#button--addComment').focus();
} }
}); });
}); });
renderLotOccupancyComments(); renderLotOccupancyComments();
"use strict"; "use strict";
/* eslint-disable unicorn/prefer-module */ /* eslint-disable @typescript-eslint/indent, unicorn/prefer-module */
var _a;
Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "__esModule", { value: true });
let lotOccupancyFees = exports.lotOccupancyFees; let lotOccupancyFees = exports.lotOccupancyFees;
delete exports.lotOccupancyFees; delete exports.lotOccupancyFees;
@ -1087,7 +1094,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
}); });
} }
function renderLotOccupancyFees() { function renderLotOccupancyFees() {
var _a, _b; var _a, _b, _c;
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>
@ -1132,6 +1139,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
(lotOccupancyFee.quantity === 1 ? '5' : '1') + (lotOccupancyFee.quantity === 1 ? '5' : '1') +
'">' + '">' +
cityssm.escapeHTML((_b = lotOccupancyFee.feeName) !== null && _b !== void 0 ? _b : '') + cityssm.escapeHTML((_b = lotOccupancyFee.feeName) !== null && _b !== void 0 ? _b : '') +
'<br />' +
'<span class="tag">' +
cityssm.escapeHTML((_c = lotOccupancyFee.feeCategory) !== null && _c !== void 0 ? _c : '') +
'</span>' +
'</td>' + '</td>' +
(lotOccupancyFee.quantity === 1 (lotOccupancyFee.quantity === 1
? '' ? ''
@ -1166,7 +1177,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
lotOccupancyFeesContainerElement.querySelector('#lotOccupancyFees--grandTotal').textContent = '$' + (feeAmountTotal + taxAmountTotal).toFixed(2); lotOccupancyFeesContainerElement.querySelector('#lotOccupancyFees--grandTotal').textContent = '$' + (feeAmountTotal + taxAmountTotal).toFixed(2);
renderLotOccupancyTransactions(); renderLotOccupancyTransactions();
} }
document.querySelector('#button--addFee').addEventListener('click', () => { (_a = document.querySelector('#button--addFee')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => {
if (los.hasUnsavedChanges()) { if (los.hasUnsavedChanges()) {
bulmaJS.alert({ bulmaJS.alert({
message: 'Please save all unsaved changes before adding fees.', message: 'Please save all unsaved changes before adding fees.',
@ -1401,8 +1412,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
((_a = lotOccupancyTransaction.transactionDateString) !== null && _a !== void 0 ? _a : '') + ((_a = lotOccupancyTransaction.transactionDateString) !== null && _a !== void 0 ? _a : '') +
'</td>' + '</td>' +
('<td>' + ('<td>' +
cityssm.escapeHTML((_b = lotOccupancyTransaction.externalReceiptNumber) !== null && _b !== void 0 ? _b : '') + (lotOccupancyTransaction.externalReceiptNumber === ''
'<br />' + ? ''
: cityssm.escapeHTML((_b = lotOccupancyTransaction.externalReceiptNumber) !== null && _b !== void 0 ? _b : '') + '<br />') +
'<small>' + '<small>' +
cityssm.escapeHTML((_c = lotOccupancyTransaction.transactionNote) !== null && _c !== void 0 ? _c : '') + cityssm.escapeHTML((_c = lotOccupancyTransaction.transactionNote) !== null && _c !== void 0 ? _c : '') +
'</small>' + '</small>' +

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

@ -145,6 +145,7 @@ 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());
@ -156,7 +157,7 @@ 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 = workOrderType.workOrderType; optionElement.textContent = (_a = workOrderType.workOrderType) !== null && _a !== void 0 ? _a : '';
workOrderTypeSelectElement.append(optionElement); workOrderTypeSelectElement.append(optionElement);
} }
}, },
@ -164,11 +165,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
var _a; var _a;
createCloseModalFunction = closeModalFunction; createCloseModalFunction = closeModalFunction;
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
modalElement.querySelector('#workOrderCreate--workOrderTypeId').focus();
(_a = modalElement (_a = modalElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doCreate); .querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doCreate);
}, },
onremoved() { onremoved() {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
document.querySelector('#button--createWorkOrder').focus();
} }
}); });
}); });

16
public-typescript/lotOccupancyEdit/lotOccupancyEdit.ts
View File

@ -233,16 +233,19 @@ declare const bulmaJS: BulmaJS
for (const workOrderType of workOrderTypes) { for (const workOrderType of workOrderTypes) {
const optionElement = document.createElement('option') const optionElement = document.createElement('option')
optionElement.value = ( optionElement.value = workOrderType.workOrderTypeId.toString()
workOrderType.workOrderTypeId as number optionElement.textContent = workOrderType.workOrderType ?? ''
).toString()
optionElement.textContent = workOrderType.workOrderType as string
workOrderTypeSelectElement.append(optionElement) workOrderTypeSelectElement.append(optionElement)
} }
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
createCloseModalFunction = closeModalFunction createCloseModalFunction = closeModalFunction
bulmaJS.toggleHtmlClipped() bulmaJS.toggleHtmlClipped()
;(
modalElement.querySelector(
'#workOrderCreate--workOrderTypeId'
) as HTMLSelectElement
).focus()
modalElement modalElement
.querySelector('form') .querySelector('form')
@ -250,6 +253,11 @@ declare const bulmaJS: BulmaJS
}, },
onremoved() { onremoved() {
bulmaJS.toggleHtmlClipped() bulmaJS.toggleHtmlClipped()
;(
document.querySelector(
'#button--createWorkOrder'
) as HTMLButtonElement
).focus()
} }
}) })
}) })

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

@ -1,5 +1,6 @@
"use strict"; "use strict";
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */ /* eslint-disable @typescript-eslint/no-non-null-assertion, 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;
@ -31,7 +32,7 @@ function openEditLotOccupancyComment(clickEvent) {
}); });
} }
cityssm.openHtmlModal('lotOccupancy-editComment', { cityssm.openHtmlModal('lotOccupancy-editComment', {
onshow: (modalElement) => { onshow(modalElement) {
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();
@ -46,7 +47,7 @@ function openEditLotOccupancyComment(clickEvent) {
: lotOccupancyComment.lotOccupancyCommentDateString; : lotOccupancyComment.lotOccupancyCommentDateString;
modalElement.querySelector('#lotOccupancyCommentEdit--lotOccupancyCommentTimeString').value = lotOccupancyComment.lotOccupancyCommentTimeString; modalElement.querySelector('#lotOccupancyCommentEdit--lotOccupancyCommentTimeString').value = lotOccupancyComment.lotOccupancyCommentTimeString;
}, },
onshown: (modalElement, closeModalFunction) => { onshown(modalElement, closeModalFunction) {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
los.initializeDatePickers(modalElement); los.initializeDatePickers(modalElement);
modalElement.querySelector('#lotOccupancyCommentEdit--lotOccupancyComment').focus(); modalElement.querySelector('#lotOccupancyCommentEdit--lotOccupancyComment').focus();
@ -54,7 +55,7 @@ function openEditLotOccupancyComment(clickEvent) {
editFormElement.addEventListener('submit', editComment); editFormElement.addEventListener('submit', editComment);
editCloseModalFunction = closeModalFunction; editCloseModalFunction = closeModalFunction;
}, },
onremoved: () => { onremoved() {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
} }
}); });
@ -150,7 +151,7 @@ function renderLotOccupancyComments() {
containerElement.innerHTML = ''; containerElement.innerHTML = '';
containerElement.append(tableElement); containerElement.append(tableElement);
} }
document.querySelector('#button--addComment').addEventListener('click', () => { (_a = document.querySelector('#button--addComment')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => {
let addFormElement; let addFormElement;
let addCloseModalFunction; let addCloseModalFunction;
function addComment(submitEvent) { function addComment(submitEvent) {
@ -172,11 +173,11 @@ document.querySelector('#button--addComment').addEventListener('click', () => {
}); });
} }
cityssm.openHtmlModal('lotOccupancy-addComment', { cityssm.openHtmlModal('lotOccupancy-addComment', {
onshow: (modalElement) => { onshow(modalElement) {
los.populateAliases(modalElement); los.populateAliases(modalElement);
modalElement.querySelector('#lotOccupancyCommentAdd--lotOccupancyId').value = lotOccupancyId; modalElement.querySelector('#lotOccupancyCommentAdd--lotOccupancyId').value = lotOccupancyId;
}, },
onshown: (modalElement, closeModalFunction) => { onshown(modalElement, closeModalFunction) {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
modalElement.querySelector('#lotOccupancyCommentAdd--lotOccupancyComment').focus(); modalElement.querySelector('#lotOccupancyCommentAdd--lotOccupancyComment').focus();
addFormElement = modalElement.querySelector('form'); addFormElement = modalElement.querySelector('form');
@ -185,6 +186,7 @@ document.querySelector('#button--addComment').addEventListener('click', () => {
}, },
onremoved: () => { onremoved: () => {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
document.querySelector('#button--addComment').focus();
} }
}); });
}); });

15
public-typescript/lotOccupancyEdit/lotOccupancyEditComments.ts
View File

@ -64,7 +64,7 @@ function openEditLotOccupancyComment(clickEvent: Event): void {
} }
cityssm.openHtmlModal('lotOccupancy-editComment', { cityssm.openHtmlModal('lotOccupancy-editComment', {
onshow: (modalElement) => { onshow(modalElement) {
los.populateAliases(modalElement) los.populateAliases(modalElement)
;( ;(
modalElement.querySelector( modalElement.querySelector(
@ -101,7 +101,7 @@ function openEditLotOccupancyComment(clickEvent: Event): void {
) as HTMLInputElement ) as HTMLInputElement
).value = lotOccupancyComment.lotOccupancyCommentTimeString! ).value = lotOccupancyComment.lotOccupancyCommentTimeString!
}, },
onshown: (modalElement, closeModalFunction) => { onshown(modalElement, closeModalFunction) {
bulmaJS.toggleHtmlClipped() bulmaJS.toggleHtmlClipped()
los.initializeDatePickers(modalElement) los.initializeDatePickers(modalElement)
@ -116,7 +116,7 @@ function openEditLotOccupancyComment(clickEvent: Event): void {
editCloseModalFunction = closeModalFunction editCloseModalFunction = closeModalFunction
}, },
onremoved: () => { onremoved() {
bulmaJS.toggleHtmlClipped() bulmaJS.toggleHtmlClipped()
} }
}) })
@ -235,7 +235,7 @@ function renderLotOccupancyComments(): void {
containerElement.append(tableElement) containerElement.append(tableElement)
} }
document.querySelector('#button--addComment')!.addEventListener('click', () => { document.querySelector('#button--addComment')?.addEventListener('click', () => {
let addFormElement: HTMLFormElement let addFormElement: HTMLFormElement
let addCloseModalFunction: () => void let addCloseModalFunction: () => void
@ -266,7 +266,7 @@ document.querySelector('#button--addComment')!.addEventListener('click', () => {
} }
cityssm.openHtmlModal('lotOccupancy-addComment', { cityssm.openHtmlModal('lotOccupancy-addComment', {
onshow: (modalElement) => { onshow(modalElement) {
los.populateAliases(modalElement) los.populateAliases(modalElement)
;( ;(
modalElement.querySelector( modalElement.querySelector(
@ -274,7 +274,7 @@ document.querySelector('#button--addComment')!.addEventListener('click', () => {
) as HTMLInputElement ) as HTMLInputElement
).value = lotOccupancyId ).value = lotOccupancyId
}, },
onshown: (modalElement, closeModalFunction) => { onshown(modalElement, closeModalFunction) {
bulmaJS.toggleHtmlClipped() bulmaJS.toggleHtmlClipped()
;( ;(
modalElement.querySelector( modalElement.querySelector(
@ -289,6 +289,9 @@ document.querySelector('#button--addComment')!.addEventListener('click', () => {
}, },
onremoved: () => { onremoved: () => {
bulmaJS.toggleHtmlClipped() bulmaJS.toggleHtmlClipped()
;(
document.querySelector('#button--addComment') as HTMLButtonElement
).focus()
} }
}) })
}) })

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

@ -1,5 +1,6 @@
"use strict"; "use strict";
/* eslint-disable unicorn/prefer-module */ /* eslint-disable @typescript-eslint/indent, unicorn/prefer-module */
var _a;
Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "__esModule", { value: true });
let lotOccupancyFees = exports.lotOccupancyFees; let lotOccupancyFees = exports.lotOccupancyFees;
delete exports.lotOccupancyFees; delete exports.lotOccupancyFees;
@ -45,7 +46,7 @@ function deleteLotOccupancyFee(clickEvent) {
}); });
} }
function renderLotOccupancyFees() { function renderLotOccupancyFees() {
var _a, _b; var _a, _b, _c;
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>
@ -90,6 +91,10 @@ function renderLotOccupancyFees() {
(lotOccupancyFee.quantity === 1 ? '5' : '1') + (lotOccupancyFee.quantity === 1 ? '5' : '1') +
'">' + '">' +
cityssm.escapeHTML((_b = lotOccupancyFee.feeName) !== null && _b !== void 0 ? _b : '') + cityssm.escapeHTML((_b = lotOccupancyFee.feeName) !== null && _b !== void 0 ? _b : '') +
'<br />' +
'<span class="tag">' +
cityssm.escapeHTML((_c = lotOccupancyFee.feeCategory) !== null && _c !== void 0 ? _c : '') +
'</span>' +
'</td>' + '</td>' +
(lotOccupancyFee.quantity === 1 (lotOccupancyFee.quantity === 1
? '' ? ''
@ -124,7 +129,7 @@ function renderLotOccupancyFees() {
lotOccupancyFeesContainerElement.querySelector('#lotOccupancyFees--grandTotal').textContent = '$' + (feeAmountTotal + taxAmountTotal).toFixed(2); lotOccupancyFeesContainerElement.querySelector('#lotOccupancyFees--grandTotal').textContent = '$' + (feeAmountTotal + taxAmountTotal).toFixed(2);
renderLotOccupancyTransactions(); renderLotOccupancyTransactions();
} }
document.querySelector('#button--addFee').addEventListener('click', () => { (_a = document.querySelector('#button--addFee')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => {
if (los.hasUnsavedChanges()) { if (los.hasUnsavedChanges()) {
bulmaJS.alert({ bulmaJS.alert({
message: 'Please save all unsaved changes before adding fees.', message: 'Please save all unsaved changes before adding fees.',
@ -359,8 +364,9 @@ function renderLotOccupancyTransactions() {
((_a = lotOccupancyTransaction.transactionDateString) !== null && _a !== void 0 ? _a : '') + ((_a = lotOccupancyTransaction.transactionDateString) !== null && _a !== void 0 ? _a : '') +
'</td>' + '</td>' +
('<td>' + ('<td>' +
cityssm.escapeHTML((_b = lotOccupancyTransaction.externalReceiptNumber) !== null && _b !== void 0 ? _b : '') + (lotOccupancyTransaction.externalReceiptNumber === ''
'<br />' + ? ''
: cityssm.escapeHTML((_b = lotOccupancyTransaction.externalReceiptNumber) !== null && _b !== void 0 ? _b : '') + '<br />') +
'<small>' + '<small>' +
cityssm.escapeHTML((_c = lotOccupancyTransaction.transactionNote) !== null && _c !== void 0 ? _c : '') + cityssm.escapeHTML((_c = lotOccupancyTransaction.transactionNote) !== null && _c !== void 0 ? _c : '') +
'</small>' + '</small>' +

15
public-typescript/lotOccupancyEdit/lotOccupancyEditFees.ts
View File

@ -1,4 +1,4 @@
/* eslint-disable unicorn/prefer-module */ /* eslint-disable @typescript-eslint/indent, unicorn/prefer-module */
import type * as globalTypes from '../../types/globalTypes' import type * as globalTypes from '../../types/globalTypes'
import type * as recordTypes from '../../types/recordTypes' import type * as recordTypes from '../../types/recordTypes'
@ -128,6 +128,10 @@ function renderLotOccupancyFees(): void {
(lotOccupancyFee.quantity === 1 ? '5' : '1') + (lotOccupancyFee.quantity === 1 ? '5' : '1') +
'">' + '">' +
cityssm.escapeHTML(lotOccupancyFee.feeName ?? '') + cityssm.escapeHTML(lotOccupancyFee.feeName ?? '') +
'<br />' +
'<span class="tag">' +
cityssm.escapeHTML(lotOccupancyFee.feeCategory ?? '') +
'</span>' +
'</td>' + '</td>' +
(lotOccupancyFee.quantity === 1 (lotOccupancyFee.quantity === 1
? '' ? ''
@ -179,7 +183,7 @@ function renderLotOccupancyFees(): void {
renderLotOccupancyTransactions() renderLotOccupancyTransactions()
} }
document.querySelector('#button--addFee')!.addEventListener('click', () => { document.querySelector('#button--addFee')?.addEventListener('click', () => {
if (los.hasUnsavedChanges()) { if (los.hasUnsavedChanges()) {
bulmaJS.alert({ bulmaJS.alert({
message: 'Please save all unsaved changes before adding fees.', message: 'Please save all unsaved changes before adding fees.',
@ -504,10 +508,11 @@ function renderLotOccupancyTransactions(): void {
(lotOccupancyTransaction.transactionDateString ?? '') + (lotOccupancyTransaction.transactionDateString ?? '') +
'</td>' + '</td>' +
('<td>' + ('<td>' +
cityssm.escapeHTML( (lotOccupancyTransaction.externalReceiptNumber === ''
? ''
: cityssm.escapeHTML(
lotOccupancyTransaction.externalReceiptNumber ?? '' lotOccupancyTransaction.externalReceiptNumber ?? ''
) + ) + '<br />') +
'<br />' +
'<small>' + '<small>' +
cityssm.escapeHTML(lotOccupancyTransaction.transactionNote ?? '') + cityssm.escapeHTML(lotOccupancyTransaction.transactionNote ?? '') +
'</small>' + '</small>' +

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

@ -358,7 +358,7 @@ else {
modalElement.querySelector('#lotOccupancyOccupantAdd--occupantCity').value = exports.occupantCityDefault; modalElement.querySelector('#lotOccupancyOccupantAdd--occupantCity').value = exports.occupantCityDefault;
modalElement.querySelector('#lotOccupancyOccupantAdd--occupantProvince').value = exports.occupantProvinceDefault; modalElement.querySelector('#lotOccupancyOccupantAdd--occupantProvince').value = exports.occupantProvinceDefault;
}, },
onshown: (modalElement, closeModalFunction) => { onshown(modalElement, closeModalFunction) {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
bulmaJS.init(modalElement); bulmaJS.init(modalElement);
const lotOccupantTypeIdElement = modalElement.querySelector('#lotOccupancyOccupantAdd--lotOccupantTypeId'); const lotOccupantTypeIdElement = modalElement.querySelector('#lotOccupancyOccupantAdd--lotOccupantTypeId');
@ -382,8 +382,9 @@ else {
modalElement.querySelector('#lotOccupancyOccupantCopy--searchFilter').addEventListener('change', searchOccupants); modalElement.querySelector('#lotOccupancyOccupantCopy--searchFilter').addEventListener('change', searchOccupants);
addCloseModalFunction = closeModalFunction; addCloseModalFunction = closeModalFunction;
}, },
onremoved: () => { onremoved() {
bulmaJS.toggleHtmlClipped(); bulmaJS.toggleHtmlClipped();
document.querySelector('#button--addOccupant').focus();
} }
}); });
}); });

7
public-typescript/lotOccupancyEdit/lotOccupancyEditOccupants.ts
View File

@ -561,7 +561,7 @@ document
) as HTMLInputElement ) as HTMLInputElement
).value = exports.occupantProvinceDefault ).value = exports.occupantProvinceDefault
}, },
onshown: (modalElement, closeModalFunction) => { onshown(modalElement, closeModalFunction) {
bulmaJS.toggleHtmlClipped() bulmaJS.toggleHtmlClipped()
bulmaJS.init(modalElement) bulmaJS.init(modalElement)
@ -608,8 +608,11 @@ document
addCloseModalFunction = closeModalFunction addCloseModalFunction = closeModalFunction
}, },
onremoved: () => { onremoved() {
bulmaJS.toggleHtmlClipped() bulmaJS.toggleHtmlClipped()
;(
document.querySelector('#button--addOccupant') as HTMLButtonElement
).focus()
} }
}) })
}) })

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

File diff suppressed because one or more lines are too long

5
views/lotOccupancy-view.ejs
View File

@ -335,7 +335,8 @@
%> %>
<tr> <tr>
<td colspan="<%= (lotOccupancyFee.quantity === 1 ? "5" : "1") %>"> <td colspan="<%= (lotOccupancyFee.quantity === 1 ? "5" : "1") %>">
<%= lotOccupancyFee.feeName %> <%= lotOccupancyFee.feeName %><br />
<span class="tag"><%= lotOccupancyFee.feeCategory %></span>
</td> </td>
<% if (lotOccupancyFee.quantity !== 1) { %> <% if (lotOccupancyFee.quantity !== 1) { %>
<td class="has-text-right">$<%= lotOccupancyFee.feeAmount.toFixed(2) %></td> <td class="has-text-right">$<%= lotOccupancyFee.feeAmount.toFixed(2) %></td>
@ -392,7 +393,9 @@
<tr> <tr>
<td><%= lotOccupancyTransaction.transactionDateString %></td> <td><%= lotOccupancyTransaction.transactionDateString %></td>
<td> <td>
<% if (lotOccupancyTransaction.externalReceiptNumber !== '') { %>
<%= lotOccupancyTransaction.externalReceiptNumber %><br /> <%= lotOccupancyTransaction.externalReceiptNumber %><br />
<% } %>
<small><%= lotOccupancyTransaction.transactionNote %></small> <small><%= lotOccupancyTransaction.transactionNote %></small>
</td> </td>
<td class="has-text-right"> <td class="has-text-right">