refund

public/js/views/accounting-view.js

@@ -8,6 +8,7 @@
 import '../utils/api.js';
 import { formatDate } from '../utils/helpers.js';
 import { openExpenseModal } from '../modals/expense-modal.js';
+import { openRefundModal } from '../modals/refund-modal.js';
 
 // ────────────────────────────────────────────────────────────────────
 // State (modul-lokal)
@@ -568,7 +569,11 @@ export function injectExpensesSection() {
                             class="px-3 py-1.5 bg-blue-600 text-white rounded-md text-sm font-medium hover:bg-blue-700">
                         Load
                     </button>
-                    <div class="ml-auto">
+                    <div class="ml-auto flex gap-2">
+                        <button onclick="window.accountingView.openNewRefund()"
+                                class="px-4 py-1.5 bg-amber-600 text-white rounded-md text-sm font-semibold hover:bg-amber-700">
+                            ↩️ Record Refund
+                        </button>
                         <button onclick="window.accountingView.openNewExpense()"
                                 class="px-4 py-1.5 bg-green-600 text-white rounded-md text-sm font-semibold hover:bg-green-700">
                             + New Expense
@@ -703,17 +708,26 @@ export async function editExpense(expenseJson) {
         onSaved: () => loadExpenses()
     });
 }
+export async function openNewRefund() {
+    await openRefundModal({
+        onSaved: (result) => {
+            alert(`✅ Refund recorded: ${fmtMoney(result.totalAmt)} from ${result.vendorName}\nDeposit #${result.id} — booked to ${result.categoryName}`);
+            loadExpenses();
+        }
+    });
+}
 window.accountingView = {
     renderAccountingView,
     refreshAll,
     manualSync,
     loadAccountsOverview,
     loadRegister,
-    selectRegisterAccount,
     loadProfitLoss,
     loadBalanceSheet,
     loadExpenses,
     openNewExpense,
+    openNewRefund,
     editExpense,
+    selectRegisterAccount,
     toggleSection
 };