print out polish

pull/3/head
Dan Gowans 2025-03-28 14:23:04 -04:00
parent ac4ae20f78
commit ee0e79b60a
24 changed files with 211 additions and 137 deletions

View File

@ -286,7 +286,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
</a> </a>
</div> </div>
</div> </div>
<div class="level-right"> <div class="level-right is-hidden-print">
<div class="level-item"> <div class="level-item">
${sunrise.getMoveUpDownButtonFieldHTML('button--moveBurialSiteTypeFieldUp', ${sunrise.getMoveUpDownButtonFieldHTML('button--moveBurialSiteTypeFieldUp',
// eslint-disable-next-line no-secrets/no-secrets // eslint-disable-next-line no-secrets/no-secrets
@ -331,7 +331,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
<h2 class="title is-4 has-text-white">${cityssm.escapeHTML(burialSiteType.burialSiteType)}</h2> <h2 class="title is-4 has-text-white">${cityssm.escapeHTML(burialSiteType.burialSiteType)}</h2>
</div> </div>
</div> </div>
<div class="level-right"> <div class="level-right is-hidden-print">
<div class="level-item"> <div class="level-item">
<button class="button is-danger is-small button--deleteBurialSiteType" type="button"> <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 class="icon is-small"><i class="fas fa-trash" aria-hidden="true"></i></span>

View File

@ -18,13 +18,15 @@ declare const exports: Record<string, unknown>
type ResponseJSON = type ResponseJSON =
| { | {
success: true success: false
burialSiteTypes: BurialSiteType[]
burialSiteTypeFieldId?: number errorMessage?: string
} }
| { | {
success: false success: true
errorMessage?: string
burialSiteTypeFieldId?: number
burialSiteTypes: BurialSiteType[]
} }
;(() => { ;(() => {
const sunrise = exports.sunrise as Sunrise const sunrise = exports.sunrise as Sunrise
@ -176,6 +178,7 @@ type ResponseJSON =
bulmaJS.toggleHtmlClipped() bulmaJS.toggleHtmlClipped()
}, },
onremoved() { onremoved() {
bulmaJS.toggleHtmlClipped() bulmaJS.toggleHtmlClipped()
} }
@ -241,6 +244,7 @@ type ResponseJSON =
bulmaJS.toggleHtmlClipped() bulmaJS.toggleHtmlClipped()
}, },
onremoved() { onremoved() {
bulmaJS.toggleHtmlClipped() bulmaJS.toggleHtmlClipped()
} }
@ -440,6 +444,7 @@ type ResponseJSON =
.querySelector('#button--deleteBurialSiteTypeField') .querySelector('#button--deleteBurialSiteTypeField')
?.addEventListener('click', confirmDoDelete) ?.addEventListener('click', confirmDoDelete)
}, },
onremoved() { onremoved() {
bulmaJS.toggleHtmlClipped() bulmaJS.toggleHtmlClipped()
cityssm.disableNavBlocker() cityssm.disableNavBlocker()
@ -529,7 +534,7 @@ type ResponseJSON =
</a> </a>
</div> </div>
</div> </div>
<div class="level-right"> <div class="level-right is-hidden-print">
<div class="level-item"> <div class="level-item">
${sunrise.getMoveUpDownButtonFieldHTML( ${sunrise.getMoveUpDownButtonFieldHTML(
'button--moveBurialSiteTypeFieldUp', 'button--moveBurialSiteTypeFieldUp',
@ -598,7 +603,7 @@ type ResponseJSON =
<h2 class="title is-4 has-text-white">${cityssm.escapeHTML(burialSiteType.burialSiteType)}</h2> <h2 class="title is-4 has-text-white">${cityssm.escapeHTML(burialSiteType.burialSiteType)}</h2>
</div> </div>
</div> </div>
<div class="level-right"> <div class="level-right is-hidden-print">
<div class="level-item"> <div class="level-item">
<button class="button is-danger is-small button--deleteBurialSiteType" type="button"> <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 class="icon is-small"><i class="fas fa-trash" aria-hidden="true"></i></span>

View File

@ -107,6 +107,7 @@ declare const exports: Record<string, unknown>
.querySelector('form') .querySelector('form')
?.addEventListener('submit', doCreate) ?.addEventListener('submit', doCreate)
}, },
onremoved() { onremoved() {
bulmaJS.toggleHtmlClipped() bulmaJS.toggleHtmlClipped()
;( ;(

View File

@ -76,7 +76,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
</span>`; </span>`;
} }
// eslint-disable-next-line no-unsanitized/method // eslint-disable-next-line no-unsanitized/method
resultsTbodyElement.insertAdjacentHTML('beforeend', `<tr> resultsTbodyElement.insertAdjacentHTML('beforeend', `<tr class="avoid-page-break">
<td class="has-width-1"> <td class="has-width-1">
${contractTimeHTML} ${contractTimeHTML}
</td><td> </td><td>
@ -105,7 +105,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
: `<ul class="fa-ul ml-5">${contactsHTML}</ul>`} : `<ul class="fa-ul ml-5">${contactsHTML}</ul>`}
</td><td> </td><td>
${feeIconHTML} ${feeIconHTML}
</td><td> </td><td class="is-hidden-print">
${contract.printEJS ${contract.printEJS
? `<a class="button is-small" data-tooltip="Print" ? `<a class="button is-small" data-tooltip="Print"
href="${sunrise.urlPrefix}/print/${contract.printEJS}/?contractId=${contract.contractId.toString()}" target="_blank"> href="${sunrise.urlPrefix}/print/${contract.printEJS}/?contractId=${contract.contractId.toString()}" target="_blank">
@ -122,7 +122,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
<th>End Date</th> <th>End Date</th>
<th>Contacts</th> <th>Contacts</th>
<th class="has-width-1"><span class="is-sr-only">Fees and Transactions</span></th> <th class="has-width-1"><span class="is-sr-only">Fees and Transactions</span></th>
<th class="has-width-1"><span class="is-sr-only">Print</span></th> <th class="has-width-1 is-hidden-print"><span class="is-sr-only">Print</span></th>
</tr></thead> </tr></thead>
<table>`; <table>`;
searchResultsContainerElement searchResultsContainerElement

View File

@ -133,7 +133,7 @@ declare const exports: Record<string, unknown>
// eslint-disable-next-line no-unsanitized/method // eslint-disable-next-line no-unsanitized/method
resultsTbodyElement.insertAdjacentHTML( resultsTbodyElement.insertAdjacentHTML(
'beforeend', 'beforeend',
`<tr> `<tr class="avoid-page-break">
<td class="has-width-1"> <td class="has-width-1">
${contractTimeHTML} ${contractTimeHTML}
</td><td> </td><td>
@ -168,7 +168,7 @@ declare const exports: Record<string, unknown>
} }
</td><td> </td><td>
${feeIconHTML} ${feeIconHTML}
</td><td> </td><td class="is-hidden-print">
${ ${
contract.printEJS contract.printEJS
? `<a class="button is-small" data-tooltip="Print" ? `<a class="button is-small" data-tooltip="Print"
@ -189,7 +189,7 @@ declare const exports: Record<string, unknown>
<th>End Date</th> <th>End Date</th>
<th>Contacts</th> <th>Contacts</th>
<th class="has-width-1"><span class="is-sr-only">Fees and Transactions</span></th> <th class="has-width-1"><span class="is-sr-only">Fees and Transactions</span></th>
<th class="has-width-1"><span class="is-sr-only">Print</span></th> <th class="has-width-1 is-hidden-print"><span class="is-sr-only">Print</span></th>
</tr></thead> </tr></thead>
<table>` <table>`

View File

@ -315,6 +315,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
} }
} }
/*
* Prints
*/
function openAddContractTypePrint(clickEvent) { function openAddContractTypePrint(clickEvent) {
const contractTypeId = clickEvent.currentTarget.closest('.container--contractTypePrintList').dataset.contractTypeId ?? ''; const contractTypeId = clickEvent.currentTarget.closest('.container--contractTypePrintList').dataset.contractTypeId ?? '';
let closeAddModalFunction; let closeAddModalFunction;
@ -412,7 +415,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
${cityssm.escapeHTML(printTitle || printEJS)} ${cityssm.escapeHTML(printTitle || printEJS)}
</div> </div>
</div> </div>
<div class="level-right"> <div class="level-right is-hidden-print">
<div class="level-item"> <div class="level-item">
${sunrise.getMoveUpDownButtonFieldHTML('button--moveContractTypePrintUp', 'button--moveContractTypePrintDown')} ${sunrise.getMoveUpDownButtonFieldHTML('button--moveContractTypePrintUp', 'button--moveContractTypePrintDown')}
</div> </div>
@ -432,6 +435,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
} }
} }
} }
/*
* Both
*/
function renderContractTypes() { function renderContractTypes() {
contractTypesContainerElement.innerHTML = `<div class="panel container--contractType" id="container--allContractTypeFields" data-contract-type-id=""> contractTypesContainerElement.innerHTML = `<div class="panel container--contractType" id="container--allContractTypeFields" data-contract-type-id="">
<div class="panel-heading"> <div class="panel-heading">
@ -441,7 +447,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
<h2 class="title is-4 has-text-white">(All Contract Types)</h2> <h2 class="title is-4 has-text-white">(All Contract Types)</h2>
</div> </div>
</div> </div>
<div class="level-right"> <div class="level-right is-hidden-print">
<div class="level-item"> <div class="level-item">
<button class="button is-success is-small button--addContractTypeField" type="button"> <button class="button is-success is-small button--addContractTypeField" type="button">
<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>
@ -494,7 +500,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
</div>` </div>`
: ''} : ''}
</div> </div>
<div class="level-right"> <div class="level-right is-hidden-print">
<div class="level-item"> <div class="level-item">
<button class="button is-danger is-small button--deleteContractType" type="button"> <button class="button is-danger is-small button--deleteContractType" type="button">
<span class="icon is-small"><i class="fas fa-trash" aria-hidden="true"></i></span> <span class="icon is-small"><i class="fas fa-trash" aria-hidden="true"></i></span>
@ -550,7 +556,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
<h2 class="title is-4 has-text-white">${cityssm.escapeHTML(contractType.contractType)}</h2> <h2 class="title is-4 has-text-white">${cityssm.escapeHTML(contractType.contractType)}</h2>
</div> </div>
</div> </div>
<div class="level-right"> <div class="level-right is-hidden-print">
<div class="level-item"> <div class="level-item">
<button class="button is-success is-small button--addContractTypePrint" type="button"> <button class="button is-success is-small button--addContractTypePrint" type="button">
<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>

View File

@ -18,14 +18,16 @@ declare const exports: Record<string, unknown>
type ResponseJSON = type ResponseJSON =
| { | {
success: true success: false
contractTypes: ContractType[]
allContractTypeFields: ContractTypeField[] errorMessage?: string
contractTypeFieldId?: number
} }
| { | {
success: false success: true
errorMessage?: string
allContractTypeFields: ContractTypeField[]
contractTypeFieldId?: number
contractTypes: ContractType[]
} }
;(() => { ;(() => {
const sunrise = exports.sunrise as Sunrise const sunrise = exports.sunrise as Sunrise
@ -589,6 +591,10 @@ type ResponseJSON =
} }
} }
/*
* Prints
*/
function openAddContractTypePrint(clickEvent: Event): void { function openAddContractTypePrint(clickEvent: Event): void {
const contractTypeId = const contractTypeId =
( (
@ -757,7 +763,7 @@ type ResponseJSON =
${cityssm.escapeHTML(printTitle || printEJS)} ${cityssm.escapeHTML(printTitle || printEJS)}
</div> </div>
</div> </div>
<div class="level-right"> <div class="level-right is-hidden-print">
<div class="level-item"> <div class="level-item">
${sunrise.getMoveUpDownButtonFieldHTML( ${sunrise.getMoveUpDownButtonFieldHTML(
'button--moveContractTypePrintUp', 'button--moveContractTypePrintUp',
@ -791,6 +797,10 @@ type ResponseJSON =
} }
} }
/*
* Both
*/
function renderContractTypes(): void { function renderContractTypes(): void {
contractTypesContainerElement.innerHTML = `<div class="panel container--contractType" id="container--allContractTypeFields" data-contract-type-id=""> contractTypesContainerElement.innerHTML = `<div class="panel container--contractType" id="container--allContractTypeFields" data-contract-type-id="">
<div class="panel-heading"> <div class="panel-heading">
@ -800,7 +810,7 @@ type ResponseJSON =
<h2 class="title is-4 has-text-white">(All Contract Types)</h2> <h2 class="title is-4 has-text-white">(All Contract Types)</h2>
</div> </div>
</div> </div>
<div class="level-right"> <div class="level-right is-hidden-print">
<div class="level-item"> <div class="level-item">
<button class="button is-success is-small button--addContractTypeField" type="button"> <button class="button is-success is-small button--addContractTypeField" type="button">
<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>
@ -880,7 +890,7 @@ type ResponseJSON =
: '' : ''
} }
</div> </div>
<div class="level-right"> <div class="level-right is-hidden-print">
<div class="level-item"> <div class="level-item">
<button class="button is-danger is-small button--deleteContractType" type="button"> <button class="button is-danger is-small button--deleteContractType" type="button">
<span class="icon is-small"><i class="fas fa-trash" aria-hidden="true"></i></span> <span class="icon is-small"><i class="fas fa-trash" aria-hidden="true"></i></span>
@ -962,7 +972,7 @@ type ResponseJSON =
<h2 class="title is-4 has-text-white">${cityssm.escapeHTML(contractType.contractType)}</h2> <h2 class="title is-4 has-text-white">${cityssm.escapeHTML(contractType.contractType)}</h2>
</div> </div>
</div> </div>
<div class="level-right"> <div class="level-right is-hidden-print">
<div class="level-item"> <div class="level-item">
<button class="button is-success is-small button--addContractTypePrint" type="button"> <button class="button is-success is-small button--addContractTypePrint" type="button">
<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>

View File

@ -36,7 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
? '<span class="tag">Grouped Fee</span>' ? '<span class="tag">Grouped Fee</span>'
: ''} : ''}
</div> </div>
<div class="column is-narrow"> <div class="column is-narrow is-hidden-print">
<div class="field is-grouped is-justify-content-end"> <div class="field is-grouped is-justify-content-end">
${feeCategory.fees.length === 0 ${feeCategory.fees.length === 0
? `<div class="control"> ? `<div class="control">
@ -151,7 +151,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
</div> </div>
</div> </div>
</div> </div>
<div class="column is-narrow"> <div class="column is-narrow is-hidden-print">
${sunrise.getMoveUpDownButtonFieldHTML('button--moveFeeUp', 'button--moveFeeDown')} ${sunrise.getMoveUpDownButtonFieldHTML('button--moveFeeUp', 'button--moveFeeDown')}
</div> </div>
</div>`; </div>`;

View File

@ -29,12 +29,14 @@ declare const exports: Record<string, unknown>
type ResponseJSON = type ResponseJSON =
| { | {
success: true success: false
feeCategories: FeeCategory[]
errorMessage?: string
} }
| { | {
success: false success: true
errorMessage?: string
feeCategories: FeeCategory[]
} }
function getFeeCategory(feeCategoryId: number): FeeCategory { function getFeeCategory(feeCategoryId: number): FeeCategory {
@ -80,7 +82,7 @@ declare const exports: Record<string, unknown>
: '' : ''
} }
</div> </div>
<div class="column is-narrow"> <div class="column is-narrow is-hidden-print">
<div class="field is-grouped is-justify-content-end"> <div class="field is-grouped is-justify-content-end">
${ ${
feeCategory.fees.length === 0 feeCategory.fees.length === 0
@ -156,11 +158,9 @@ declare const exports: Record<string, unknown>
<p> <p>
<a class="has-text-weight-bold a--editFee" href="#">${cityssm.escapeHTML(fee.feeName ?? '')}</a><br /> <a class="has-text-weight-bold a--editFee" href="#">${cityssm.escapeHTML(fee.feeName ?? '')}</a><br />
<small> <small>
${ ${cityssm
cityssm .escapeHTML(fee.feeDescription ?? '')
.escapeHTML(fee.feeDescription ?? '') .replaceAll('\n', '<br />')}
.replaceAll('\n', '<br />')
}
</small> </small>
</p> </p>
${ ${
@ -225,7 +225,7 @@ declare const exports: Record<string, unknown>
</div> </div>
</div> </div>
</div> </div>
<div class="column is-narrow"> <div class="column is-narrow is-hidden-print">
${sunrise.getMoveUpDownButtonFieldHTML( ${sunrise.getMoveUpDownButtonFieldHTML(
'button--moveFeeUp', 'button--moveFeeUp',
'button--moveFeeDown' 'button--moveFeeDown'

View File

@ -39,11 +39,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
<i class="fas fa-fw fa-user"></i> <i class="fas fa-fw fa-user"></i>
</span> </span>
${cityssm.escapeHTML(interment.deceasedName ?? '')} ${cityssm.escapeHTML(interment.deceasedName ?? '')}
</li>`;
}
if (contract.funeralHomeName !== null) {
relatedHTML += `<li class="has-tooltip-left"
data-tooltip="Funeral Home">
<span class="fa-li">
<i class="fas fa-fw fa-church"></i>
</span>
${cityssm.escapeHTML(contract.funeralHomeName)}
</li>`; </li>`;
} }
} }
// eslint-disable-next-line no-unsanitized/method // eslint-disable-next-line no-unsanitized/method
resultsTbodyElement.insertAdjacentHTML('beforeend', `<tr> resultsTbodyElement.insertAdjacentHTML('beforeend', `<tr class="avoid-page-break">
<td> <td>
<a class="has-text-weight-bold" href="${sunrise.getWorkOrderURL(workOrder.workOrderId)}"> <a class="has-text-weight-bold" href="${sunrise.getWorkOrderURL(workOrder.workOrderId)}">
${workOrder.workOrderNumber?.trim() === '' ${workOrder.workOrderNumber?.trim() === ''

View File

@ -77,12 +77,22 @@ declare const exports: Record<string, unknown>
${cityssm.escapeHTML(interment.deceasedName ?? '')} ${cityssm.escapeHTML(interment.deceasedName ?? '')}
</li>` </li>`
} }
if (contract.funeralHomeName !== null) {
relatedHTML += `<li class="has-tooltip-left"
data-tooltip="Funeral Home">
<span class="fa-li">
<i class="fas fa-fw fa-church"></i>
</span>
${cityssm.escapeHTML(contract.funeralHomeName)}
</li>`
}
} }
// eslint-disable-next-line no-unsanitized/method // eslint-disable-next-line no-unsanitized/method
resultsTbodyElement.insertAdjacentHTML( resultsTbodyElement.insertAdjacentHTML(
'beforeend', 'beforeend',
`<tr> `<tr class="avoid-page-break">
<td> <td>
<a class="has-text-weight-bold" href="${sunrise.getWorkOrderURL(workOrder.workOrderId)}"> <a class="has-text-weight-bold" href="${sunrise.getWorkOrderURL(workOrder.workOrderId)}">
${ ${

View File

@ -187,3 +187,23 @@ span.button.is-static {
.image svg text { .image svg text {
user-select: none; user-select: none;
} }
/*
* Print
*/
@media print {
.is-hidden-print,
.navbar.is-fixed-top,
.breadcrumb {
display: none !important;
}
html.has-navbar-fixed-top {
padding-top: 0 !important;
}
}
.avoid-page-break {
page-break-inside: avoid;
}

View File

@ -21,7 +21,7 @@
</head> </head>
<body> <body>
<nav class="navbar is-light is-fixed-top is-static-print" id="cityssm-theme--navbar" role="navigation" <nav class="navbar is-light is-fixed-top" id="cityssm-theme--navbar" role="navigation"
aria-label="main navigation"> aria-label="main navigation">
<div class="container"> <div class="container">
<div class="navbar-brand"> <div class="navbar-brand">

View File

@ -1,7 +1,7 @@
<%- include('_header'); -%> <%- include('_header'); -%>
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-2-desktop is-narrow-touch"> <div class="column is-2-desktop is-narrow-touch is-hidden-print">
<%- include('_menu-admin'); -%> <%- include('_menu-admin'); -%>
</div> </div>
<div class="column"> <div class="column">
@ -28,7 +28,7 @@
Burial Site Type Management Burial Site Type Management
</h1> </h1>
</div> </div>
<div class="column has-text-right is-narrow"> <div class="column has-text-right is-narrow is-hidden-print">
<button class="button is-success" id="button--addBurialSiteType" type="button" accesskey="n"> <button class="button is-success" id="button--addBurialSiteType" type="button" accesskey="n">
<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 Burial Site Type</span> <span>Add Burial Site Type</span>

View File

@ -1,7 +1,7 @@
<%- include('_header'); -%> <%- include('_header'); -%>
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-2-desktop is-narrow-touch"> <div class="column is-2-desktop is-narrow-touch is-hidden-print">
<%- include('_menu-admin'); -%> <%- include('_menu-admin'); -%>
</div> </div>
<div class="column"> <div class="column">
@ -28,7 +28,7 @@
Contract Type Management Contract Type Management
</h1> </h1>
</div> </div>
<div class="column has-text-right is-narrow"> <div class="column has-text-right is-narrow is-hidden-print">
<button class="button is-success" id="button--addContractType" type="button" accesskey="n"> <button class="button is-success" id="button--addContractType" type="button" accesskey="n">
<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 Contract Type</span> <span>Add Contract Type</span>

View File

@ -1,7 +1,7 @@
<%- include('_header'); -%> <%- include('_header'); -%>
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-2-desktop is-narrow-touch"> <div class="column is-2-desktop is-narrow-touch is-hidden-print">
<%- include('_menu-admin'); -%> <%- include('_menu-admin'); -%>
</div> </div>
<div class="column"> <div class="column">

View File

@ -1,7 +1,7 @@
<%- include('_header'); -%> <%- include('_header'); -%>
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-2-desktop is-narrow-touch"> <div class="column is-2-desktop is-narrow-touch is-hidden-print">
<%- include('_menu-admin'); -%> <%- include('_menu-admin'); -%>
</div> </div>
<div class="column"> <div class="column">
@ -28,7 +28,7 @@
Fee Management Fee Management
</h1> </h1>
</div> </div>
<div class="column has-text-right is-narrow"> <div class="column has-text-right is-narrow is-hidden-print">
<button class="button is-success" id="button--addFeeCategory" data-cy="addFeeCategory" type="button" accesskey="n"> <button class="button is-success" id="button--addFeeCategory" data-cy="addFeeCategory" type="button" accesskey="n">
<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 Category</span> <span>Add Fee Category</span>

View File

@ -1,7 +1,7 @@
<%- include('_header'); -%> <%- include('_header'); -%>
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-2-desktop is-narrow-touch"> <div class="column is-2-desktop is-narrow-touch is-hidden-print">
<%- include('_menu-admin'); -%> <%- include('_menu-admin'); -%>
</div> </div>
<div class="column"> <div class="column">

View File

@ -1,7 +1,7 @@
<%- include('_header'); -%> <%- include('_header'); -%>
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-2-desktop is-narrow-touch"> <div class="column is-2-desktop is-narrow-touch is-hidden-print">
<%- include('_menu-admin'); -%> <%- include('_menu-admin'); -%>
</div> </div>
<div class="column"> <div class="column">

View File

@ -18,7 +18,7 @@
Find a Cemetery Find a Cemetery
</h1> </h1>
</div> </div>
<div class="column has-text-right is-narrow"> <div class="column has-text-right is-narrow is-hidden-print">
<a class="button" href="<%= urlPrefix %>/reports/cemeteries-formatted" target="_blank" download> <a class="button" href="<%= urlPrefix %>/reports/cemeteries-formatted" target="_blank" download>
<span class="icon is-small"><i class="fas fa-download" aria-hidden="true"></i></span> <span class="icon is-small"><i class="fas fa-download" aria-hidden="true"></i></span>
<span>Export</span> <span>Export</span>

View File

@ -277,14 +277,27 @@
<% if (user.userProperties.isAdmin) { %> <% if (user.userProperties.isAdmin) { %>
<div class="panel"> <div class="panel">
<div class="panel-heading"> <div class="panel-heading">
Administrator Tools <div class="level">
<div class="level-left">
<div class="level-item">
<div class="has-text-weight-bold">
Administrator Tools
</div>
</div>
</div>
<div class="level-right">
<div class="level-item">
<span class="icon"><i class="fas fa-cog" aria-hidden="true"></i></span>
</div>
</div>
</div>
</div> </div>
<a class="panel-block" href="<%= urlPrefix %>/admin/fees"> <a class="panel-block" href="<%= urlPrefix %>/admin/fees">
<div class="media"> <div class="media">
<div class="media-left"> <div class="media-left">
<span class="fa-layers fa-4x fa-fw" aria-hidden="true"> <span class="fa-layers fa-4x fa-fw" aria-hidden="true">
<i class="fas fa-dollar-sign"></i> <i class="fas fa-dollar-sign"></i>
<i class="fas fa-cog" data-fa-transform="shrink-8 right-8 down-5" data-fa-glow="10"></i> <i class="fas fa-cog" data-fa-transform="shrink-8 right-7 down-5" data-fa-glow="10"></i>
</span> </span>
</div> </div>
<div class="media-content"> <div class="media-content">
@ -303,7 +316,7 @@
<div class="media-left"> <div class="media-left">
<span class="fa-layers fa-4x fa-fw" aria-hidden="true"> <span class="fa-layers fa-4x fa-fw" aria-hidden="true">
<i class="fas fa-user-friends"></i> <i class="fas fa-user-friends"></i>
<i class="fas fa-cog" data-fa-transform="shrink-8 right-8 down-5" data-fa-glow="10"></i> <i class="fas fa-cog" data-fa-transform="shrink-8 right-7 down-5" data-fa-glow="10"></i>
</span> </span>
</div> </div>
<div class="media-content"> <div class="media-content">
@ -323,7 +336,7 @@
<div class="media-left"> <div class="media-left">
<span class="fa-layers fa-4x fa-fw" aria-hidden="true"> <span class="fa-layers fa-4x fa-fw" aria-hidden="true">
<i class="fas fa-vector-square"></i> <i class="fas fa-vector-square"></i>
<i class="fas fa-cog" data-fa-transform="shrink-8 right-8 down-5" data-fa-glow="10"></i> <i class="fas fa-cog" data-fa-transform="shrink-8 right-7 down-5" data-fa-glow="10"></i>
</span> </span>
</div> </div>
<div class="media-content"> <div class="media-content">
@ -341,7 +354,7 @@
<div class="media-left"> <div class="media-left">
<span class="fa-layers fa-4x fa-fw" aria-hidden="true"> <span class="fa-layers fa-4x fa-fw" aria-hidden="true">
<i class="fas fa-table"></i> <i class="fas fa-table"></i>
<i class="fas fa-cog" data-fa-transform="shrink-8 right-8 down-5" data-fa-glow="10"></i> <i class="fas fa-cog" data-fa-transform="shrink-8 right-7 down-5" data-fa-glow="10"></i>
</span> </span>
</div> </div>
<div class="media-content"> <div class="media-content">

View File

@ -1,7 +1,7 @@
<%- include('_header'); -%> <%- include('_header'); -%>
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-2-desktop is-narrow-touch"> <div class="column is-2-desktop is-narrow-touch is-hidden-print">
<%- include('_menu-workOrders'); -%> <%- include('_menu-workOrders'); -%>
</div> </div>
<div class="column"> <div class="column">

View File

@ -1,89 +1,89 @@
<%- include('_header'); -%> <%- include('_header'); -%>
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-2-desktop is-narrow-touch"> <div class="column is-2-desktop is-narrow-touch is-hidden-print">
<%- include('_menu-workOrders'); -%> <%- include('_menu-workOrders'); -%>
</div> </div>
<div class="column"> <div class="column">
<nav class="breadcrumb"> <nav class="breadcrumb">
<ul> <ul>
<li><a href="<%= urlPrefix %>/dashboard">Home</a></li> <li><a href="<%= urlPrefix %>/dashboard">Home</a></li>
<li> <li>
<a href="<%= urlPrefix %>/workOrders"> <a href="<%= urlPrefix %>/workOrders">
<span class="icon is-small"><i class="fas fa-hard-hat" aria-hidden="true"></i></span> <span class="icon is-small"><i class="fas fa-hard-hat" aria-hidden="true"></i></span>
<span>Work Orders</span> <span>Work Orders</span>
</a> </a>
</li> </li>
<li class="is-active"> <li class="is-active">
<a href="#" aria-current="page"> <a href="#" aria-current="page">
Outlook Integration
</a>
</li>
</ul>
</nav>
<h1 class="title is-1">
Outlook Integration Outlook Integration
</h1> </a>
</li>
</ul>
</nav>
<div class="panel" id="panel--icsFilters"> <h1 class="title is-1">
<h2 class="panel-heading">Work Order Milestone Calendar (ICS)</h2> Outlook Integration
<div class="panel-block is-block"> </h1>
<div class="message is-info">
<p class="message-body"> <div class="panel" id="panel--icsFilters">
Recent milestones can be exported in the iCalendar format. <h2 class="panel-heading">Work Order Milestone Calendar (ICS)</h2>
They can then imported into Outlook as Internet calendars that can be regularly refreshed. <div class="panel-block is-block">
</p> <div class="message is-info">
</div> <p class="message-body">
<div class="columns"> Recent milestones can be exported in the iCalendar format.
<div class="column"> They can then imported into Outlook as Internet calendars that can be regularly refreshed.
<label class="label" for="icsFilters--workOrderTypeIds">Work Order Types</label> </p>
<label class="checkbox is-block">
<input id="icsFilters--workOrderTypeIds-all" type="checkbox" checked />
All Work Order Types
</label>
<div class="control mt-2">
<div class="select is-multiple is-fullwidth">
<select id="icsFilters--workOrderTypeIds" multiple size="<%= Math.min(Math.max(workOrderTypes.length, workOrderMilestoneTypes.length), 6) %>" disabled>
<% for (const workOrderType of workOrderTypes) { %>
<option value="<%= workOrderType.workOrderTypeId %>" selected>
<%= workOrderType.workOrderType %>
</option>
<% } %>
</select>
</div>
</div>
</div>
<div class="column">
<label class="label" for="icsFilters--workOrderMilestoneTypeIds">Milestone Types</label>
<label class="checkbox is-block">
<input id="icsFilters--workOrderMilestoneTypeIds-all" type="checkbox" checked />
All Work Order Milestone Types
</label>
<div class="control mt-2">
<div class="select is-multiple is-fullwidth">
<select id="icsFilters--workOrderMilestoneTypeIds" multiple size="<%= Math.min(Math.max(workOrderTypes.length, workOrderMilestoneTypes.length), 6) %>" disabled>
<% for (const workOrderMilestoneType of workOrderMilestoneTypes) { %>
<option value="<%= workOrderMilestoneType.workOrderMilestoneTypeId %>" selected>
<%= workOrderMilestoneType.workOrderMilestoneType %>
</option>
<% } %>
</select>
</div>
</div>
</div>
</div>
</div> </div>
<div class="panel-block is-block"> <div class="columns">
<div class="field"> <div class="column">
<label class="label" for="icsFilters--calendarURL">ICS Calendar Link</label> <label class="label" for="icsFilters--workOrderTypeIds">Work Order Types</label>
<div class="control"> <label class="checkbox is-block">
<textarea class="textarea" id="icsFilters--calendarURL" name="calendarURL" style="cursor:text" readonly></textarea> <input id="icsFilters--workOrderTypeIds-all" type="checkbox" checked />
All Work Order Types
</label>
<div class="control mt-2">
<div class="select is-multiple is-fullwidth">
<select id="icsFilters--workOrderTypeIds" multiple size="<%= Math.min(Math.max(workOrderTypes.length, workOrderMilestoneTypes.length), 6) %>" disabled>
<% for (const workOrderType of workOrderTypes) { %>
<option value="<%= workOrderType.workOrderTypeId %>" selected>
<%= workOrderType.workOrderType %>
</option>
<% } %>
</select>
</div>
</div>
</div>
<div class="column">
<label class="label" for="icsFilters--workOrderMilestoneTypeIds">Milestone Types</label>
<label class="checkbox is-block">
<input id="icsFilters--workOrderMilestoneTypeIds-all" type="checkbox" checked />
All Work Order Milestone Types
</label>
<div class="control mt-2">
<div class="select is-multiple is-fullwidth">
<select id="icsFilters--workOrderMilestoneTypeIds" multiple size="<%= Math.min(Math.max(workOrderTypes.length, workOrderMilestoneTypes.length), 6) %>" disabled>
<% for (const workOrderMilestoneType of workOrderMilestoneTypes) { %>
<option value="<%= workOrderMilestoneType.workOrderMilestoneTypeId %>" selected>
<%= workOrderMilestoneType.workOrderMilestoneType %>
</option>
<% } %>
</select>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="panel-block is-block">
<div class="field">
<label class="label" for="icsFilters--calendarURL">ICS Calendar Link</label>
<div class="control">
<textarea class="textarea" id="icsFilters--calendarURL" name="calendarURL" style="cursor:text" readonly></textarea>
</div>
</div>
</div>
</div> </div>
</div>
</div> </div>
<%- include('_footerA'); -%> <%- include('_footerA'); -%>

View File

@ -1,7 +1,7 @@
<%- include('_header'); -%> <%- include('_header'); -%>
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-2-desktop is-narrow-touch"> <div class="column is-2-desktop is-narrow-touch is-hidden-print">
<%- include('_menu-workOrders'); -%> <%- include('_menu-workOrders'); -%>
</div> </div>
<div class="column"> <div class="column">