774 lines
24 KiB
TypeScript
774 lines
24 KiB
TypeScript
// eslint-disable-next-line @eslint-community/eslint-comments/disable-enable-pair
|
|
/* eslint-disable max-lines */
|
|
|
|
import type { BulmaJS } from '@cityssm/bulma-js/types.js'
|
|
import type { cityssmGlobal } from '@cityssm/bulma-webapp-js/src/types.js'
|
|
|
|
import type {
|
|
BurialSiteType,
|
|
BurialSiteTypeField
|
|
} from '../../types/record.types.js'
|
|
|
|
import type { Sunrise } from './types.js'
|
|
|
|
declare const cityssm: cityssmGlobal
|
|
declare const bulmaJS: BulmaJS
|
|
|
|
declare const exports: {
|
|
sunrise: Sunrise
|
|
|
|
burialSiteTypes?: BurialSiteType[]
|
|
|
|
bodyCapacityMaxDefault: number
|
|
crematedCapacityMaxDefault: number
|
|
}
|
|
|
|
type ResponseJSON =
|
|
| {
|
|
success: false
|
|
|
|
errorMessage?: string
|
|
}
|
|
| {
|
|
success: true
|
|
|
|
burialSiteTypeFieldId?: number
|
|
burialSiteTypes: BurialSiteType[]
|
|
}
|
|
;(() => {
|
|
const sunrise = exports.sunrise as Sunrise
|
|
|
|
const containerElement = document.querySelector(
|
|
'#container--burialSiteTypes'
|
|
) as HTMLElement
|
|
|
|
let burialSiteTypes = exports.burialSiteTypes as BurialSiteType[]
|
|
delete exports.burialSiteTypes
|
|
|
|
const expandedBurialSiteTypes = new Set<number>()
|
|
|
|
function toggleBurialSiteTypeFields(clickEvent: Event): void {
|
|
const toggleButtonElement = clickEvent.currentTarget as HTMLButtonElement
|
|
|
|
const burialSiteTypeElement = toggleButtonElement.closest(
|
|
'.container--burialSiteType'
|
|
) as HTMLElement
|
|
|
|
const burialSiteTypeId = Number.parseInt(
|
|
burialSiteTypeElement.dataset.burialSiteTypeId ?? '',
|
|
10
|
|
)
|
|
|
|
if (expandedBurialSiteTypes.has(burialSiteTypeId)) {
|
|
expandedBurialSiteTypes.delete(burialSiteTypeId)
|
|
} else {
|
|
expandedBurialSiteTypes.add(burialSiteTypeId)
|
|
}
|
|
|
|
// eslint-disable-next-line no-unsanitized/property
|
|
toggleButtonElement.innerHTML = expandedBurialSiteTypes.has(
|
|
burialSiteTypeId
|
|
)
|
|
? '<i class="fas fa-fw fa-minus" aria-hidden="true"></i>'
|
|
: '<i class="fas fa-fw fa-plus" aria-hidden="true"></i>'
|
|
|
|
const panelBlockElements = burialSiteTypeElement.querySelectorAll(
|
|
'.panel-block'
|
|
) as NodeListOf<HTMLElement>
|
|
|
|
for (const panelBlockElement of panelBlockElements) {
|
|
panelBlockElement.classList.toggle('is-hidden')
|
|
}
|
|
}
|
|
|
|
function burialSiteTypeResponseHandler(rawResponseJSON: unknown): void {
|
|
const responseJSON = rawResponseJSON as ResponseJSON
|
|
if (responseJSON.success) {
|
|
burialSiteTypes = responseJSON.burialSiteTypes
|
|
renderBurialSiteTypes()
|
|
} else {
|
|
bulmaJS.alert({
|
|
title: 'Error Updating Burial Site Type',
|
|
message: responseJSON.errorMessage ?? '',
|
|
contextualColorName: 'danger'
|
|
})
|
|
}
|
|
}
|
|
|
|
function deleteBurialSiteType(clickEvent: Event): void {
|
|
const burialSiteTypeId = Number.parseInt(
|
|
(
|
|
(clickEvent.currentTarget as HTMLElement).closest(
|
|
'.container--burialSiteType'
|
|
) as HTMLElement
|
|
).dataset.burialSiteTypeId ?? '',
|
|
10
|
|
)
|
|
|
|
function doDelete(): void {
|
|
cityssm.postJSON(
|
|
`${sunrise.urlPrefix}/admin/doDeleteBurialSiteType`,
|
|
{
|
|
burialSiteTypeId
|
|
},
|
|
burialSiteTypeResponseHandler
|
|
)
|
|
}
|
|
|
|
bulmaJS.confirm({
|
|
title: 'Delete Burial Site Type',
|
|
message: 'Are you sure you want to delete this burial site type?',
|
|
contextualColorName: 'warning',
|
|
okButton: {
|
|
text: 'Yes, Delete Burial Site Type',
|
|
callbackFunction: doDelete
|
|
}
|
|
})
|
|
}
|
|
|
|
function openEditBurialSiteType(clickEvent: Event): void {
|
|
const burialSiteTypeId = Number.parseInt(
|
|
(
|
|
(clickEvent.currentTarget as HTMLElement).closest(
|
|
'.container--burialSiteType'
|
|
) as HTMLElement
|
|
).dataset.burialSiteTypeId ?? '',
|
|
10
|
|
)
|
|
|
|
const burialSiteType = burialSiteTypes.find(
|
|
(currentType) => burialSiteTypeId === currentType.burialSiteTypeId
|
|
) as BurialSiteType
|
|
|
|
let editCloseModalFunction: () => void
|
|
|
|
function doEdit(submitEvent: SubmitEvent): void {
|
|
submitEvent.preventDefault()
|
|
|
|
cityssm.postJSON(
|
|
`${sunrise.urlPrefix}/admin/doUpdateBurialSiteType`,
|
|
submitEvent.currentTarget,
|
|
(rawResponseJSON) => {
|
|
const responseJSON = rawResponseJSON as ResponseJSON
|
|
|
|
burialSiteTypeResponseHandler(responseJSON)
|
|
if (responseJSON.success) {
|
|
editCloseModalFunction()
|
|
}
|
|
}
|
|
)
|
|
}
|
|
|
|
cityssm.openHtmlModal('adminBurialSiteTypes-edit', {
|
|
onshow(modalElement) {
|
|
sunrise.populateAliases(modalElement)
|
|
;(
|
|
modalElement.querySelector(
|
|
'#burialSiteTypeEdit--burialSiteTypeId'
|
|
) as HTMLInputElement
|
|
).value = burialSiteTypeId.toString()
|
|
;(
|
|
modalElement.querySelector(
|
|
'#burialSiteTypeEdit--burialSiteType'
|
|
) as HTMLInputElement
|
|
).value = burialSiteType.burialSiteType
|
|
;(
|
|
modalElement.querySelector(
|
|
'#burialSiteTypeEdit--bodyCapacityMax'
|
|
) as HTMLInputElement
|
|
).value = burialSiteType.bodyCapacityMax?.toString() ?? ''
|
|
;(
|
|
modalElement.querySelector(
|
|
'#burialSiteTypeEdit--crematedCapacityMax'
|
|
) as HTMLInputElement
|
|
).value = burialSiteType.crematedCapacityMax?.toString() ?? ''
|
|
},
|
|
onshown(modalElement, closeModalFunction) {
|
|
editCloseModalFunction = closeModalFunction
|
|
;(
|
|
modalElement.querySelector(
|
|
'#burialSiteTypeEdit--burialSiteType'
|
|
) as HTMLInputElement
|
|
).focus()
|
|
|
|
modalElement.querySelector('form')?.addEventListener('submit', doEdit)
|
|
|
|
bulmaJS.toggleHtmlClipped()
|
|
},
|
|
|
|
onremoved() {
|
|
bulmaJS.toggleHtmlClipped()
|
|
}
|
|
})
|
|
}
|
|
|
|
function openAddBurialSiteTypeField(clickEvent: Event): void {
|
|
const burialSiteTypeId = Number.parseInt(
|
|
(
|
|
(clickEvent.currentTarget as HTMLElement).closest(
|
|
'.container--burialSiteType'
|
|
) as HTMLElement
|
|
).dataset.burialSiteTypeId ?? '',
|
|
10
|
|
)
|
|
|
|
let addCloseModalFunction: () => void
|
|
|
|
function doAdd(submitEvent: SubmitEvent): void {
|
|
submitEvent.preventDefault()
|
|
|
|
cityssm.postJSON(
|
|
`${sunrise.urlPrefix}/admin/doAddBurialSiteTypeField`,
|
|
submitEvent.currentTarget,
|
|
(rawResponseJSON) => {
|
|
const responseJSON = rawResponseJSON as ResponseJSON
|
|
|
|
expandedBurialSiteTypes.add(burialSiteTypeId)
|
|
burialSiteTypeResponseHandler(responseJSON)
|
|
|
|
if (responseJSON.success) {
|
|
addCloseModalFunction()
|
|
openEditBurialSiteTypeField(
|
|
burialSiteTypeId,
|
|
responseJSON.burialSiteTypeFieldId as number
|
|
)
|
|
}
|
|
}
|
|
)
|
|
}
|
|
|
|
cityssm.openHtmlModal('adminBurialSiteTypes-addField', {
|
|
onshow(modalElement) {
|
|
sunrise.populateAliases(modalElement)
|
|
|
|
if (burialSiteTypeId) {
|
|
;(
|
|
modalElement.querySelector(
|
|
'#burialSiteTypeFieldAdd--burialSiteTypeId'
|
|
) as HTMLInputElement
|
|
).value = burialSiteTypeId.toString()
|
|
}
|
|
},
|
|
onshown(modalElement, closeModalFunction) {
|
|
addCloseModalFunction = closeModalFunction
|
|
;(
|
|
modalElement.querySelector(
|
|
'#burialSiteTypeFieldAdd--burialSiteTypeField'
|
|
) as HTMLInputElement
|
|
).focus()
|
|
|
|
modalElement.querySelector('form')?.addEventListener('submit', doAdd)
|
|
|
|
bulmaJS.toggleHtmlClipped()
|
|
},
|
|
|
|
onremoved() {
|
|
bulmaJS.toggleHtmlClipped()
|
|
}
|
|
})
|
|
}
|
|
|
|
function moveBurialSiteType(clickEvent: MouseEvent): void {
|
|
const buttonElement = clickEvent.currentTarget as HTMLButtonElement
|
|
|
|
const burialSiteTypeId = (
|
|
buttonElement.closest('.container--burialSiteType') as HTMLElement
|
|
).dataset.burialSiteTypeId
|
|
|
|
cityssm.postJSON(
|
|
`${sunrise.urlPrefix}/admin/${
|
|
buttonElement.dataset.direction === 'up'
|
|
? 'doMoveBurialSiteTypeUp'
|
|
: // eslint-disable-next-line no-secrets/no-secrets
|
|
'doMoveBurialSiteTypeDown'
|
|
}`,
|
|
{
|
|
burialSiteTypeId,
|
|
moveToEnd: clickEvent.shiftKey ? '1' : '0'
|
|
},
|
|
burialSiteTypeResponseHandler
|
|
)
|
|
}
|
|
|
|
function openEditBurialSiteTypeField(
|
|
burialSiteTypeId: number,
|
|
burialSiteTypeFieldId: number
|
|
): void {
|
|
const burialSiteType = burialSiteTypes.find(
|
|
(currentType) => currentType.burialSiteTypeId === burialSiteTypeId
|
|
) as BurialSiteType
|
|
|
|
const burialSiteTypeField = (
|
|
burialSiteType.burialSiteTypeFields ?? []
|
|
).find(
|
|
(currentField) =>
|
|
currentField.burialSiteTypeFieldId === burialSiteTypeFieldId
|
|
) as BurialSiteTypeField
|
|
|
|
let fieldTypeElement: HTMLSelectElement
|
|
let minLengthInputElement: HTMLInputElement
|
|
let maxLengthInputElement: HTMLInputElement
|
|
let patternElement: HTMLInputElement
|
|
let fieldValuesElement: HTMLTextAreaElement
|
|
|
|
let editCloseModalFunction: () => void
|
|
|
|
function updateMaximumLengthMin(): void {
|
|
maxLengthInputElement.min = minLengthInputElement.value
|
|
}
|
|
|
|
function toggleInputFields(): void {
|
|
switch (fieldTypeElement.value) {
|
|
case 'date': {
|
|
minLengthInputElement.disabled = true
|
|
maxLengthInputElement.disabled = true
|
|
patternElement.disabled = true
|
|
fieldValuesElement.disabled = true
|
|
break
|
|
}
|
|
case 'select': {
|
|
minLengthInputElement.disabled = true
|
|
maxLengthInputElement.disabled = true
|
|
patternElement.disabled = true
|
|
fieldValuesElement.disabled = false
|
|
break
|
|
}
|
|
default: {
|
|
minLengthInputElement.disabled = false
|
|
maxLengthInputElement.disabled = false
|
|
patternElement.disabled = false
|
|
fieldValuesElement.disabled = true
|
|
break
|
|
}
|
|
}
|
|
}
|
|
|
|
function doUpdate(submitEvent: SubmitEvent): void {
|
|
submitEvent.preventDefault()
|
|
|
|
cityssm.postJSON(
|
|
`${sunrise.urlPrefix}/admin/doUpdateBurialSiteTypeField`,
|
|
submitEvent.currentTarget,
|
|
(rawResponseJSON) => {
|
|
const responseJSON = rawResponseJSON as ResponseJSON
|
|
|
|
burialSiteTypeResponseHandler(responseJSON)
|
|
if (responseJSON.success) {
|
|
editCloseModalFunction()
|
|
}
|
|
}
|
|
)
|
|
}
|
|
|
|
function doDelete(): void {
|
|
cityssm.postJSON(
|
|
`${sunrise.urlPrefix}/admin/doDeleteBurialSiteTypeField`,
|
|
{
|
|
burialSiteTypeFieldId
|
|
},
|
|
(rawResponseJSON) => {
|
|
const responseJSON = rawResponseJSON as ResponseJSON
|
|
|
|
burialSiteTypeResponseHandler(responseJSON)
|
|
if (responseJSON.success) {
|
|
editCloseModalFunction()
|
|
}
|
|
}
|
|
)
|
|
}
|
|
|
|
function confirmDoDelete(): void {
|
|
bulmaJS.confirm({
|
|
title: 'Delete Field',
|
|
message: `Are you sure you want to delete this field?
|
|
Note that historical records that make use of this field will not be affected.`,
|
|
contextualColorName: 'warning',
|
|
okButton: {
|
|
text: 'Yes, Delete Field',
|
|
callbackFunction: doDelete
|
|
}
|
|
})
|
|
}
|
|
|
|
cityssm.openHtmlModal('adminBurialSiteTypes-editField', {
|
|
onshow(modalElement) {
|
|
sunrise.populateAliases(modalElement)
|
|
;(
|
|
modalElement.querySelector(
|
|
'#burialSiteTypeFieldEdit--burialSiteTypeFieldId'
|
|
) as HTMLInputElement
|
|
).value = burialSiteTypeField.burialSiteTypeFieldId.toString()
|
|
;(
|
|
modalElement.querySelector(
|
|
'#burialSiteTypeFieldEdit--burialSiteTypeField'
|
|
) as HTMLInputElement
|
|
).value = burialSiteTypeField.burialSiteTypeField ?? ''
|
|
;(
|
|
modalElement.querySelector(
|
|
'#burialSiteTypeFieldEdit--isRequired'
|
|
) as HTMLSelectElement
|
|
).value = burialSiteTypeField.isRequired ?? false ? '1' : '0'
|
|
|
|
fieldTypeElement = modalElement.querySelector(
|
|
'#burialSiteTypeFieldEdit--fieldType'
|
|
) as HTMLSelectElement
|
|
|
|
fieldTypeElement.value = burialSiteTypeField.fieldType
|
|
|
|
minLengthInputElement = modalElement.querySelector(
|
|
'#burialSiteTypeFieldEdit--minLength'
|
|
) as HTMLInputElement
|
|
|
|
minLengthInputElement.value =
|
|
burialSiteTypeField.minLength?.toString() ?? ''
|
|
|
|
maxLengthInputElement = modalElement.querySelector(
|
|
'#burialSiteTypeFieldEdit--maxLength'
|
|
) as HTMLInputElement
|
|
|
|
maxLengthInputElement.value =
|
|
burialSiteTypeField.maxLength?.toString() ?? ''
|
|
|
|
patternElement = modalElement.querySelector(
|
|
'#burialSiteTypeFieldEdit--pattern'
|
|
) as HTMLInputElement
|
|
|
|
patternElement.value = burialSiteTypeField.pattern ?? ''
|
|
|
|
fieldValuesElement = modalElement.querySelector(
|
|
'#burialSiteTypeFieldEdit--fieldValues'
|
|
) as HTMLTextAreaElement
|
|
|
|
fieldValuesElement.value = burialSiteTypeField.fieldValues ?? ''
|
|
|
|
toggleInputFields()
|
|
},
|
|
onshown(modalElement, closeModalFunction) {
|
|
editCloseModalFunction = closeModalFunction
|
|
|
|
bulmaJS.init(modalElement)
|
|
bulmaJS.toggleHtmlClipped()
|
|
cityssm.enableNavBlocker()
|
|
|
|
modalElement.querySelector('form')?.addEventListener('submit', doUpdate)
|
|
|
|
minLengthInputElement.addEventListener('keyup', updateMaximumLengthMin)
|
|
updateMaximumLengthMin()
|
|
|
|
fieldTypeElement.addEventListener('change', toggleInputFields)
|
|
|
|
modalElement
|
|
.querySelector('#button--deleteBurialSiteTypeField')
|
|
?.addEventListener('click', confirmDoDelete)
|
|
},
|
|
|
|
onremoved() {
|
|
bulmaJS.toggleHtmlClipped()
|
|
cityssm.disableNavBlocker()
|
|
}
|
|
})
|
|
}
|
|
|
|
function openEditBurialSiteTypeFieldByClick(clickEvent: Event): void {
|
|
clickEvent.preventDefault()
|
|
|
|
const burialSiteTypeFieldId = Number.parseInt(
|
|
(
|
|
(clickEvent.currentTarget as HTMLElement).closest(
|
|
'.container--burialSiteTypeField'
|
|
) as HTMLElement
|
|
).dataset.burialSiteTypeFieldId ?? '',
|
|
10
|
|
)
|
|
|
|
const burialSiteTypeId = Number.parseInt(
|
|
(
|
|
(clickEvent.currentTarget as HTMLElement).closest(
|
|
'.container--burialSiteType'
|
|
) as HTMLElement
|
|
).dataset.burialSiteTypeId ?? '',
|
|
10
|
|
)
|
|
|
|
openEditBurialSiteTypeField(burialSiteTypeId, burialSiteTypeFieldId)
|
|
}
|
|
|
|
function moveBurialSiteTypeField(clickEvent: MouseEvent): void {
|
|
const buttonElement = clickEvent.currentTarget as HTMLButtonElement
|
|
|
|
const burialSiteTypeFieldId = (
|
|
buttonElement.closest('.container--burialSiteTypeField') as HTMLElement
|
|
).dataset.burialSiteTypeFieldId
|
|
|
|
cityssm.postJSON(
|
|
`${sunrise.urlPrefix}/admin/${
|
|
buttonElement.dataset.direction === 'up'
|
|
? 'doMoveBurialSiteTypeFieldUp'
|
|
: // eslint-disable-next-line no-secrets/no-secrets
|
|
'doMoveBurialSiteTypeFieldDown'
|
|
}`,
|
|
{
|
|
burialSiteTypeFieldId,
|
|
moveToEnd: clickEvent.shiftKey ? '1' : '0'
|
|
},
|
|
burialSiteTypeResponseHandler
|
|
)
|
|
}
|
|
|
|
function renderBurialSiteTypeFields(
|
|
panelElement: HTMLElement,
|
|
burialSiteTypeId: number,
|
|
burialSiteTypeFields: BurialSiteTypeField[]
|
|
): void {
|
|
if (burialSiteTypeFields.length === 0) {
|
|
// eslint-disable-next-line no-unsanitized/method
|
|
panelElement.insertAdjacentHTML(
|
|
'beforeend',
|
|
`<div class="panel-block is-block
|
|
${expandedBurialSiteTypes.has(burialSiteTypeId) ? '' : ' is-hidden'}">
|
|
<div class="message is-info"><p class="message-body">There are no additional fields.</p></div>
|
|
</div>`
|
|
)
|
|
} else {
|
|
for (const burialSiteTypeField of burialSiteTypeFields) {
|
|
const panelBlockElement = document.createElement('div')
|
|
panelBlockElement.className =
|
|
'panel-block is-block container--burialSiteTypeField'
|
|
|
|
if (!expandedBurialSiteTypes.has(burialSiteTypeId)) {
|
|
panelBlockElement.classList.add('is-hidden')
|
|
}
|
|
|
|
panelBlockElement.dataset.burialSiteTypeFieldId =
|
|
burialSiteTypeField.burialSiteTypeFieldId.toString()
|
|
|
|
// eslint-disable-next-line no-unsanitized/property
|
|
panelBlockElement.innerHTML = `<div class="level is-mobile">
|
|
<div class="level-left">
|
|
<div class="level-item">
|
|
<a class="has-text-weight-bold button--editBurialSiteTypeField" href="#">
|
|
${cityssm.escapeHTML(burialSiteTypeField.burialSiteTypeField ?? '')}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="level-right is-hidden-print">
|
|
<div class="level-item">
|
|
${sunrise.getMoveUpDownButtonFieldHTML(
|
|
'button--moveBurialSiteTypeFieldUp',
|
|
// eslint-disable-next-line no-secrets/no-secrets
|
|
'button--moveBurialSiteTypeFieldDown'
|
|
)}
|
|
</div>
|
|
</div>
|
|
</div>`
|
|
|
|
panelBlockElement
|
|
.querySelector('.button--editBurialSiteTypeField')
|
|
?.addEventListener('click', openEditBurialSiteTypeFieldByClick)
|
|
;(
|
|
panelBlockElement.querySelector(
|
|
'.button--moveBurialSiteTypeFieldUp'
|
|
) as HTMLButtonElement
|
|
).addEventListener('click', moveBurialSiteTypeField)
|
|
;(
|
|
panelBlockElement.querySelector(
|
|
'.button--moveBurialSiteTypeFieldDown'
|
|
) as HTMLButtonElement
|
|
).addEventListener('click', moveBurialSiteTypeField)
|
|
|
|
panelElement.append(panelBlockElement)
|
|
}
|
|
}
|
|
}
|
|
|
|
function renderBurialSiteTypes(): void {
|
|
containerElement.innerHTML = ''
|
|
|
|
if (burialSiteTypes.length === 0) {
|
|
containerElement.insertAdjacentHTML(
|
|
'afterbegin',
|
|
`<div class="message is-warning">
|
|
<p class="message-body">There are no active burial site types.</p>
|
|
</div>`
|
|
)
|
|
|
|
return
|
|
}
|
|
|
|
for (const burialSiteType of burialSiteTypes) {
|
|
const burialSiteTypeContainer = document.createElement('div')
|
|
|
|
burialSiteTypeContainer.className = 'panel container--burialSiteType'
|
|
|
|
burialSiteTypeContainer.dataset.burialSiteTypeId =
|
|
burialSiteType.burialSiteTypeId.toString()
|
|
|
|
// eslint-disable-next-line no-unsanitized/property
|
|
burialSiteTypeContainer.innerHTML = `<div class="panel-heading">
|
|
<div class="level is-mobile">
|
|
<div class="level-left">
|
|
<div class="level-item">
|
|
<button class="button is-small button--toggleBurialSiteTypeFields" data-tooltip="Toggle Fields" type="button" aria-label="Toggle Fields">
|
|
${
|
|
expandedBurialSiteTypes.has(burialSiteType.burialSiteTypeId)
|
|
? '<i class="fas fa-fw fa-minus" aria-hidden="true"></i>'
|
|
: '<i class="fas fa-fw fa-plus" aria-hidden="true"></i>'
|
|
}
|
|
</button>
|
|
</div>
|
|
<div class="level-item">
|
|
<h2 class="title is-5 has-text-white">${cityssm.escapeHTML(burialSiteType.burialSiteType)}</h2>
|
|
</div>
|
|
<div class="level-item">
|
|
<div class="tags">
|
|
${
|
|
burialSiteType.bodyCapacityMax === null
|
|
? ''
|
|
: `<span class="tag is-info">
|
|
Bodies: ${cityssm.escapeHTML(
|
|
burialSiteType.bodyCapacityMax.toString()
|
|
)}
|
|
</span>`
|
|
}
|
|
${
|
|
burialSiteType.crematedCapacityMax === null
|
|
? ''
|
|
: `<span class="tag is-info">
|
|
Cremains: ${cityssm.escapeHTML(
|
|
burialSiteType.crematedCapacityMax.toString()
|
|
)}
|
|
</span>`
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="level-right is-hidden-print">
|
|
<div class="level-item">
|
|
<button class="button is-danger is-small button--deleteBurialSiteType" type="button">
|
|
<span class="icon is-small"><i class="fas fa-trash" aria-hidden="true"></i></span>
|
|
<span>Delete</span>
|
|
</button>
|
|
</div>
|
|
<div class="level-item">
|
|
<button class="button is-primary is-small button--editBurialSiteType" type="button">
|
|
<span class="icon is-small"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span>
|
|
<span>Edit Burial Site Type</span>
|
|
</button>
|
|
</div>
|
|
<div class="level-item">
|
|
<button class="button is-success is-small button--addBurialSiteTypeField" type="button">
|
|
<span class="icon is-small"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
|
<span>Add Field</span>
|
|
</button>
|
|
</div>
|
|
<div class="level-item">
|
|
${sunrise.getMoveUpDownButtonFieldHTML(
|
|
'button--moveBurialSiteTypeUp',
|
|
'button--moveBurialSiteTypeDown'
|
|
)}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>`
|
|
|
|
renderBurialSiteTypeFields(
|
|
burialSiteTypeContainer,
|
|
burialSiteType.burialSiteTypeId,
|
|
burialSiteType.burialSiteTypeFields ?? []
|
|
)
|
|
|
|
burialSiteTypeContainer
|
|
.querySelector('.button--toggleBurialSiteTypeFields')
|
|
?.addEventListener('click', toggleBurialSiteTypeFields)
|
|
|
|
burialSiteTypeContainer
|
|
.querySelector('.button--deleteBurialSiteType')
|
|
?.addEventListener('click', deleteBurialSiteType)
|
|
|
|
burialSiteTypeContainer
|
|
.querySelector('.button--editBurialSiteType')
|
|
?.addEventListener('click', openEditBurialSiteType)
|
|
|
|
burialSiteTypeContainer
|
|
.querySelector('.button--addBurialSiteTypeField')
|
|
?.addEventListener('click', openAddBurialSiteTypeField)
|
|
;(
|
|
burialSiteTypeContainer.querySelector(
|
|
'.button--moveBurialSiteTypeUp'
|
|
) as HTMLButtonElement
|
|
).addEventListener('click', moveBurialSiteType)
|
|
;(
|
|
burialSiteTypeContainer.querySelector(
|
|
'.button--moveBurialSiteTypeDown'
|
|
) as HTMLButtonElement
|
|
).addEventListener('click', moveBurialSiteType)
|
|
|
|
containerElement.append(burialSiteTypeContainer)
|
|
}
|
|
}
|
|
|
|
document
|
|
.querySelector('#button--addBurialSiteType')
|
|
?.addEventListener('click', () => {
|
|
let addCloseModalFunction: () => void
|
|
|
|
function doAdd(submitEvent: SubmitEvent): void {
|
|
submitEvent.preventDefault()
|
|
|
|
cityssm.postJSON(
|
|
`${sunrise.urlPrefix}/admin/doAddBurialSiteType`,
|
|
submitEvent.currentTarget,
|
|
(rawResponseJSON) => {
|
|
const responseJSON = rawResponseJSON as ResponseJSON
|
|
|
|
if (responseJSON.success) {
|
|
addCloseModalFunction()
|
|
burialSiteTypes = responseJSON.burialSiteTypes
|
|
renderBurialSiteTypes()
|
|
} else {
|
|
bulmaJS.alert({
|
|
title: 'Error Adding Burial Site Type',
|
|
message: responseJSON.errorMessage ?? '',
|
|
contextualColorName: 'danger'
|
|
})
|
|
}
|
|
}
|
|
)
|
|
}
|
|
|
|
cityssm.openHtmlModal('adminBurialSiteTypes-add', {
|
|
onshow(modalElement) {
|
|
sunrise.populateAliases(modalElement)
|
|
;(
|
|
modalElement.querySelector(
|
|
'#burialSiteTypeAdd--bodyCapacityMax'
|
|
) as HTMLInputElement
|
|
).value = exports.bodyCapacityMaxDefault.toString()
|
|
;(
|
|
modalElement.querySelector(
|
|
'#burialSiteTypeAdd--crematedCapacityMax'
|
|
) as HTMLInputElement
|
|
).value = exports.crematedCapacityMaxDefault.toString()
|
|
},
|
|
onshown(modalElement, closeModalFunction) {
|
|
addCloseModalFunction = closeModalFunction
|
|
;(
|
|
modalElement.querySelector(
|
|
'#burialSiteTypeAdd--burialSiteType'
|
|
) as HTMLInputElement
|
|
).focus()
|
|
|
|
modalElement.querySelector('form')?.addEventListener('submit', doAdd)
|
|
|
|
bulmaJS.toggleHtmlClipped()
|
|
},
|
|
|
|
onremoved() {
|
|
bulmaJS.toggleHtmlClipped()
|
|
}
|
|
})
|
|
})
|
|
|
|
renderBurialSiteTypes()
|
|
})()
|