aknuth/invoice-system
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

guthaben

Browse Source
This commit is contained in:
Andreas Knuth
2026-08-19 19:18:45 +02:00
parent f8b0d52ff7
commit b644253e0b
9 changed files with 379 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
public/index.html
View File

@@ -129,6 +129,11 @@
<div id="accounting-accounts"></div>
</section>
<section class="mb-6">
<h3 class="text-md font-semibold text-gray-700 mb-3">Customer Credits</h3>
<div id="accounting-credits"></div>
</section>
<section class="mb-6">
<h3 class="text-md font-semibold text-gray-700 mb-3">Register</h3>
<div id="accounting-register-controls"></div>
@@ -516,6 +521,19 @@
</div>
</div>
<!-- Guthaben aus QBO: erscheint nur, wenn der gewaehlte Kunde einen
negativen A/R-Saldo hat. Fuehrend bleibt QBO. -->
<div id="invoice-credit-banner"
class="hidden px-4 py-3 bg-green-50 border border-green-200 rounded-lg flex flex-wrap items-center gap-3">
<span class="text-sm text-green-800">💰 <span id="invoice-credit-available-text"></span></span>
<button type="button" id="invoice-credit-apply-btn"
onclick="window.invoiceModal.applyCustomerCredit()"
class="px-3 py-1.5 bg-green-600 hover:bg-green-700 text-white rounded-md text-sm font-medium">
Apply to this invoice
</button>
<span class="text-xs text-green-700">Apply it in QBO as well when receiving payment, then run Sync payments.</span>
</div>
<div class="bg-gray-50 p-4 rounded-lg">
<div class="space-y-2 text-right">
<div class="flex justify-end items-center">
@@ -530,6 +548,25 @@
<span class="text-lg font-bold text-gray-900 mr-4">TOTAL:</span>
<span id="invoice-total" class="text-2xl font-bold text-blue-600">$0.00</span>
</div>
<!-- Guthabenabzug: mindert bewusst weder Subtotal noch Tax -->
<div id="invoice-credit-fields" class="pt-2 border-t border-gray-200" style="display:none">
<div class="flex flex-wrap justify-end items-center gap-2">
<span class="text-sm font-medium text-green-700">Less: credit on account</span>
<input type="text" id="invoice-credit-memo" maxlength="255"
placeholder="e.g. Double payment Check #3612"
class="px-3 py-1.5 border border-gray-300 rounded-md text-sm w-72">
<span class="text-sm text-green-700">−$</span>
<input type="number" id="invoice-credit-applied" step="0.01" min="0" value="0"
class="w-28 px-2 py-1.5 border border-gray-300 rounded-md text-sm text-right font-semibold">
<button type="button" onclick="window.invoiceModal.clearCustomerCredit()"
class="text-red-400 hover:text-red-600 text-sm px-1" title="Remove credit">✕</button>
</div>
<div class="flex justify-end items-center pt-2">
<span class="text-lg font-bold text-gray-900 mr-4">BALANCE DUE:</span>
<span id="invoice-balance-due" class="text-2xl font-bold text-green-700">$0.00</span>
</div>
</div>
</div>
</div>