Partial Payments — track paid $80 of $150 #4

New Issue

Closed

opened 2026-05-16 10:13:20 -05:00 by null · 0 comments

null commented

2026-05-16 10:13:20 -05:00

Owner

Already implemented in v0.28.0.

Frontend — TrackerPage.jsx:

PaymentProgress component: shows "$80 of $150" progress bar with percentage and remaining
PaymentLedgerDialog: full payment history list with edit capability, add partial payment form (amount, date, method, notes)
paymentSummary() tracks paid, remaining, percent, count, and partial flag
Amber progress bar for partial payments, green for paid in full

Backend — routes/payments.js:

POST /api/payments — create partial payment
GET /api/payments — list payments for a bill/month
PUT /api/payments/:id — edit payment
POST /api/payments/bulk — record multiple payments

Files: client/pages/TrackerPage.jsx, routes/payments.js

**Already implemented in v0.28.0.** **Frontend — TrackerPage.jsx:** - `PaymentProgress` component: shows "$80 of $150" progress bar with percentage and remaining - `PaymentLedgerDialog`: full payment history list with edit capability, add partial payment form (amount, date, method, notes) - `paymentSummary()` tracks paid, remaining, percent, count, and partial flag - Amber progress bar for partial payments, green for paid in full **Backend — routes/payments.js:** - POST /api/payments — create partial payment - GET /api/payments — list payments for a bill/month - PUT /api/payments/:id — edit payment - POST /api/payments/bulk — record multiple payments Files: client/pages/TrackerPage.jsx, routes/payments.js