use a side menu for reports

deepsource-autofix-76c6eb20
Dan Gowans 2022-09-26 15:15:27 -04:00
parent dfe8c546d0
commit d5106b9784
5 changed files with 441 additions and 362 deletions

View File

View File

@ -0,0 +1,24 @@
(() => {
const menuTabElements = document.querySelectorAll(".menu a");
const tabContainerElements = document.querySelectorAll(".tabs-container > div");
const selectTab = (clickEvent) => {
clickEvent.preventDefault();
for (const menuTabElement of menuTabElements) {
menuTabElement.classList.remove("is-active");
}
const selectedTabElement = clickEvent.currentTarget;
selectedTabElement.classList.add("is-active");
const selectedTabContainerId = selectedTabElement.href.slice(Math.max(0, selectedTabElement.href.indexOf("#") + 1));
for (const tabContainerElement of tabContainerElements) {
if (tabContainerElement.id === selectedTabContainerId) {
tabContainerElement.classList.remove("is-hidden");
}
else {
tabContainerElement.classList.add("is-hidden");
}
}
};
for (const menuTabElement of menuTabElements) {
menuTabElement.addEventListener("click", selectTab);
}
})();

View File

@ -0,0 +1,38 @@
(() => {
const menuTabElements = document.querySelectorAll(".menu a") as NodeListOf<HTMLAnchorElement>;
const tabContainerElements = document.querySelectorAll(".tabs-container > div") as NodeListOf<HTMLElement>;
const selectTab = (clickEvent: Event) => {
clickEvent.preventDefault();
// Remove .is-active from all tabs
for (const menuTabElement of menuTabElements) {
menuTabElement.classList.remove("is-active");
}
// Set .is-active on clicked tab
const selectedTabElement = clickEvent.currentTarget as HTMLAnchorElement;
selectedTabElement.classList.add("is-active");
// Hide all but selected tab
const selectedTabContainerId = selectedTabElement.href.slice(Math.max(0, selectedTabElement.href.indexOf("#") + 1));
for (const tabContainerElement of tabContainerElements) {
if (tabContainerElement.id === selectedTabContainerId) {
tabContainerElement.classList.remove("is-hidden");
} else {
tabContainerElement.classList.add("is-hidden");
}
}
};
for (const menuTabElement of menuTabElements) {
menuTabElement.addEventListener("click", selectTab);
}
})();

View File

@ -0,0 +1 @@
(()=>{const e=document.querySelectorAll(".menu a"),s=document.querySelectorAll(".tabs-container > div"),t=t=>{t.preventDefault();for(const s of e)s.classList.remove("is-active");const c=t.currentTarget;c.classList.add("is-active");const i=c.href.slice(Math.max(0,c.href.indexOf("#")+1));for(const e of s)e.id===i?e.classList.remove("is-hidden"):e.classList.add("is-hidden")};for(const s of e)s.addEventListener("click",t)})();

View File

@ -1,386 +1,402 @@
<%- include('_header'); -%> <%- 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" aria-hidden="true"></i></span>
<span>Reports</span>
</a>
</li>
</ul>
</nav>
<h1 class="title is-1"> <div class="columns">
Reports <div class="column is-3">
</h1> <aside class="menu">
<h2 class="menu-label">
Reports
</h2>
<ul class="menu-list">
<li>
<a class="is-active" href="#tab--maps">
<span class="icon is-small"><i class="far fa-fw fa-map" aria-hidden="true"></i></span>
<span><%= configFunctions.getProperty("aliases.maps") %></span>
</a>
</li>
<li>
<a href="#tab--lots">
<span class="icon is-small"><i class="fas fa-fw fa-vector-square" aria-hidden="true"></i></span>
<span><%= configFunctions.getProperty("aliases.lots") %></span>
</a>
</li>
</ul>
<h2 class="menu-label">
Table Exports
</h2>
<ul class="menu-list">
<li>
<a href="#tab--dataTableExports">
<span class="icon is-small"><i class="fas fa-fw fa-table" aria-hidden="true"></i></span>
<span>Data Tables</span>
</a>
</li>
<li>
<a href="#tab--configTableExports">
<span class="icon is-small"><i class="fas fa-fw fa-tablet" aria-hidden="true"></i></span>
<span>Config Tables</span>
</a>
</li>
</ul>
</aside>
</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" aria-hidden="true"></i></span>
<span>Reports</span>
</a>
</li>
</ul>
</nav>
<div class="tabs is-boxed"> <div class="tabs-container">
<ul> <div id="tab--maps">
<li class="is-active"> <h1 class="title is-1"><%= configFunctions.getProperty("aliases.map") %> Reports</h1>
<a href="#tab--maps"> <div class="panel">
<span class="icon is-small"><i class="fas fa-file" aria-hidden="true"></i></span> <a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/maps-formatted" download>
<span><%= configFunctions.getProperty("aliases.maps") %></span> <div class="has-text-centered my-2 ml-2 mr-3">
</a> <span class="icon has-text-info">
</li> <i class="fas fa-2x fa-file" aria-hidden="true"></i>
<li> </span><br />
<a href="#tab--lots"> <span class="tag is-info">CSV</span>
<span class="icon is-small"><i class="fas fa-file" aria-hidden="true"></i></span> </div>
<span><%= configFunctions.getProperty("aliases.lots") %></span> <div>
</a> <h3 class="title is-5 is-marginless">Full <%= configFunctions.getProperty("aliases.map") %> List</h3>
</li> <p>
<li> All active <%= configFunctions.getProperty("aliases.maps").toLowerCase() %>.
<a href="#tab--dataTableExports"> </p>
<span class="icon is-small"><i class="fas fa-table" aria-hidden="true"></i></span> </div>
<span>Data Table Exports</span> </a>
</a>
</li>
<li>
<a href="#tab--configTableExports">
<span class="icon is-small"><i class="fas fa-table" aria-hidden="true"></i></span>
<span>Config Table Exports</span>
</a>
</li>
</ul>
</div>
<div class="tabs-container">
<div id="tab--maps">
<h2 class="title is-4"><%= configFunctions.getProperty("aliases.maps") %></h2>
<div class="panel">
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/maps-formatted" download>
<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>
<div> </div>
<h3 class="title is-5 is-marginless">Full <%= configFunctions.getProperty("aliases.map") %> List</h3> <div class="is-hidden" id="tab--lots">
<p> <h1 class="title is-1"><%= configFunctions.getProperty("aliases.lot") %> Reports</h1>
All active <%= configFunctions.getProperty("aliases.maps").toLowerCase() %>. </div>
<div class="is-hidden" id="tab--dataTableExports">
<h1 class="title is-1">Data Table Exports</h1>
<div class="message is-info">
<p class="message-body">
Note that table exports are full, unfiltered, and unformatted exports.
They may contain deleted records that have not been fully purged.
</p> </p>
</div> </div>
</a> <div class="columns">
</div> <div class="column">
</div> <div class="panel">
<div class="is-hidden" id="tab--lots"></div> <h3 class="panel-heading">Lot Occupancy (<%= configFunctions.getProperty("aliases.lot") %> <%= configFunctions.getProperty("aliases.occupancy") %>) Tables</h3>
<div class="is-hidden" id="tab--dataTableExports"> <a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotOccupancies-all" download>
<h2 class="title is-4">Data Table Exports</h2> <div class="has-text-centered my-2 ml-2 mr-3">
<div class="message is-info"> <span class="icon has-text-info">
<p class="message-body"> <i class="fas fa-2x fa-table" aria-hidden="true"></i>
Note that table exports are full, unfiltered, and unformatted exports. </span><br />
They may contain deleted records that have not been fully purged. <span class="tag is-info">CSV</span>
</p> </div>
</div> <div>
<div class="columns"> <h3 class="title is-5 is-marginless">Full LotOccupancies Table</h3>
<div class="column"> </div>
<div class="panel"> </a>
<h3 class="panel-heading">Lot Occupancy (<%= configFunctions.getProperty("aliases.lot") %> <%= configFunctions.getProperty("aliases.occupancy") %>) Tables</h3> <a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotOccupancyComments-all" download>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotOccupancies-all" download> <div class="has-text-centered my-2 ml-2 mr-3">
<div class="has-text-centered my-2 ml-2 mr-3"> <span class="icon has-text-info">
<span class="icon has-text-info"> <i class="fas fa-2x fa-table" aria-hidden="true"></i>
<i class="fas fa-2x fa-table" aria-hidden="true"></i> </span><br />
</span><br /> <span class="tag is-info">CSV</span>
<span class="tag is-info">CSV</span> </div>
<div>
<h3 class="title is-5 is-marginless">Full LotOccupancyComments Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotOccupancyFees-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full LotOccupancyFees Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotOccupancyFields-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full LotOccupancyFields Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotOccupancyOccupants-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full LotOccupancyOccupants Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotOccupancyTransactions-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full LotOccupancyTransactions Table</h3>
</div>
</a>
</div> </div>
<div> </div>
<h3 class="title is-5 is-marginless">Full LotOccupancies Table</h3> <div class="column">
<div class="panel">
<h3 class="panel-heading">Work Order Tables</h3>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/workOrders-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full WorkOrders Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/workOrderComments-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full WorkOrderComments Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/workOrderLots-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full WorkOrderLots Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/workOrderMilestones-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full WorkOrderMilestones Table</h3>
</div>
</a>
</div> </div>
</a> <div class="panel">
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotOccupancyComments-all" download> <h3 class="panel-heading">Lot (<%= configFunctions.getProperty("aliases.lot") %>) Tables</h3>
<div class="has-text-centered my-2 ml-2 mr-3"> <a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/maps-all" download>
<span class="icon has-text-info"> <div class="has-text-centered my-2 ml-2 mr-3">
<i class="fas fa-2x fa-table" aria-hidden="true"></i> <span class="icon has-text-info">
</span><br /> <i class="fas fa-2x fa-table" aria-hidden="true"></i>
<span class="tag is-info">CSV</span> </span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full Maps Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lots-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full Lots Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotComments-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full LotComments Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotFields-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full LotFields Table</h3>
</div>
</a>
</div> </div>
<div> </div>
<h3 class="title is-5 is-marginless">Full LotOccupancyComments Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotOccupancyFees-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full LotOccupancyFees Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotOccupancyFields-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full LotOccupancyFields Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotOccupancyOccupants-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full LotOccupancyOccupants Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotOccupancyTransactions-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full LotOccupancyTransactions Table</h3>
</div>
</a>
</div> </div>
</div> </div>
<div class="column"> <div class="is-hidden" id="tab--configTableExports">
<div class="panel"> <h1 class="title is-1">Config Table Exports</h1>
<h3 class="panel-heading">Work Order Tables</h3> <div class="message is-info">
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/workOrders-all" download> <p class="message-body">
<div class="has-text-centered my-2 ml-2 mr-3"> Note that table exports are full, unfiltered, and unformatted exports.
<span class="icon has-text-info"> They may contain deleted records that have not been fully purged.
<i class="fas fa-2x fa-table" aria-hidden="true"></i> </p>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full WorkOrders Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/workOrderComments-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full WorkOrderComments Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/workOrderLots-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full WorkOrderLots Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/workOrderMilestones-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full WorkOrderMilestones Table</h3>
</div>
</a>
</div> </div>
<div class="panel"> <div class="columns">
<h3 class="panel-heading">Lot (<%= configFunctions.getProperty("aliases.lot") %>) Tables</h3> <div class="column">
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/maps-all" download> <div class="panel">
<div class="has-text-centered my-2 ml-2 mr-3"> <h3 class="panel-heading">Fee Tables</h3>
<span class="icon has-text-info"> <a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/fees-all" download>
<i class="fas fa-2x fa-table" aria-hidden="true"></i> <div class="has-text-centered my-2 ml-2 mr-3">
</span><br /> <span class="icon has-text-info">
<span class="tag is-info">CSV</span> <i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full Fees Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/feeCategories-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full FeeCategories Table</h3>
</div>
</a>
</div> </div>
<div> <div class="panel">
<h3 class="title is-5 is-marginless">Full Maps Table</h3> <h3 class="panel-heading">Lot (<%= configFunctions.getProperty("aliases.lot") %>) Tables</h3>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotTypes-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full LotTypes Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotTypeFields-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full LotTypeFields Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotStatuses-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full LotStatuses Table</h3>
</div>
</a>
</div> </div>
</a> </div>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lots-all" download> <div class="column">
<div class="has-text-centered my-2 ml-2 mr-3"> <div class="panel">
<span class="icon has-text-info"> <h3 class="panel-heading">Lot Occupancy (<%= configFunctions.getProperty("aliases.lot") %> <%= configFunctions.getProperty("aliases.occupancy") %>) Tables</h3>
<i class="fas fa-2x fa-table" aria-hidden="true"></i> <a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/occupancyTypes-all" download>
</span><br /> <div class="has-text-centered my-2 ml-2 mr-3">
<span class="tag is-info">CSV</span> <span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full OccupancyTypes Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/occupancyTypeFields-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full OccupancyTypeFields Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotOccupantTypes-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full LotOccupantTypes Table</h3>
</div>
</a>
</div> </div>
<div> <div class="panel">
<h3 class="title is-5 is-marginless">Full Lots Table</h3> <h3 class="panel-heading">Work Order Tables</h3>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/workOrderTypes-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full WorkOrderTypes Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/workOrderMilestoneTypes-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full WorkOrderMilestoneTypes Table</h3>
</div>
</a>
</div> </div>
</a> </div>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotComments-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full LotComments Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotFields-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full LotFields Table</h3>
</div>
</a>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="is-hidden" id="tab--configTableExports">
<h2 class="title is-4">Config Table Exports</h2>
<div class="message is-info">
<p class="message-body">
Note that table exports are full, unfiltered, and unformatted exports.
They may contain deleted records that have not been fully purged.
</p>
</div>
<div class="columns">
<div class="column">
<div class="panel">
<h3 class="panel-heading">Fee Tables</h3>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/fees-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full Fees Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/feeCategories-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full FeeCategories Table</h3>
</div>
</a>
</div>
<div class="panel">
<h3 class="panel-heading">Lot (<%= configFunctions.getProperty("aliases.lot") %>) Tables</h3>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotTypes-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full LotTypes Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotTypeFields-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full LotTypeFields Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotStatuses-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full LotStatuses Table</h3>
</div>
</a>
</div>
</div>
<div class="column">
<div class="panel">
<h3 class="panel-heading">Lot Occupancy (<%= configFunctions.getProperty("aliases.lot") %> <%= configFunctions.getProperty("aliases.occupancy") %>) Tables</h3>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/occupancyTypes-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full OccupancyTypes Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/occupancyTypeFields-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full OccupancyTypeFields Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/lotOccupantTypes-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full LotOccupantTypes Table</h3>
</div>
</a>
</div>
<div class="panel">
<h3 class="panel-heading">Work Order Tables</h3>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/workOrderTypes-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full WorkOrderTypes Table</h3>
</div>
</a>
<a class="panel-block align-items-flex-start" href="<%= urlPrefix %>/reports/workOrderMilestoneTypes-all" download>
<div class="has-text-centered my-2 ml-2 mr-3">
<span class="icon has-text-info">
<i class="fas fa-2x fa-table" aria-hidden="true"></i>
</span><br />
<span class="tag is-info">CSV</span>
</div>
<div>
<h3 class="title is-5 is-marginless">Full WorkOrderMilestoneTypes Table</h3>
</div>
</a>
</div>
</div>
</div>
</div> </div>
</div> </div>
<%- include('_footerA'); -%> <%- include('_footerA'); -%>
<script src="<%= urlPrefix %>/javascripts/reportSearch.min.js"></script>
<%- include('_footerB'); -%> <%- include('_footerB'); -%>