440 lines
19 KiB
Plaintext
440 lines
19 KiB
Plaintext
<%- include('_header'); -%>
|
|
|
|
<nav class="breadcrumb">
|
|
<ul>
|
|
<li><a href="<%= urlPrefix %>/dashboard">Home</a></li>
|
|
<li>
|
|
<a href="<%= urlPrefix %>/lotOccupancies">
|
|
<span class="icon is-small">
|
|
<span class="fa-layers fa-fw" aria-hidden="true">
|
|
<i class="fas fa-vector-square"></i>
|
|
<i class="fas fa-user" data-fa-transform="shrink-10"></i>
|
|
</span>
|
|
</span>
|
|
<span><%= configFunctions.getConfigProperty("aliases.occupancies") %></span>
|
|
</a>
|
|
</li>
|
|
<li class="is-active">
|
|
<a href="#" aria-current="page">
|
|
<%= configFunctions.getConfigProperty("aliases.occupancy") %> #<%= contract.contractId %>: <%= contract.lotName || ("(No " + configFunctions.getConfigProperty("aliases.lot") + ")") %>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<h1 class="title is-1">
|
|
<%= configFunctions.getConfigProperty("aliases.occupancy") %>
|
|
#<%= contract.contractId %>:
|
|
<%= contract.lotName || ("(No " + configFunctions.getConfigProperty("aliases.lot") + ")") %>
|
|
</h1>
|
|
|
|
<div class="level is-fixed-bottom is-mobile has-background-white has-shadow is-hidden-print">
|
|
<div class="level-left">
|
|
<span class="level-item has-text-weight-bold">
|
|
<%= configFunctions.getConfigProperty("aliases.occupancy") %> #<%= contract.contractId %>:
|
|
<%= contract.lotName || ("(No " + configFunctions.getConfigProperty("aliases.lot") + ")") %>
|
|
</span>
|
|
</div>
|
|
<div class="level-right">
|
|
<% if (ContractTypePrints.length > 0) { %>
|
|
<% if (ContractTypePrints.length === 1) { %>
|
|
<div class="level-item">
|
|
<a href="<%= urlPrefix %>/print/<%= ContractTypePrints[0] %>/?contractId=<%= contract.contractId %>" target="_blank" aria-label="Print">
|
|
<span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span>
|
|
<span class="is-hidden-touch">Print</span>
|
|
</a>
|
|
</div>
|
|
<% } else { %>
|
|
<div class="level-item">
|
|
<div class="dropdown is-right is-up">
|
|
<div class="dropdown-trigger">
|
|
<button class="button" type="button" aria-label="Print">
|
|
<span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span>
|
|
<span class="is-hidden-touch">Print</span>
|
|
<span class="icon"><i class="fas fa-angle-up" aria-hidden="true"></i></span>
|
|
</a>
|
|
</div>
|
|
<div class="dropdown-menu">
|
|
<div class="dropdown-content">
|
|
<% for (const printName of ContractTypePrints) { %>
|
|
<% const printConfig = printFunctions.getPrintConfig(printName); %>
|
|
<% if (printConfig) { %>
|
|
<a class="dropdown-item" href="<%= urlPrefix %>/print/<%= printName %>/?contractId=<%= contract.contractId %>" target="_blank">
|
|
<span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span>
|
|
<span><%= printConfig.title %></span>
|
|
</a>
|
|
<% } %>
|
|
<% } %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% } %>
|
|
<% } %>
|
|
<% if (user.userProperties.canUpdate) { %>
|
|
<div class="level-item">
|
|
<a class="button <%= (contract.occupancyEndDate ? "is-warning" : "is-primary") %>"
|
|
href="<%= urlPrefix %>/lotOccupancies/<%= contract.contractId %>/edit"
|
|
accesskey="e">
|
|
<span class="icon"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span>
|
|
<span>Switch to Edit Mode</span>
|
|
</a>
|
|
</div>
|
|
<% } %>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel">
|
|
<div class="panel-block is-block">
|
|
<div class="columns">
|
|
<div class="column">
|
|
<p>
|
|
<strong><%= configFunctions.getConfigProperty("aliases.occupancy") %> Type</strong><br />
|
|
<%= contract.contractType %>
|
|
</p>
|
|
</div>
|
|
<div class="column">
|
|
<p class="mb-2">
|
|
<strong>Burial Site</strong><br />
|
|
<% if (contract.lotId) { %>
|
|
<a href="<%= urlPrefix %>/burialSites/<%= contract.lotId %>"><%= contract.lotName %></a>
|
|
<% } else { %>
|
|
<span class="has-text-grey">(No Burial Site)</span>
|
|
<% } %>
|
|
</p>
|
|
<p>
|
|
<strong><%= configFunctions.getConfigProperty("aliases.map") %></strong><br />
|
|
<% if (contract.mapId) { %>
|
|
<a href="<%= urlPrefix %>/maps/<%= contract.mapId %>"><%= contract.mapName %></a>
|
|
<% } else { %>
|
|
<span class="has-text-grey">(No <%= configFunctions.getConfigProperty("aliases.map") %>)</span>
|
|
<% } %>
|
|
</p>
|
|
</div>
|
|
<div class="column">
|
|
<p class="mb-2">
|
|
<strong><%= configFunctions.getConfigProperty("aliases.occupancyStartDate") %></strong><br />
|
|
<%= contract.occupancyStartDateString %>
|
|
</p>
|
|
<p>
|
|
<strong>End Date</strong><br />
|
|
<% if (contract.occupancyEndDateString === "") { %>
|
|
<span class="has-text-grey">(No End Date)</span>
|
|
<% } else { %>
|
|
<%= contract.occupancyEndDateString %>
|
|
<% } %>
|
|
</p>
|
|
</div>
|
|
<% if (contract.contractFields.length > 0) { %>
|
|
<div class="column">
|
|
<% for (const contractField of contract.contractFields) { %>
|
|
<p class="mb-2">
|
|
<strong><%= contractField.contractTypeField %></strong><br />
|
|
<% if (contractField.contractFieldValue) { %>
|
|
<%= contractField.contractFieldValue %>
|
|
<% } else { %>
|
|
<span class="has-text-grey">(No Value)</span>
|
|
<% } %>
|
|
</p>
|
|
<% } %>
|
|
</div>
|
|
<% } %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel">
|
|
<div class="panel-heading">
|
|
<div class="level is-mobile">
|
|
<div class="level-left">
|
|
<div class="level-item">
|
|
<h2 class="has-text-weight-bold is-size-5"><%= configFunctions.getConfigProperty("aliases.occupants") %></h2>
|
|
</div>
|
|
</div>
|
|
<div class="level-right">
|
|
<div class="level-item">
|
|
<a class="button is-link is-small is-hidden-print has-text-weight-normal" href="<%= urlPrefix %>/reports/contractOccupants-byLotOccupancyId/?contractId=<%= contract.contractId %>" target="_blank" download>
|
|
<span class="icon is-small"><i class="fas fa-download" aria-hidden="true"></i></span>
|
|
<span>Export</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-block is-block">
|
|
<% if (contract.contractOccupants.length === 0) { %>
|
|
<div class="message is-warning">
|
|
<p class="message-body">
|
|
There are no <%= configFunctions.getConfigProperty("aliases.occupants").toLowerCase() %>
|
|
associated with this record.
|
|
</p>
|
|
</div>
|
|
<% } else { %>
|
|
<table class="table is-fullwidth is-striped is-hoverable">
|
|
<thead>
|
|
<tr>
|
|
<th><%= configFunctions.getConfigProperty("aliases.occupant") %></th>
|
|
<th>Address</th>
|
|
<th>Other Contact</th>
|
|
<th>Comment</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<% for (const contractOccupant of contract.contractOccupants) { %>
|
|
<tr>
|
|
<td>
|
|
<%= contractOccupant.occupantName %> <%= contractOccupant.occupantFamilyName %><br />
|
|
<span class="tag">
|
|
<i class="fas fa-fw fa-<%= contractOccupant.fontAwesomeIconClass %>" aria-hidden="true"></i>
|
|
<span class="ml-1"><%= contractOccupant.lotOccupantType %></span>
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<% if (contractOccupant.occupantAddress1) { %>
|
|
<%= contractOccupant.occupantAddress1 %><br />
|
|
<% } %>
|
|
<% if (contractOccupant.occupantAddress2) { %>
|
|
<%= contractOccupant.occupantAddress2 %><br />
|
|
<% } %>
|
|
<% if (contractOccupant.occupantCity) { %>
|
|
<%= contractOccupant.occupantCity %>,
|
|
<% } %>
|
|
<%= contractOccupant.occupantProvince %><br />
|
|
<%= contractOccupant.occupantPostalCode %>
|
|
</td>
|
|
<td>
|
|
<% if (contractOccupant.occupantPhoneNumber) { %>
|
|
<%= contractOccupant.occupantPhoneNumber %><br />
|
|
<% } %>
|
|
<%= contractOccupant.occupantEmailAddress %>
|
|
</td>
|
|
<td>
|
|
<span data-tooltip="<%= (contractOccupant.occupantCommentTitle ?? '') === '' ? 'Comment' : contractOccupant.occupantCommentTitle %>">
|
|
<%= contractOccupant.occupantComment %>
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<% } %>
|
|
</tbody>
|
|
</table>
|
|
<% } %>
|
|
</div>
|
|
</div>
|
|
|
|
<% if (contract.contractComments.length > 0) { %>
|
|
<div class="panel">
|
|
<h2 class="panel-heading">Comments</h2>
|
|
<div class="panel-block is-block">
|
|
<table class="table is-fullwidth is-striped is-hoverable">
|
|
<thead>
|
|
<tr>
|
|
<th>Commentor</th>
|
|
<th>Comment Date</th>
|
|
<th>Comment</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<% for (const contractComment of contract.contractComments) { %>
|
|
<tr>
|
|
<td><%= contractComment.recordCreate_userName %></td>
|
|
<td>
|
|
<%= contractComment.contractCommentDateString %>
|
|
<%= (contractComment.contractCommentTime === 0 ? "" : contractComment.contractCommentTimePeriodString) %>
|
|
</td>
|
|
<td><%= contractComment.contractComment %></td>
|
|
</tr>
|
|
<% } %>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<% } %>
|
|
|
|
<% if (contract.workOrders.length > 0) { %>
|
|
<%
|
|
const workOrderOpenDateAlias = configFunctions.getConfigProperty("aliases.workOrderOpenDate");
|
|
const workOrderCloseDateAlias = configFunctions.getConfigProperty("aliases.workOrderCloseDate");
|
|
%>
|
|
<div class="panel">
|
|
<h2 class="panel-heading">Work Orders</h2>
|
|
<div class="panel-block is-block">
|
|
<table class="table is-fullwidth is-striped is-hoverable">
|
|
<thead>
|
|
<tr>
|
|
<th>Work Order Number</th>
|
|
<th>Description</th>
|
|
<th>Date</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<% for (const workOrder of contract.workOrders) { %>
|
|
<tr>
|
|
<td>
|
|
<a class="has-text-weight-bold" href="<%= urlPrefix %>/workOrders/<%= workOrder.workOrderId %>">
|
|
<%= workOrder.workOrderNumber %>
|
|
</a>
|
|
</td>
|
|
<td>
|
|
<%= workOrder.workOrderType %><br />
|
|
<span class="is-size-7"><%= workOrder.workOrderDescription %></span>
|
|
</td>
|
|
<td class="is-nowrap">
|
|
<span class="has-tooltip-left" data-tooltip="<%= workOrderOpenDateAlias %>">
|
|
<i class="fas fa-fw fa-play" aria-label="<%= workOrderOpenDateAlias %>"></i>
|
|
<%= workOrder.workOrderOpenDateString %>
|
|
</span><br />
|
|
<span class="has-tooltip-left" data-tooltip="<%= workOrderCloseDateAlias %>">
|
|
<i class="fas fa-fw fa-stop" aria-label="<%= workOrderCloseDateAlias %>"></i>
|
|
<% if (workOrder.workOrderCloseDate) { %>
|
|
<%= workOrder.workOrderCloseDateString %>
|
|
<% } else { %>
|
|
<span class="has-text-grey">(No <%= workOrderCloseDateAlias %>)</span>
|
|
<% } %>
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<% } %>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<% } %>
|
|
|
|
<div class="columns">
|
|
<div class="column">
|
|
<div class="panel">
|
|
<h2 class="panel-heading">Fees</h2>
|
|
<div class="panel-block is-block">
|
|
<% if (contract.contractFees.length === 0) { %>
|
|
<div class="message is-info">
|
|
<p class="message-body">
|
|
There are no fees applied to this <%= configFunctions.getConfigProperty("aliases.occupancy").toLowerCase() %> record.
|
|
</p>
|
|
</div>
|
|
<% } else { %>
|
|
<%
|
|
let feeAmountTotal = 0;
|
|
let taxAmountTotal = 0;
|
|
%>
|
|
<table class="table is-fullwidth is-striped is-hoverable">
|
|
<thead>
|
|
<tr>
|
|
<th>Fee</th>
|
|
<th class="has-text-right"><span class="is-sr-only">Unit Cost</span></th>
|
|
<th class="has-width-1"><span class="is-sr-only">×</span></th>
|
|
<th class="has-width-1 has-text-right"><span class="is-sr-only">Quantity</span></th>
|
|
<th class="has-width-1"><span class="is-sr-only">=</span></th>
|
|
<th class="has-width-1 has-text-right">Total</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<% for (const contractFee of contract.contractFees) { %>
|
|
<%
|
|
feeAmountTotal += (contractFee.feeAmount * contractFee.quantity);
|
|
taxAmountTotal += (contractFee.taxAmount * contractFee.quantity);
|
|
%>
|
|
<tr>
|
|
<td colspan="<%= (contractFee.quantity === 1 ? "5" : "1") %>">
|
|
<%= contractFee.feeName %><br />
|
|
<span class="tag"><%= contractFee.feeCategory %></span>
|
|
</td>
|
|
<% if (contractFee.quantity !== 1) { %>
|
|
<td class="has-text-right">$<%= contractFee.feeAmount.toFixed(2) %></td>
|
|
<td>×</td>
|
|
<td class="has-text-right"><%= contractFee.quantity %></td>
|
|
<td>=</td>
|
|
<% } %>
|
|
<td class="has-text-right">$<%= (contractFee.feeAmount * contractFee.quantity).toFixed(2) %></td>
|
|
</tr>
|
|
<% } %>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<th colspan="5">Subtotal</th>
|
|
<td class="has-text-right has-text-weight-bold">$<%= feeAmountTotal.toFixed(2) %></td>
|
|
</tr>
|
|
<tr>
|
|
<th colspan="5">Tax</th>
|
|
<td class="has-text-right">$<%= taxAmountTotal.toFixed(2) %></td>
|
|
</tr>
|
|
<tr>
|
|
<th colspan="5">Grand Total</th>
|
|
<td class="has-text-right has-text-weight-bold">$<%= (feeAmountTotal + taxAmountTotal).toFixed(2) %></td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
<% } %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="panel">
|
|
<h2 class="panel-heading">Transactions</h2>
|
|
<div class="panel-block is-block">
|
|
<% if (contract.contractTransactions.length === 0) { %>
|
|
<div class="message is-info">
|
|
<p class="message-body">
|
|
There are no transactions associated with this <%= configFunctions.getConfigProperty("aliases.occupancy").toLowerCase() %> record.
|
|
</p>
|
|
</div>
|
|
<% } else { %>
|
|
<table class="table is-fullwidth is-striped is-hoverable">
|
|
<thead>
|
|
<tr>
|
|
<th>Date</th>
|
|
<th><%= configFunctions.getConfigProperty("aliases.externalReceiptNumber") %></th>
|
|
<th class="has-text-right">Amount</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<% let transactionTotal = 0; %>
|
|
<% for (const contractTransaction of contract.contractTransactions) { %>
|
|
<% transactionTotal += contractTransaction.transactionAmount; %>
|
|
<tr>
|
|
<td><%= contractTransaction.transactionDateString %></td>
|
|
<td>
|
|
<% if (contractTransaction.externalReceiptNumber !== '') { %>
|
|
<%= contractTransaction.externalReceiptNumber %>
|
|
<% if (configFunctions.getConfigProperty('settings.dynamicsGP.integrationIsEnabled')) { %>
|
|
<% if (contractTransaction.dynamicsGPDocument === undefined) { %>
|
|
<span data-tooltip="No Matching Document Found">
|
|
<i class="fas fa-times-circle has-text-danger" aria-label="No Matching Document Found"></i>
|
|
</span>
|
|
<% } else if (contractTransaction.dynamicsGPDocument.documentTotal.toFixed(2) === contractTransaction.transactionAmount.toFixed(2)) { %>
|
|
<span data-tooltip="Matching Document Found">
|
|
<i class="fas fa-check-circle has-text-success" aria-label="Matching Document Found"></i>
|
|
</span>
|
|
<% } else { %>
|
|
<span data-tooltip="Matching Document: $<%= contractTransaction.dynamicsGPDocument.documentTotal.toFixed(2) %>">
|
|
<i class="fas fa-exclamation-triangle has-text-warning" aria-label="Matching Document: $<%= contractTransaction.dynamicsGPDocument.documentTotal.toFixed(2) %>"></i>
|
|
</span>
|
|
<% } %>
|
|
<% } %>
|
|
<br />
|
|
<% } %>
|
|
<small><%= contractTransaction.transactionNote %></small>
|
|
</td>
|
|
<td class="has-text-right">
|
|
$<%= contractTransaction.transactionAmount.toFixed(2) %>
|
|
</td>
|
|
</tr>
|
|
<% } %>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<th colspan="2">Transaction Total</th>
|
|
<td class="has-text-weight-bold has-text-right">
|
|
$<%= transactionTotal.toFixed(2) %>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
<% } %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<%- include('_footerA'); -%>
|
|
|
|
<%- include('_footerB'); -%> |