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

link together sections

pull/11/head
Dan Gowans 2025-04-22 10:44:14 -04:00
parent 688e55857d
commit 6d964eb93a
11 changed files with 731 additions and 546 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
handlers/reports-get/search.d.ts vendored
View File

@ -1,2 +1,4 @@
import type { Request, Response } from 'express';
export default function handler(_request: Request, response: Response): Promise<void>;
export default function handler(request: Request<unknown, unknown, unknown, {
tab?: string;
}>, response: Response): Promise<void>;

4
handlers/reports-get/search.js
View File

@ -1,13 +1,15 @@
import { dateToString } from '@cityssm/utils-datetime';
import getCemeteries from '../../database/getCemeteries.js';
import { getBurialSiteStatuses, getBurialSiteTypes } from '../../helpers/functions.cache.js';
export default async function handler(_request, response) {
export default async function handler(request, response) {
const rightNow = new Date();
const reportTab = request.query.tab ?? 'workOrders';
const cemeteries = await getCemeteries();
const burialSiteTypes = await getBurialSiteTypes();
const burialSiteStatuses = await getBurialSiteStatuses();
response.render('report-search', {
headTitle: 'Reports',
reportTab,
burialSiteStatuses,
burialSiteTypes,
cemeteries,

5
handlers/reports-get/search.ts
View File

@ -9,17 +9,20 @@ import {
} from '../../helpers/functions.cache.js'
export default async function handler(
_request: Request,
request: Request<unknown, unknown, unknown, { tab?: string }>,
response: Response
): Promise<void> {
const rightNow = new Date()
const reportTab = request.query.tab ?? 'workOrders'
const cemeteries = await getCemeteries()
const burialSiteTypes = await getBurialSiteTypes()
const burialSiteStatuses = await getBurialSiteStatuses()
response.render('report-search', {
headTitle: 'Reports',
reportTab,
burialSiteStatuses,
burialSiteTypes,

56
views/_menu-cemeteries.ejs 100644
View File

@ -0,0 +1,56 @@
<aside class="menu">
<h2 class="menu-label is-hidden-touch">
Cemeteries
</h2>
<ul class="menu-list">
<li>
<a class="<%= (headTitle === "Cemetery Search" ? "is-active" : "") %>"
href="<%= urlPrefix %>/cemeteries"
aria-label="Cemetery Search">
<div class="columns is-mobile is-1">
<div class="column is-narrow">
<span class="icon"><i class="far fa-fw fa-map" aria-hidden="true"></i></span>
</div>
<div class="column is-hidden-touch">Cemetery Search</div>
</div>
</a>
</li>
<li>
<a class="<%= (headTitle === "Burial Site Search" ? "is-active" : "") %>"
href="<%= urlPrefix %>/burialSites"
aria-label="Burial Site Search">
<div class="columns is-mobile is-1">
<div class="column is-narrow">
<span class="icon"><i class="fas fa-fw fa-vector-square" aria-hidden="true"></i></span>
</div>
<div class="column is-hidden-touch">Burial Site Search</div>
</div>
</a>
</li>
</ul>
<h2 class="menu-label is-hidden-touch">
Reports
</h2>
<ul class="menu-list">
<li>
<a href="<%= urlPrefix %>/reports/?tab=cemeteries" aria-label="Cemetery Reports">
<div class="columns is-mobile is-1">
<div class="column is-narrow">
<span class="icon"><i class="fas fa-fw fa-file" aria-hidden="true"></i></span>
</div>
<div class="column is-hidden-touch">Cemetery Reports</div>
</div>
</a>
</li>
<li>
<a href="https://cityssm.github.io/sunrise-cms/docs/cemeteries.html" aria-label="Help Documentation" rel="noopener noreferrer" target="_blank">
<div class="columns is-mobile is-1">
<div class="column is-narrow">
<span class="icon"><i class="fas fa-fw fa-circle-question" aria-hidden="true"></i></span>
</div>
<div class="column is-hidden-touch">Help</div>
</div>
</a>
</li>
</ul>
</aside>

56
views/_menu-contracts.ejs 100644
View File

@ -0,0 +1,56 @@
<aside class="menu">
<h2 class="menu-label is-hidden-touch">
Contracts
</h2>
<ul class="menu-list">
<li>
<a class="<%= (headTitle === "Contract Search" ? "is-active" : "") %>"
href="<%= urlPrefix %>/contracts"
aria-label="Contract Search">
<div class="columns is-mobile is-1">
<div class="column is-narrow">
<span class="icon"><i class="fas fa-fw fa-file-contract" aria-hidden="true"></i></span>
</div>
<div class="column is-hidden-touch">Contract Search</div>
</div>
</a>
</li>
<li>
<a class="<%= (headTitle === "Funeral Home Search" ? "is-active" : "") %>"
href="<%= urlPrefix %>/funeralHomes"
aria-label="Contract Search">
<div class="columns is-mobile is-1">
<div class="column is-narrow">
<span class="icon"><i class="fas fa-fw fa-place-of-worship" aria-hidden="true"></i></span>
</div>
<div class="column is-hidden-touch">Funeral Home Search</div>
</div>
</a>
</li>
</ul>
<h2 class="menu-label is-hidden-touch">
Reports
</h2>
<ul class="menu-list">
<li>
<a href="<%= urlPrefix %>/reports/?tab=contracts" aria-label="Contract Reports">
<div class="columns is-mobile is-1">
<div class="column is-narrow">
<span class="icon"><i class="fas fa-fw fa-file" aria-hidden="true"></i></span>
</div>
<div class="column is-hidden-touch">Contract Reports</div>
</div>
</a>
</li>
<li>
<a href="https://cityssm.github.io/sunrise-cms/docs/contracts.html" aria-label="Help Documentation" rel="noopener noreferrer" target="_blank">
<div class="columns is-mobile is-1">
<div class="column is-narrow">
<span class="icon"><i class="fas fa-fw fa-circle-question" aria-hidden="true"></i></span>
</div>
<div class="column is-hidden-touch">Help</div>
</div>
</a>
</li>
</ul>
</aside>

27
views/_menu-workOrders.ejs
View File

@ -9,7 +9,7 @@
aria-label="Work Order Search">
<div class="columns is-mobile is-1">
<div class="column is-narrow">
<span class="icon"><i class="fas fa-fw fa-search" aria-hidden="true"></i></span>
<span class="icon"><i class="fas fa-fw fa-hard-hat" aria-hidden="true"></i></span>
</div>
<div class="column is-hidden-touch">Work Order Search</div>
</div>
@ -45,4 +45,29 @@
</a>
</li>
</ul>
<h2 class="menu-label is-hidden-touch">
Reports
</h2>
<ul class="menu-list">
<li>
<a href="<%= urlPrefix %>/reports/?tab=workOrders" aria-label="Work Order Reports">
<div class="columns is-mobile is-1">
<div class="column is-narrow">
<span class="icon"><i class="fas fa-fw fa-file" aria-hidden="true"></i></span>
</div>
<div class="column is-hidden-touch">Work Order Reports</div>
</div>
</a>
</li>
<li>
<a href="https://cityssm.github.io/sunrise-cms/docs/workOrders.html" aria-label="Help Documentation" rel="noopener noreferrer" target="_blank">
<div class="columns is-mobile is-1">
<div class="column is-narrow">
<span class="icon"><i class="fas fa-fw fa-circle-question" aria-hidden="true"></i></span>
</div>
<div class="column is-hidden-touch">Help</div>
</div>
</a>
</li>
</ul>
</aside>

225
views/burialSite-search.ejs
View File

@ -1,126 +1,133 @@
<%- include('_header'); -%>
<nav class="breadcrumb">
<ul>
<li><a href="<%= urlPrefix %>/dashboard">Home</a></li>
<li class="is-active">
<a href="#" aria-current="page">
<span class="icon is-small"><i class="fas fa-vector-square" aria-hidden="true"></i></span>
<span>Burial Sites</span>
</a>
</li>
</ul>
</nav>
<h1 class="title is-1">
Find a Burial Site
</h1>
<% if (user.userProperties.canUpdate) { %>
<div class="fixed-container is-fixed-bottom-right mx-4 my-4 has-text-right is-hidden-print">
<a class="button is-circle is-primary has-tooltip-left"
data-tooltip="Create a New Burial Site"
href="<%= urlPrefix %>/burialSites/new"
accesskey="n">
<i class="fas fa-plus" aria-hidden="true"></i>
<span class="sr-only">Create a New Burial Site</span>
</a>
<div class="columns is-mobile">
<div class="column is-2-desktop is-narrow-touch is-hidden-print">
<%- include('_menu-cemeteries'); -%>
</div>
<% } %>
<div class="column">
<nav class="breadcrumb">
<ul>
<li><a href="<%= urlPrefix %>/dashboard">Home</a></li>
<li class="is-active">
<a href="#" aria-current="page">
<span class="icon is-small"><i class="fas fa-vector-square" aria-hidden="true"></i></span>
<span>Burial Sites</span>
</a>
</li>
</ul>
</nav>
<div class="box">
<form id="form--searchFilters">
<input id="searchFilter--limit" name="limit" type="hidden" value="100" />
<input id="searchFilter--offset" name="offset" type="hidden" value="0" />
<div class="columns">
<div class="column">
<label class="label" for="searchFilter--burialSiteName">Burial Site Name</label>
<div class="field has-addons">
<div class="control has-icons-left">
<div class="select">
<select id="selectFilter--burialSiteNameSearchType" name="burialSiteNameSearchType" aria-label="Burial Site Filter Type">
<option value="">contains</option>
<option value="startsWith">starts with</option>
<option value="endsWith">ends with</option>
<h1 class="title is-1">
Find a Burial Site
</h1>
<% if (user.userProperties.canUpdate) { %>
<div class="fixed-container is-fixed-bottom-right mx-4 my-4 has-text-right is-hidden-print">
<a class="button is-circle is-primary has-tooltip-left"
data-tooltip="Create a New Burial Site"
href="<%= urlPrefix %>/burialSites/new"
accesskey="n">
<i class="fas fa-plus" aria-hidden="true"></i>
<span class="sr-only">Create a New Burial Site</span>
</a>
</div>
<% } %>
<div class="box">
<form id="form--searchFilters">
<input id="searchFilter--limit" name="limit" type="hidden" value="100" />
<input id="searchFilter--offset" name="offset" type="hidden" value="0" />
<div class="columns">
<div class="column">
<label class="label" for="searchFilter--burialSiteName">Burial Site Name</label>
<div class="field has-addons">
<div class="control has-icons-left">
<div class="select">
<select id="selectFilter--burialSiteNameSearchType" name="burialSiteNameSearchType" aria-label="Burial Site Filter Type">
<option value="">contains</option>
<option value="startsWith">starts with</option>
<option value="endsWith">ends with</option>
</select>
</div>
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
<div class="control is-expanded">
<input class="input" id="searchFilter--burialSiteName" name="burialSiteName" />
</div>
</div>
</div>
<div class="column">
<div class="field">
<label class="label" for="searchFilter--burialSiteTypeId">Burial Site Type</label>
<div class="control has-icons-left">
<div class="select is-fullwidth">
<select id="searchFilter--burialSiteTypeId" name="burialSiteTypeId">
<option value="">(All Burial Site Types)</option>
<% for (const burialSiteType of burialSiteTypes) { %>
<option value="<%= burialSiteType.burialSiteTypeId %>" <%= (burialSiteType.burialSiteTypeId.toString() === burialSiteTypeId) ? " selected" : "" %>>
<%= burialSiteType.burialSiteType || "(No Name)" %>
</option>
<% } %>
</select>
</div>
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
<div class="control is-expanded">
<input class="input" id="searchFilter--burialSiteName" name="burialSiteName" />
</div>
</div>
</div>
<div class="column">
<div class="field">
<label class="label" for="searchFilter--burialSiteTypeId">Burial Site Type</label>
<div class="control has-icons-left">
<div class="select is-fullwidth">
<select id="searchFilter--burialSiteTypeId" name="burialSiteTypeId">
<option value="">(All Burial Site Types)</option>
<% for (const burialSiteType of burialSiteTypes) { %>
<option value="<%= burialSiteType.burialSiteTypeId %>" <%= (burialSiteType.burialSiteTypeId.toString() === burialSiteTypeId) ? " selected" : "" %>>
<%= burialSiteType.burialSiteType || "(No Name)" %>
</option>
<% } %>
</select>
<div class="columns">
<div class="column">
<div class="field">
<label class="label" for="searchFilter--cemeteryId">Cemetery</label>
<div class="control has-icons-left">
<div class="select is-fullwidth">
<select id="searchFilter--cemeteryId" name="cemeteryId">
<option value="">(All Cemeteries)</option>
<% for (const cemetery of cemeteries) { %>
<option value="<%= cemetery.cemeteryId %>" <%= (cemetery.cemeteryId.toString() === cemeteryId) ? " selected" : "" %>>
<%= cemetery.cemeteryName || "(No Name)" %>
</option>
<% } %>
</select>
</div>
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
<div class="column">
<div class="field">
<label class="label" for="searchFilter--burialSiteStatusId">Status</label>
<div class="control has-icons-left">
<div class="select is-fullwidth">
<select id="searchFilter--burialSiteStatusId" name="burialSiteStatusId">
<option value="">(All Statuses)</option>
<% for (const burialSiteStatus of burialSiteStatuses) { %>
<option value="<%= burialSiteStatus.burialSiteStatusId %>" <%= (burialSiteStatus.burialSiteStatusId.toString() === burialSiteStatusId) ? " selected" : "" %>>
<%= burialSiteStatus.burialSiteStatus %>
</option>
<% } %>
</select>
</div>
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
</form>
</div>
<div class="columns">
<div class="column">
<div class="field">
<label class="label" for="searchFilter--cemeteryId">Cemetery</label>
<div class="control has-icons-left">
<div class="select is-fullwidth">
<select id="searchFilter--cemeteryId" name="cemeteryId">
<option value="">(All Cemeteries)</option>
<% for (const cemetery of cemeteries) { %>
<option value="<%= cemetery.cemeteryId %>" <%= (cemetery.cemeteryId.toString() === cemeteryId) ? " selected" : "" %>>
<%= cemetery.cemeteryName || "(No Name)" %>
</option>
<% } %>
</select>
</div>
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
<div class="column">
<div class="field">
<label class="label" for="searchFilter--burialSiteStatusId">Status</label>
<div class="control has-icons-left">
<div class="select is-fullwidth">
<select id="searchFilter--burialSiteStatusId" name="burialSiteStatusId">
<option value="">(All Statuses)</option>
<% for (const burialSiteStatus of burialSiteStatuses) { %>
<option value="<%= burialSiteStatus.burialSiteStatusId %>" <%= (burialSiteStatus.burialSiteStatusId.toString() === burialSiteStatusId) ? " selected" : "" %>>
<%= burialSiteStatus.burialSiteStatus %>
</option>
<% } %>
</select>
</div>
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
</div>
</form>
<div id="container--searchResults"></div>
</div>
</div>
<div id="container--searchResults"></div>
<%- include('_footerA'); -%>
<script src="<%= urlPrefix %>/javascripts/burialSite.search.js"></script>

105
views/cemetery-search.ejs
View File

@ -1,59 +1,66 @@
<%- include('_header'); -%>
<nav class="breadcrumb">
<ul>
<li><a href="<%= urlPrefix %>/dashboard">Home</a></li>
<li class="is-active">
<a href="#" aria-current="page">
<span class="icon is-small"><i class="far fa-map" aria-hidden="true"></i></span>
<span>Cemeteries</span>
</a>
</li>
</ul>
</nav>
<div class="columns is-vcentered">
<div class="columns is-mobile">
<div class="column is-2-desktop is-narrow-touch is-hidden-print">
<%- include('_menu-cemeteries'); -%>
</div>
<div class="column">
<h1 class="title is-1">
Find a Cemetery
</h1>
</div>
<div class="column has-text-right is-narrow is-hidden-print">
<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>Export</span>
</a>
</div>
</div>
<nav class="breadcrumb">
<ul>
<li><a href="<%= urlPrefix %>/dashboard">Home</a></li>
<li class="is-active">
<a href="#" aria-current="page">
<span class="icon is-small"><i class="far fa-map" aria-hidden="true"></i></span>
<span>Cemeteries</span>
</a>
</li>
</ul>
</nav>
<% if (user.userProperties.canUpdate) { %>
<div class="fixed-container is-fixed-bottom-right mx-4 my-4 has-text-right is-hidden-print">
<a class="button is-circle is-primary has-tooltip-left"
data-tooltip="Create a New Cemetery"
href="<%= urlPrefix %>/cemeteries/new"
accesskey="n">
<i class="fas fa-plus" aria-hidden="true"></i>
<span class="sr-only">Create a New Cemetery</span>
</a>
</div>
<% } %>
<div class="box">
<form id="form--searchFilters">
<div class="field">
<div class="control has-icons-left">
<input class="input" id="searchFilter--cemetery" type="text"
placeholder="Search cemetery name, description, and address"
accesskey="f" />
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
<div class="columns is-vcentered">
<div class="column">
<h1 class="title is-1">
Find a Cemetery
</h1>
</div>
<div class="column has-text-right is-narrow is-hidden-print">
<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>Export</span>
</a>
</div>
</div>
</form>
</div>
<div id="container--searchResults"></div>
<% if (user.userProperties.canUpdate) { %>
<div class="fixed-container is-fixed-bottom-right mx-4 my-4 has-text-right is-hidden-print">
<a class="button is-circle is-primary has-tooltip-left"
data-tooltip="Create a New Cemetery"
href="<%= urlPrefix %>/cemeteries/new"
accesskey="n">
<i class="fas fa-plus" aria-hidden="true"></i>
<span class="sr-only">Create a New Cemetery</span>
</a>
</div>
<% } %>
<div class="box">
<form id="form--searchFilters">
<div class="field">
<div class="control has-icons-left">
<input class="input" id="searchFilter--cemetery" type="text"
placeholder="Search cemetery name, description, and address"
accesskey="f" />
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
</form>
</div>
<div id="container--searchResults"></div>
</div>
</div>
<%- include('_footerA'); -%>

312
views/contract-search.ejs
View File

@ -1,175 +1,183 @@
<%- include('_header'); -%>
<nav class="breadcrumb">
<ul>
<li><a href="<%= urlPrefix %>/dashboard">Home</a></li>
<li class="is-active">
<a href="#" aria-current="page">
<span class="icon is-small">
<i class="fas fa-file-contract" aria-hidden="true"></i>
</span>
<span>Contracts</span>
</a>
</li>
</ul>
</nav>
<h1 class="title is-1">
Find a Contract
</h1>
<% if (user.userProperties.canUpdate) { %>
<div class="fixed-container is-fixed-bottom-right mx-4 my-4 has-text-right is-hidden-print">
<a class="button is-circle is-primary has-tooltip-left"
data-tooltip="Create a New Contract"
href="<%= urlPrefix %>/contracts/new"
accesskey="n">
<i class="fas fa-plus" aria-hidden="true"></i>
<span class="sr-only">Create a New Contract</span>
</a>
<div class="columns is-mobile">
<div class="column is-2-desktop is-narrow-touch is-hidden-print">
<%- include('_menu-contracts'); -%>
</div>
<% } %>
<div class="column">
<nav class="breadcrumb">
<ul>
<li><a href="<%= urlPrefix %>/dashboard">Home</a></li>
<li class="is-active">
<a href="#" aria-current="page">
<span class="icon is-small">
<i class="fas fa-file-contract" aria-hidden="true"></i>
</span>
<span>Contracts</span>
</a>
</li>
</ul>
</nav>
<div class="box">
<form id="form--searchFilters">
<input id="searchFilter--limit" name="limit" type="hidden" value="100" />
<input id="searchFilter--offset" name="offset" type="hidden" value="0" />
<div class="columns">
<div class="column">
<div class="field">
<label class="label" for="searchFilter--contractTypeId">Contract Type</label>
<div class="control has-icons-left">
<div class="select is-fullwidth">
<select id="searchFilter--contractTypeId" name="contractTypeId">
<option value="">(All Contract Types)</option>
<% for (const contractType of contractTypes) { %>
<option value="<%= contractType.contractTypeId %>"><%= contractType.contractType %></option>
<% } %>
</select>
<h1 class="title is-1">
Find a Contract
</h1>
<% if (user.userProperties.canUpdate) { %>
<div class="fixed-container is-fixed-bottom-right mx-4 my-4 has-text-right is-hidden-print">
<a class="button is-circle is-primary has-tooltip-left"
data-tooltip="Create a New Contract"
href="<%= urlPrefix %>/contracts/new"
accesskey="n">
<i class="fas fa-plus" aria-hidden="true"></i>
<span class="sr-only">Create a New Contract</span>
</a>
</div>
<% } %>
<div class="box">
<form id="form--searchFilters">
<input id="searchFilter--limit" name="limit" type="hidden" value="100" />
<input id="searchFilter--offset" name="offset" type="hidden" value="0" />
<div class="columns">
<div class="column">
<div class="field">
<label class="label" for="searchFilter--contractTypeId">Contract Type</label>
<div class="control has-icons-left">
<div class="select is-fullwidth">
<select id="searchFilter--contractTypeId" name="contractTypeId">
<option value="">(All Contract Types)</option>
<% for (const contractType of contractTypes) { %>
<option value="<%= contractType.contractTypeId %>"><%= contractType.contractType %></option>
<% } %>
</select>
</div>
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
<div class="column">
<div class="field">
<label class="label" for="searchFilter--deceasedName">Recipient / Deceased Name</label>
<div class="control has-icons-left">
<input class="input" id="searchFilter--deceasedName" name="deceasedName" accesskey="f" />
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
<div class="column">
<div class="field">
<label class="label" for="searchFilter--contractTime">Contract Time</label>
<div class="control has-icons-left">
<div class="select is-fullwidth">
<select id="searchFilter--contractTime" name="contractTime">
<option value="">(All Times)</option>
<option value="current" selected>Current</option>
<option value="past">Past</option>
<option value="future">Future</option>
</select>
<div class="column">
<div class="field">
<label class="label" for="searchFilter--deceasedName">Recipient / Deceased Name</label>
<div class="control has-icons-left">
<input class="input" id="searchFilter--deceasedName" name="deceasedName" accesskey="f" />
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
</div>
<div class="columns">
<div class="column">
<div class="field">
<label class="label" for="searchFilter--cemeteryId">Cemetery</label>
<div class="control has-icons-left">
<div class="select is-fullwidth">
<select id="searchFilter--cemeteryId" name="cemeteryId">
<option value="">(All Cemeteries)</option>
<% for (const cemetery of cemeteries) { %>
<option value="<%= cemetery.cemeteryId %>" <%= (cemetery.cemeteryId.toString() === cemeteryId) ? " selected" : "" %>>
<%= cemetery.cemeteryName || "(No Name)" %>
</option>
<% } %>
</select>
<div class="column">
<div class="field">
<label class="label" for="searchFilter--contractTime">Contract Time</label>
<div class="control has-icons-left">
<div class="select is-fullwidth">
<select id="searchFilter--contractTime" name="contractTime">
<option value="">(All Times)</option>
<option value="current" selected>Current</option>
<option value="past">Past</option>
<option value="future">Future</option>
</select>
</div>
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
<div class="column">
<label class="label" for="searchFilter--burialSiteName">Burial Site</label>
<div class="field has-addons">
<div class="control has-icons-left">
<div class="select">
<select id="selectFilter--burialSiteNameSearchType" name="burialSiteNameSearchType" aria-label="Burial Site Filter Type">
<option value="">contains</option>
<option value="startsWith">starts with</option>
<option value="endsWith">ends with</option>
</select>
<div class="columns">
<div class="column">
<div class="field">
<label class="label" for="searchFilter--cemeteryId">Cemetery</label>
<div class="control has-icons-left">
<div class="select is-fullwidth">
<select id="searchFilter--cemeteryId" name="cemeteryId">
<option value="">(All Cemeteries)</option>
<% for (const cemetery of cemeteries) { %>
<option value="<%= cemetery.cemeteryId %>" <%= (cemetery.cemeteryId.toString() === cemeteryId) ? " selected" : "" %>>
<%= cemetery.cemeteryName || "(No Name)" %>
</option>
<% } %>
</select>
</div>
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
<div class="control is-expanded">
<input class="input" id="searchFilter--burialSiteName" name="burialSiteName" />
<div class="column">
<label class="label" for="searchFilter--burialSiteName">Burial Site</label>
<div class="field has-addons">
<div class="control has-icons-left">
<div class="select">
<select id="selectFilter--burialSiteNameSearchType" name="burialSiteNameSearchType" aria-label="Burial Site Filter Type">
<option value="">contains</option>
<option value="startsWith">starts with</option>
<option value="endsWith">ends with</option>
</select>
</div>
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
<div class="control is-expanded">
<input class="input" id="searchFilter--burialSiteName" name="burialSiteName" />
</div>
</div>
</div>
</div>
</div>
<div class="columns">
<div class="column">
<div class="field">
<label class="label" for="searchFilter--funeralHomeId">Funeral Home</label>
<div class="control has-icons-left">
<div class="select is-fullwidth">
<select id="searchFilter--funeralHomeId" name="funeralHomeId">
<option value="">(All Funeral Homes)</option>
<% for (const funeralHome of funeralHomes) { %>
<option value="<%= funeralHome.funeralHomeId %>"><%= funeralHome.funeralHomeName %></option>
<% } %>
</select>
</div>
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
<div class="column">
<div class="field">
<label class="label" for="searchFilter--burialSiteTypeId">Burial Site Type</label>
<div class="control has-icons-left">
<div class="select is-fullwidth">
<select id="searchFilter--burialSiteTypeId" name="burialSiteTypeId">
<option value="">(All Burial Site Types)</option>
<% for (const burialSiteType of burialSiteTypes) { %>
<option value="<%= burialSiteType.burialSiteTypeId %>"><%= burialSiteType.burialSiteType %></option>
<% } %>
</select>
</div>
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="columns">
<div class="column">
<div class="field">
<label class="label" for="searchFilter--funeralHomeId">Funeral Home</label>
<div class="control has-icons-left">
<div class="select is-fullwidth">
<select id="searchFilter--funeralHomeId" name="funeralHomeId">
<option value="">(All Funeral Homes)</option>
<% for (const funeralHome of funeralHomes) { %>
<option value="<%= funeralHome.funeralHomeId %>"><%= funeralHome.funeralHomeName %></option>
<% } %>
</select>
</div>
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
<div class="column">
<div class="field">
<label class="label" for="searchFilter--burialSiteTypeId">Burial Site Type</label>
<div class="control has-icons-left">
<div class="select is-fullwidth">
<select id="searchFilter--burialSiteTypeId" name="burialSiteTypeId">
<option value="">(All Burial Site Types)</option>
<% for (const burialSiteType of burialSiteTypes) { %>
<option value="<%= burialSiteType.burialSiteTypeId %>"><%= burialSiteType.burialSiteType %></option>
<% } %>
</select>
</div>
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
</div>
</form>
<div id="container--searchResults"></div>
</div>
</div>
<div id="container--searchResults"></div>
<%- include('_footerA'); -%>
<script src="<%= urlPrefix %>/javascripts/contract.search.js"></script>

105
views/funeralHome-search.ejs
View File

@ -1,59 +1,66 @@
<%- include('_header'); -%>
<nav class="breadcrumb">
<ul>
<li><a href="<%= urlPrefix %>/dashboard">Home</a></li>
<li class="is-active">
<a href="#" aria-current="page">
<span class="icon is-small"><i class="fas fa-place-of-worship" aria-hidden="true"></i></span>
<span>Funeral Homes</span>
</a>
</li>
</ul>
</nav>
<div class="columns is-vcentered">
<div class="columns is-mobile">
<div class="column is-2-desktop is-narrow-touch is-hidden-print">
<%- include('_menu-contracts'); -%>
</div>
<div class="column">
<h1 class="title is-1">
Find a Funeral Home
</h1>
</div>
<div class="column has-text-right is-narrow">
<a class="button" href="<%= urlPrefix %>/reports/funeralHomes-formatted" target="_blank" download>
<span class="icon is-small"><i class="fas fa-download" aria-hidden="true"></i></span>
<span>Export</span>
</a>
</div>
</div>
<nav class="breadcrumb">
<ul>
<li><a href="<%= urlPrefix %>/dashboard">Home</a></li>
<li class="is-active">
<a href="#" aria-current="page">
<span class="icon is-small"><i class="fas fa-place-of-worship" aria-hidden="true"></i></span>
<span>Funeral Homes</span>
</a>
</li>
</ul>
</nav>
<% if (user.userProperties.canUpdate) { %>
<div class="fixed-container is-fixed-bottom-right mx-4 my-4 has-text-right is-hidden-print">
<a class="button is-circle is-primary has-tooltip-left"
data-tooltip="Create a New Funeral Home"
href="<%= urlPrefix %>/funeralHomes/new"
accesskey="n">
<i class="fas fa-plus" aria-hidden="true"></i>
<span class="sr-only">Create a New Funeral Home</span>
</a>
</div>
<% } %>
<div class="box">
<form id="form--searchFilters">
<div class="field">
<div class="control has-icons-left">
<input class="input" id="searchFilter--funeralHome" type="text"
placeholder="Search funeral home name and address"
accesskey="f" />
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
<div class="columns is-vcentered">
<div class="column">
<h1 class="title is-1">
Find a Funeral Home
</h1>
</div>
<div class="column has-text-right is-narrow">
<a class="button" href="<%= urlPrefix %>/reports/funeralHomes-formatted" target="_blank" download>
<span class="icon is-small"><i class="fas fa-download" aria-hidden="true"></i></span>
<span>Export</span>
</a>
</div>
</div>
</form>
</div>
<div id="container--searchResults"></div>
<% if (user.userProperties.canUpdate) { %>
<div class="fixed-container is-fixed-bottom-right mx-4 my-4 has-text-right is-hidden-print">
<a class="button is-circle is-primary has-tooltip-left"
data-tooltip="Create a New Funeral Home"
href="<%= urlPrefix %>/funeralHomes/new"
accesskey="n">
<i class="fas fa-plus" aria-hidden="true"></i>
<span class="sr-only">Create a New Funeral Home</span>
</a>
</div>
<% } %>
<div class="box">
<form id="form--searchFilters">
<div class="field">
<div class="control has-icons-left">
<input class="input" id="searchFilter--funeralHome" type="text"
placeholder="Search funeral home name and address"
accesskey="f" />
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
</form>
</div>
<div id="container--searchResults"></div>
</div>
</div>
<%- include('_footerA'); -%>

378
views/report-search.ejs
View File

@ -8,29 +8,33 @@
</h2>
<ul class="menu-list">
<li>
<a class="is-active" href="#tab--workOrders" aria-label="Work Orders">
<span class="icon"><i class="fas fa-fw fa-hard-hat" aria-hidden="true"></i></span>
<span class="is-hidden-touch">Work Orders</span>
<a class="<%= reportTab === 'workOrders' ? 'is-active' : '' %>" href="#tab--workOrders" aria-label="Work Orders">
<div class="columns is-mobile is-1">
<div class="column is-narrow">
<span class="icon"><i class="fas fa-fw fa-hard-hat" aria-hidden="true"></i></span>
</div>
<div class="column is-hidden-touch">Work Orders</div>
</div>
</a>
</li>
<li>
<a href="#tab--contracts" aria-label="Contracts">
<span class="icon">
<i class="fas fa-file-contract" aria-hidden="true"></i>
</span>
<span class="is-hidden-touch">Contracts</span>
<a class="<%= reportTab === 'contracts' ? 'is-active' : '' %>" href="#tab--contracts" aria-label="Contracts">
<div class="columns is-mobile is-1">
<div class="column is-narrow">
<span class="icon"><i class="fas fa-fw fa-file-contract" aria-hidden="true"></i></span>
</div>
<div class="column is-hidden-touch">Contracts</div>
</div>
</a>
</li>
<li>
<a href="#tab--burialSites" aria-label="Burial Sites">
<span class="icon"><i class="fas fa-fw fa-vector-square" aria-hidden="true"></i></span>
<span class="is-hidden-touch">Burial Sites</span>
</a>
</li>
<li>
<a href="#tab--cemeteries" aria-label="Cemeteries">
<span class="icon"><i class="far fa-fw fa-map" aria-hidden="true"></i></span>
<span class="is-hidden-touch">Cemeteries</span>
<a class="<%= reportTab === 'cemeteries' ? 'is-active' : '' %>" href="#tab--cemeteries" aria-label="Cemeteries and Burial Sites">
<div class="columns is-mobile is-1">
<div class="column is-narrow">
<span class="icon"><i class="far fa-fw fa-map" aria-hidden="true"></i></span>
</div>
<div class="column is-hidden-touch">Cemeteries and Burial Sites</div>
</div>
</a>
</li>
</ul>
@ -39,15 +43,23 @@
</h2>
<ul class="menu-list">
<li>
<a href="#tab--dataTableExports" aria-label="Data Tables">
<span class="icon"><i class="fas fa-fw fa-table" aria-hidden="true"></i></span>
<span class="is-hidden-touch">Data Tables</span>
<a class="<%= reportTab === 'dataTableExports' ? 'is-active' : '' %>" href="#tab--dataTableExports" aria-label="Data Tables">
<div class="columns is-mobile is-1">
<div class="column is-narrow">
<span class="icon"><i class="fas fa-fw fa-table" aria-hidden="true"></i></span>
</div>
<div class="column is-hidden-touch">Data Tables</div>
</div>
</a>
</li>
<li>
<a href="#tab--configTableExports" aria-label="Config Tables">
<span class="icon"><i class="fas fa-fw fa-table" aria-hidden="true"></i></span>
<span class="is-hidden-touch">Config Tables</span>
<a class="<%= reportTab === 'configTableExports' ? 'is-active' : '' %>" href="#tab--configTableExports" aria-label="Config Tables">
<div class="columns is-mobile is-1">
<div class="column is-narrow">
<span class="icon"><i class="fas fa-fw fa-table" aria-hidden="true"></i></span>
</div>
<div class="column is-hidden-touch">Config Tables</div>
</div>
</a>
</li>
</ul>
@ -67,7 +79,7 @@
</nav>
<div class="tabs-container">
<div id="tab--workOrders">
<div class="<%= reportTab === 'workOrders' ? '' : 'is-hidden' %>" id="tab--workOrders">
<h1 class="title is-1">Work Order Reports</h1>
<div class="columns">
<div class="column">
@ -110,37 +122,63 @@
</div>
</div>
<div class="is-hidden" id="tab--contracts">
<div class="<%= reportTab === 'contracts' ? '' : 'is-hidden' %>" id="tab--contracts">
<h1 class="title is-1">Contract Reports</h1>
<div class="panel">
<form class="panel-block align-items-flex-start" method="get" action="<%= urlPrefix %>/reports/contracts-current-byCemeteryId">
<form class="panel-block align-items-flex-start" method="get" action="<%= urlPrefix %>/reports/contracts-current-byCemeteryId">
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-file" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h2 class="title is-5 mb-0">
Current Contract By Cemetery
</h2>
<div class="field has-addons mt-2">
<div class="control">
<label class="button is-small is-static" for="contracts-current-byCemeteryId--cemeteryId">
Cemetery
</label>
</div>
<div class="control is-expanded">
<div class="select is-small is-fullwidth">
<select id="contracts-current-byCemeteryId--cemeteryId" name="cemeteryId">
<% for (const cemetery of cemeteries) { %>
<option value="<%= cemetery.cemeteryId %>">
<%= cemetery.cemeteryName || "(No Name)" %>
</option>
<% } %>
</select>
</div>
</div>
<div class="control">
<button class="button is-small is-primary" type="submit">
Export
</button>
</div>
</div>
</div>
</form>
<form class="panel-block align-items-flex-start" method="get" action="<%= urlPrefix %>/reports/contractTransactions-byTransactionDateString">
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-file" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
<span class="icon has-text-info">
<i class="fas fa-2x fa-file" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h2 class="title is-5 mb-0">
Current Contract By Cemetery
</h2>
<h2 class="title is-5 mb-0">Transactions by Date</h2>
<div class="field has-addons mt-2">
<div class="control">
<label class="button is-small is-static" for="contracts-current-byCemeteryId--cemeteryId">
Cemetery
<label class="button is-small is-static" for="contractTransactions-byTransactionDateString--transactionDateString">
Transaction Date
</label>
</div>
<div class="control is-expanded">
<div class="select is-small is-fullwidth">
<select id="contracts-current-byCemeteryId--cemeteryId" name="cemeteryId">
<% for (const cemetery of cemeteries) { %>
<option value="<%= cemetery.cemeteryId %>">
<%= cemetery.cemeteryName || "(No Name)" %>
</option>
<% } %>
</select>
</div>
<input class="input is-small" id="contractTransactions-byTransactionDateString--transactionDateString" name="transactionDateString" type="date" value="<%= dateTimeFunctions.dateToString(new Date()) %>" required />
</div>
<div class="control">
<button class="button is-small is-primary" type="submit">
@ -149,146 +187,11 @@
</div>
</div>
</div>
</form>
<form class="panel-block align-items-flex-start" method="get" action="<%= urlPrefix %>/reports/contractTransactions-byTransactionDateString">
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-file" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h2 class="title is-5 mb-0">Transactions by Date</h2>
<div class="field has-addons mt-2">
<div class="control">
<label class="button is-small is-static" for="contractTransactions-byTransactionDateString--transactionDateString">
Transaction Date
</label>
</div>
<div class="control is-expanded">
<input class="input is-small" id="contractTransactions-byTransactionDateString--transactionDateString" name="transactionDateString" type="date" value="<%= dateTimeFunctions.dateToString(new Date()) %>" required />
</div>
<div class="control">
<button class="button is-small is-primary" type="submit">
Export
</button>
</div>
</div>
</div>
</form>
</form>
</div>
</div>
<div class="is-hidden" id="tab--burialSites">
<h1 class="title is-1">Burial Site Reports</h1>
<div class="panel">
<form class="panel-block align-items-flex-start" method="get" action="<%= urlPrefix %>/reports/burialSites-byCemeteryId">
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-file" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h2 class="title is-5 mb-0">
Burial Sites By Cemetery
</h2>
<div class="field has-addons mt-2">
<div class="control">
<label class="button is-small is-static" for="burialSites-byCemeteryId--cemeteryId">
Cemetery
</label>
</div>
<div class="control is-expanded">
<div class="select is-small is-fullwidth">
<select id="burialSites-byCemeteryId--cemeteryId" name="cemeteryId">
<% for (const cemetery of cemeteries) { %>
<option value="<%= cemetery.cemeteryId %>">
<%= cemetery.cemeteryName || "(No Name)" %>
</option>
<% } %>
</select>
</div>
</div>
<div class="control">
<button class="button is-small is-primary" type="submit">
Export
</button>
</div>
</div>
</div>
</form>
<form class="panel-block align-items-flex-start" method="get" action="<%= urlPrefix %>/reports/burialSites-byBurialSiteTypeId">
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-file" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h2 class="title is-5 mb-0">Burial Sites By Type</h2>
<div class="field has-addons mt-2">
<div class="control">
<label class="button is-small is-static" for="burialSites-byBurialSiteTypeId--burialSiteTypeId">
Burial Site Type
</label>
</div>
<div class="control is-expanded">
<div class="select is-small is-fullwidth">
<select id="burialSites-byBurialSiteTypeId--burialSiteTypeId" name="burialSiteTypeId">
<% for (const burialSiteType of burialSiteTypes) { %>
<option value="<%= burialSiteType.burialSiteTypeId %>">
<%= burialSiteType.burialSiteType %>
</option>
<% } %>
</select>
</div>
</div>
<div class="control">
<button class="button is-small is-primary" type="submit">
Export
</button>
</div>
</div>
</div>
</form>
<form class="panel-block align-items-flex-start" method="get" action="<%= urlPrefix %>/reports/burialSites-byBurialSiteStatusId">
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-file" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h2 class="title is-5 mb-0">Burial Sites By Status</h2>
<div class="field has-addons mt-2">
<div class="control">
<label class="button is-small is-static" for="burialSites-byBurialSiteStatusId--burialSiteStatusId">
Burial Site Status
</label>
</div>
<div class="control is-expanded">
<div class="select is-small is-fullwidth">
<select id="burialSites-byBurialSiteStatusId--burialSiteStatusId" name="burialSiteStatusId">
<% for (const burialSiteStatus of burialSiteStatuses) { %>
<option value="<%= burialSiteStatus.burialSiteStatusId %>">
<%= burialSiteStatus.burialSiteStatus %>
</option>
<% } %>
</select>
</div>
</div>
<div class="control">
<button class="button is-small is-primary" type="submit">
Export
</button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="is-hidden" id="tab--cemeteries">
<div class="<%= reportTab === 'cemeteries' ? '' : 'is-hidden' %>" id="tab--cemeteries">
<h1 class="title is-1">Cemetery Reports</h1>
<div class="panel">
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/cemeteries-formatted" download>
@ -306,9 +209,118 @@
</div>
</a>
</div>
<h2 class="title is-3">Burial Site Reports</h2>
<div class="panel">
<form class="panel-block align-items-flex-start" method="get" action="<%= urlPrefix %>/reports/burialSites-byCemeteryId">
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-file" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h2 class="title is-5 mb-0">
Burial Sites By Cemetery
</h2>
<div class="field has-addons mt-2">
<div class="control">
<label class="button is-small is-static" for="burialSites-byCemeteryId--cemeteryId">
Cemetery
</label>
</div>
<div class="control is-expanded">
<div class="select is-small is-fullwidth">
<select id="burialSites-byCemeteryId--cemeteryId" name="cemeteryId">
<% for (const cemetery of cemeteries) { %>
<option value="<%= cemetery.cemeteryId %>">
<%= cemetery.cemeteryName || "(No Name)" %>
</option>
<% } %>
</select>
</div>
</div>
<div class="control">
<button class="button is-small is-primary" type="submit">
Export
</button>
</div>
</div>
</div>
</form>
<form class="panel-block align-items-flex-start" method="get" action="<%= urlPrefix %>/reports/burialSites-byBurialSiteTypeId">
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-file" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h2 class="title is-5 mb-0">Burial Sites By Type</h2>
<div class="field has-addons mt-2">
<div class="control">
<label class="button is-small is-static" for="burialSites-byBurialSiteTypeId--burialSiteTypeId">
Burial Site Type
</label>
</div>
<div class="control is-expanded">
<div class="select is-small is-fullwidth">
<select id="burialSites-byBurialSiteTypeId--burialSiteTypeId" name="burialSiteTypeId">
<% for (const burialSiteType of burialSiteTypes) { %>
<option value="<%= burialSiteType.burialSiteTypeId %>">
<%= burialSiteType.burialSiteType %>
</option>
<% } %>
</select>
</div>
</div>
<div class="control">
<button class="button is-small is-primary" type="submit">
Export
</button>
</div>
</div>
</div>
</form>
<form class="panel-block align-items-flex-start" method="get" action="<%= urlPrefix %>/reports/burialSites-byBurialSiteStatusId">
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-file" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h2 class="title is-5 mb-0">Burial Sites By Status</h2>
<div class="field has-addons mt-2">
<div class="control">
<label class="button is-small is-static" for="burialSites-byBurialSiteStatusId--burialSiteStatusId">
Burial Site Status
</label>
</div>
<div class="control is-expanded">
<div class="select is-small is-fullwidth">
<select id="burialSites-byBurialSiteStatusId--burialSiteStatusId" name="burialSiteStatusId">
<% for (const burialSiteStatus of burialSiteStatuses) { %>
<option value="<%= burialSiteStatus.burialSiteStatusId %>">
<%= burialSiteStatus.burialSiteStatus %>
</option>
<% } %>
</select>
</div>
</div>
<div class="control">
<button class="button is-small is-primary" type="submit">
Export
</button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="is-hidden" id="tab--dataTableExports">
<div class="<%= reportTab === 'dataTableExports' ? '' : 'is-hidden' %>" id="tab--dataTableExports">
<h1 class="title is-1">Data Table Exports</h1>
<div class="message is-info">
<p class="message-body">
@ -497,7 +509,7 @@
</div>
</div>
</div>
<div class="is-hidden" id="tab--configTableExports">
<div class="<%= reportTab === 'configTableExports' ? '' : 'is-hidden' %>" id="tab--configTableExports">
<h1 class="title is-1">Config Table Exports</h1>
<div class="message is-info">
<p class="message-body">