228 lines
10 KiB
JavaScript
228 lines
10 KiB
JavaScript
"use strict";
|
|
/* eslint-disable @typescript-eslint/no-non-null-assertion, unicorn/prefer-module */
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
let lotOccupantTypes = exports.lotOccupantTypes;
|
|
delete exports.lotOccupantTypes;
|
|
function updateLotOccupantType(submitEvent) {
|
|
submitEvent.preventDefault();
|
|
cityssm.postJSON(los.urlPrefix + '/admin/doUpdateLotOccupantType', submitEvent.currentTarget, (responseJSON) => {
|
|
var _a;
|
|
if (responseJSON.success) {
|
|
lotOccupantTypes = responseJSON.lotOccupantTypes;
|
|
bulmaJS.alert({
|
|
message: `${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type Updated Successfully`,
|
|
contextualColorName: 'success'
|
|
});
|
|
}
|
|
else {
|
|
bulmaJS.alert({
|
|
title: `Error Updating ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`,
|
|
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '',
|
|
contextualColorName: 'danger'
|
|
});
|
|
}
|
|
});
|
|
}
|
|
function deleteLotOccupantType(clickEvent) {
|
|
const tableRowElement = clickEvent.currentTarget.closest('tr');
|
|
const lotOccupantTypeId = tableRowElement.dataset.lotOccupantTypeId;
|
|
function doDelete() {
|
|
cityssm.postJSON(los.urlPrefix + '/admin/doDeleteLotOccupantType', {
|
|
lotOccupantTypeId
|
|
}, (responseJSON) => {
|
|
var _a;
|
|
if (responseJSON.success) {
|
|
lotOccupantTypes = responseJSON.lotOccupantTypes;
|
|
if (lotOccupantTypes.length === 0) {
|
|
renderLotOccupantTypes();
|
|
}
|
|
else {
|
|
tableRowElement.remove();
|
|
}
|
|
bulmaJS.alert({
|
|
message: `${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type Deleted Successfully`,
|
|
contextualColorName: 'success'
|
|
});
|
|
}
|
|
else {
|
|
bulmaJS.alert({
|
|
title: `Error Deleting ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`,
|
|
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '',
|
|
contextualColorName: 'danger'
|
|
});
|
|
}
|
|
});
|
|
}
|
|
bulmaJS.confirm({
|
|
title: `Delete ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`,
|
|
message: `Are you sure you want to delete this ${los.escapedAliases.lot} ${los.escapedAliases.occupant} type?<br />
|
|
Note that no ${los.escapedAliases.lot} ${los.escapedAliases.occupants} will be removed.`,
|
|
messageIsHtml: true,
|
|
contextualColorName: 'warning',
|
|
okButton: {
|
|
text: `Yes, Delete ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`,
|
|
callbackFunction: doDelete
|
|
}
|
|
});
|
|
}
|
|
function moveLotOccupantType(clickEvent) {
|
|
const buttonElement = clickEvent.currentTarget;
|
|
const tableRowElement = buttonElement.closest('tr');
|
|
const lotOccupantTypeId = tableRowElement.dataset.lotOccupantTypeId;
|
|
cityssm.postJSON(los.urlPrefix +
|
|
'/admin/' +
|
|
(buttonElement.dataset.direction === 'up'
|
|
? 'doMoveLotOccupantTypeUp'
|
|
: 'doMoveLotOccupantTypeDown'), {
|
|
lotOccupantTypeId,
|
|
moveToEnd: clickEvent.shiftKey ? '1' : '0'
|
|
}, (responseJSON) => {
|
|
var _a;
|
|
if (responseJSON.success) {
|
|
lotOccupantTypes = responseJSON.lotOccupantTypes;
|
|
renderLotOccupantTypes();
|
|
}
|
|
else {
|
|
bulmaJS.alert({
|
|
title: `Error Moving ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`,
|
|
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '',
|
|
contextualColorName: 'danger'
|
|
});
|
|
}
|
|
});
|
|
}
|
|
function renderLotOccupantTypes() {
|
|
const containerElement = document.querySelector('#container--lotOccupantTypes');
|
|
if (lotOccupantTypes.length === 0) {
|
|
containerElement.innerHTML = `<tr><td colspan="3">
|
|
<div class="message is-warning">
|
|
<p class="message-body">There are no active ${los.escapedAliases.lot} ${los.escapedAliases.occupant} types.</p>
|
|
</div>
|
|
</td></tr>`;
|
|
return;
|
|
}
|
|
containerElement.innerHTML = '';
|
|
for (const lotOccupantType of lotOccupantTypes) {
|
|
const tableRowElement = document.createElement('tr');
|
|
tableRowElement.dataset.lotOccupantTypeId =
|
|
lotOccupantType.lotOccupantTypeId.toString();
|
|
const formId = 'form--lotOccupantType-' + lotOccupantType.lotOccupantTypeId.toString();
|
|
tableRowElement.innerHTML =
|
|
'<td>' +
|
|
('<div class="field">' +
|
|
'<div class="control">' +
|
|
'<input class="input" name="lotOccupantType" type="text"' +
|
|
(' value="' +
|
|
cityssm.escapeHTML(lotOccupantType.lotOccupantType) +
|
|
'"') +
|
|
(' form="' + formId + '"') +
|
|
(' aria-label="' +
|
|
los.escapedAliases.Lot +
|
|
' ' +
|
|
los.escapedAliases.Occupant +
|
|
' Type"') +
|
|
' maxlength="100" required />' +
|
|
'</div>' +
|
|
'</div>') +
|
|
'</td>' +
|
|
'<td>' +
|
|
('<div class="field has-addons">' +
|
|
'<div class="control"><span class="button is-static">fa-</span></div>' +
|
|
'<div class="control">' +
|
|
'<input class="input" name="fontAwesomeIconClass" type="text"' +
|
|
(' value="' +
|
|
cityssm.escapeHTML(lotOccupantType.fontAwesomeIconClass) +
|
|
'"') +
|
|
(' form="' + formId + '"') +
|
|
' list="datalist--fontAwesomeIconClass"' +
|
|
' aria-label="Icon Name"' +
|
|
' maxlength="50" />' +
|
|
'</div>' +
|
|
'<div class="control"><span class="button is-static">' +
|
|
'<i class="fas fa-fw fa-' +
|
|
cityssm.escapeHTML(lotOccupantType.fontAwesomeIconClass) +
|
|
'"></i></span></div>' +
|
|
'</div>') +
|
|
'</td>' +
|
|
'<td>' +
|
|
('<div class="field">' +
|
|
'<div class="control">' +
|
|
'<input class="input" name="occupantCommentTitle" type="text"' +
|
|
(' value="' +
|
|
cityssm.escapeHTML(lotOccupantType.occupantCommentTitle) +
|
|
'"') +
|
|
(' form="' + formId + '"') +
|
|
(' aria-label="' +
|
|
los.escapedAliases.Occupant +
|
|
' Comment Title"') +
|
|
' maxlength="50" />' +
|
|
'</div>' +
|
|
'</div>') +
|
|
'</td>' +
|
|
('<td>' +
|
|
('<form id="' + formId + '">') +
|
|
'<input name="lotOccupantTypeId" type="hidden"' +
|
|
(' value="' + lotOccupantType.lotOccupantTypeId.toString() + '"') +
|
|
' />' +
|
|
'<button class="button is-success" type="submit" aria-label="Save"><i class="fas fa-save" aria-hidden="true"></i></button>' +
|
|
'</form>' +
|
|
'</td>') +
|
|
'<td class="is-nowrap">' +
|
|
'<div class="field is-grouped">' +
|
|
'<div class="control">' +
|
|
los.getMoveUpDownButtonFieldHTML('button--moveLotOccupantTypeUp', 'button--moveLotOccupantTypeDown', false) +
|
|
'</div>' +
|
|
'<div class="control">' +
|
|
'<button class="button is-danger is-light button--deleteLotOccupantType"' +
|
|
' data-tooltip="Delete ' +
|
|
los.escapedAliases.Lot +
|
|
' ' +
|
|
los.escapedAliases.Occupant +
|
|
' Type" type="button"' +
|
|
' aria-label="Delete ' +
|
|
los.escapedAliases.Lot +
|
|
' ' +
|
|
los.escapedAliases.Occupant +
|
|
' Type">' +
|
|
'<i class="fas fa-trash" aria-hidden="true"></i>' +
|
|
'</button>' +
|
|
'</div>' +
|
|
'</div>' +
|
|
'</td>';
|
|
const fontAwesomeInputElement = tableRowElement.querySelector("input[name='fontAwesomeIconClass']");
|
|
fontAwesomeInputElement.addEventListener('keyup', refreshFontAwesomeIcon);
|
|
fontAwesomeInputElement.addEventListener('change', refreshFontAwesomeIcon);
|
|
tableRowElement
|
|
.querySelector('form')
|
|
.addEventListener('submit', updateLotOccupantType);
|
|
tableRowElement.querySelector('.button--moveLotOccupantTypeUp').addEventListener('click', moveLotOccupantType);
|
|
tableRowElement.querySelector('.button--moveLotOccupantTypeDown').addEventListener('click', moveLotOccupantType);
|
|
tableRowElement
|
|
.querySelector('.button--deleteLotOccupantType')
|
|
.addEventListener('click', deleteLotOccupantType);
|
|
containerElement.append(tableRowElement);
|
|
}
|
|
}
|
|
;
|
|
document.querySelector('#form--addLotOccupantType').addEventListener('submit', (submitEvent) => {
|
|
submitEvent.preventDefault();
|
|
const formElement = submitEvent.currentTarget;
|
|
cityssm.postJSON(los.urlPrefix + '/admin/doAddLotOccupantType', formElement, (responseJSON) => {
|
|
var _a;
|
|
if (responseJSON.success) {
|
|
lotOccupantTypes = responseJSON.lotOccupantTypes;
|
|
renderLotOccupantTypes();
|
|
formElement.reset();
|
|
formElement.querySelector('input').focus();
|
|
}
|
|
else {
|
|
bulmaJS.alert({
|
|
title: `Error Adding ${los.escapedAliases.Lot} ${los.escapedAliases.Occupant} Type`,
|
|
message: (_a = responseJSON.errorMessage) !== null && _a !== void 0 ? _a : '',
|
|
contextualColorName: 'danger'
|
|
});
|
|
}
|
|
});
|
|
});
|
|
renderLotOccupantTypes();
|