highlight overpayment

pull/11/head
Dan Gowans 2025-04-24 13:00:43 -04:00
parent 96eb7f36dc
commit 9c9b94199b
2 changed files with 18 additions and 7 deletions

View File

@ -553,15 +553,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
contractTransactionsContainerElement.querySelector('#contractTransactions--grandTotal').textContent = `$${transactionGrandTotal.toFixed(2)}`; contractTransactionsContainerElement.querySelector('#contractTransactions--grandTotal').textContent = `$${transactionGrandTotal.toFixed(2)}`;
const feeGrandTotal = getFeeGrandTotal(); const feeGrandTotal = getFeeGrandTotal();
if (feeGrandTotal.toFixed(2) !== transactionGrandTotal.toFixed(2)) { if (feeGrandTotal.toFixed(2) !== transactionGrandTotal.toFixed(2)) {
contractTransactionsContainerElement.insertAdjacentHTML('afterbegin', `<div class="message is-warning"> const difference = feeGrandTotal - transactionGrandTotal;
const differenceClassName = difference < 0 ? 'is-danger' : 'is-warning';
// eslint-disable-next-line no-unsanitized/method
contractTransactionsContainerElement.insertAdjacentHTML('afterbegin', `<div class="message ${differenceClassName}">
<div class="message-body"> <div class="message-body">
<div class="level"> <div class="level">
<div class="level-left"> <div class="level-left">
<div class="level-item">Outstanding Balance</div> <div class="level-item">
${difference < 0 ? 'Overpayment' : 'Outstanding Balance'}
</div>
</div> </div>
<div class="level-right"> <div class="level-right">
<div class="level-item"> <div class="level-item">
$${cityssm.escapeHTML((feeGrandTotal - transactionGrandTotal).toFixed(2))} $${cityssm.escapeHTML(Math.abs(difference).toFixed(2))}
</div> </div>
</div> </div>
</div> </div>

View File

@ -864,17 +864,23 @@ declare const exports: Record<string, unknown>
const feeGrandTotal = getFeeGrandTotal() const feeGrandTotal = getFeeGrandTotal()
if (feeGrandTotal.toFixed(2) !== transactionGrandTotal.toFixed(2)) { if (feeGrandTotal.toFixed(2) !== transactionGrandTotal.toFixed(2)) {
const difference = feeGrandTotal - transactionGrandTotal
const differenceClassName = difference < 0 ? 'is-danger' : 'is-warning'
// eslint-disable-next-line no-unsanitized/method
contractTransactionsContainerElement.insertAdjacentHTML( contractTransactionsContainerElement.insertAdjacentHTML(
'afterbegin', 'afterbegin',
`<div class="message is-warning"> `<div class="message ${differenceClassName}">
<div class="message-body"> <div class="message-body">
<div class="level"> <div class="level">
<div class="level-left"> <div class="level-left">
<div class="level-item">Outstanding Balance</div> <div class="level-item">
${difference < 0 ? 'Overpayment' : 'Outstanding Balance'}
</div>
</div> </div>
<div class="level-right"> <div class="level-right">
<div class="level-item"> <div class="level-item">
$${cityssm.escapeHTML((feeGrandTotal - transactionGrandTotal).toFixed(2))} $${cityssm.escapeHTML(Math.abs(difference).toFixed(2))}
</div> </div>
</div> </div>
</div> </div>