From e9879a7528639165d6743ced0129549296020360 Mon Sep 17 00:00:00 2001
From: mfwadejr <125498560+mfwadejr@users.noreply.github.com>
Date: Sun, 30 Aug 2026 15:47:52 -0400
Subject: [PATCH] Add adaptive fulfillment and warranty interface
---
public/app.js | 32 ++++++++++++++++++++++++--------
public/extras.css | 1 +
public/theme.css | 6 ++++--
3 files changed, 29 insertions(+), 10 deletions(-)
diff --git a/public/app.js b/public/app.js
index 63b2d3c..cbecfcd 100644
--- a/public/app.js
+++ b/public/app.js
@@ -1,5 +1,5 @@
const $ = (s) => document.querySelector(s);
-const state = { products: [], models: [], tab: "available", query: "", page: 1, user: null };
+const state = { products: [], models: [], warranties: [], tab: "available", query: "", page: 1, user: null };
const PAGE_SIZE = 10;
const money = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" });
const today = () => new Date().toISOString().slice(0, 10);
@@ -27,6 +27,13 @@ function toast(message) { const el=$("#toast"); el.textContent=message; el.hidde
function openModal(html) { $("#modalBody").innerHTML=html; $("#modal").showModal(); }
function closeModal() { $("#modal").close(); }
function address(p) { return [p.shipAddress1,p.shipAddress2,[p.shipCity,p.shipState].filter(Boolean).join(", "),p.shipZip].filter(Boolean).join(" · "); }
+function warrantyState(p){if(!p.warrantyName)return{label:"Not recorded",className:"neutral"};if(!p.warrantyEndDate)return{label:p.warrantyName==="No Warranty"?"No Warranty":p.warrantyName,className:"neutral"};const days=Math.round((new Date(`${p.warrantyEndDate}T12:00:00Z`)-new Date(`${today()}T12:00:00Z`))/86400000);return days>=0?{label:`In Warranty · ${days} day${days===1?"":"s"} remaining`,className:"in-warranty"}:{label:`Expired · ${Math.abs(days)} day${days===-1?"":"s"} ago`,className:"expired"};}
+function warrantyBadge(p){const w=warrantyState(p);return `${esc(w.label)} `;}
+function trackingUrl(p){if(!p.trackingNumber)return"";const n=encodeURIComponent(p.trackingNumber);return p.carrier==="UPS"?`https://www.ups.com/track?tracknum=${n}`:p.carrier==="FedEx"?`https://www.fedex.com/fedextrack/?trknbr=${n}`:p.carrier==="USPS"?`https://tools.usps.com/go/TrackConfirmAction?tLabels=${n}`:"";}
+const fulfillmentTitle=method=>({Shipped:"Shipped to","Dropped Off":"Dropped off","Installed At":"Installed at",Meet:"Meet"}[method]||"Fulfillment");
+function warrantyOptions(selected=""){return state.warranties.map(w=>`${esc(w.name)} `).join("");}
+function fulfillmentFields(method="",p={}){if(!method)return'Select a delivery method to enter its details.
';const addressRequired=new Set(["Shipped","Installed At"]).has(method),casual=new Set(["Dropped Off","Meet"]).has(method),nameLabel=method==="Meet"?"Meeting place / venue":method==="Dropped Off"?"Drop-off location / venue":"Location name (optional)",noteLabel=method==="Meet"?"Meet details":method==="Dropped Off"?"Drop-off details":"Fulfillment notes";return `${fulfillmentTitle(method)} ${method!=="Shipped"?`
${nameLabel} `:""}
Street address${addressRequired?"":" (optional)"} Apartment, suite, or unit City State ZIP code
${method==="Shipped"?`
CarrierChoose carrier ${["UPS","FedEx","USPS","Other"].map(x=>`${x} `).join("")} Tracking number (optional)
Delivery status${["Awaiting Tracking","Label Created","In Transit","Out for Delivery","Delivered","Exception","Returned"].map(x=>`${x} `).join("")} `:""}
${noteLabel} ${casual?'
Enter at least a venue, address, or detail. ':""}
${k}: ${esc(v)}`).join("") : "Not entered "; }
function customers() {
const grouped=new Map();
@@ -54,14 +61,14 @@ function render() {
$(".table-wrap").hidden=false; $("#adminPanel").hidden=true;
const all=filtered(), pages=Math.max(1,Math.ceil(all.length/PAGE_SIZE)); state.page=Math.min(state.page,pages);
const start=(state.page-1)*PAGE_SIZE, rows=all.slice(start,start+PAGE_SIZE);
- $("#thead").innerHTML=state.tab==="available"?"Product UID / SN / MAC Received Cost Status Customer Phone Purchases Last purchase Total spent Product Customer UID / SN / MAC Sold Payment Sale price Product UID / SN / MAC Received Cost Status Customer Phone Purchases Last purchase Total spent Product Customer Sold Payment Sale price Warranty Showing ${start+1}–${Math.min(start+PAGE_SIZE,all.length)} of ${all.length} Previous Page ${state.page} of ${pages} Next
`:"";
}
function inventoryRow(p) { return `${esc(p.model)} ${esc(p.manufacturer)} · ${esc(p.condition)} ${idCell(p)}
${fmtDate(p.receivedAt)} ${p.cost?money.format(p.cost):"—"} Available ${state.user.role==="admin"?`Sell Delete `:""}
${esc(p.model)} ${esc(p.manufacturer)} · ${esc(p.condition)} ${esc(p.customerName||"Unknown")} ${p.phone?`${esc(p.phone)} `:""}${idCell(p)}
${fmtDate(p.soldAt)} ${esc(p.paymentMethod||"—")}${p.paymentReference?`${esc(p.paymentReference)} `:""} ${p.salePrice?money.format(p.salePrice):"—"} View ${state.user.role==="admin"?`Void & restock Delete `:""}
${esc(p.model)} ${esc(p.manufacturer)} · ${esc(primaryId(p))} ${esc(p.customerName||"Unknown")} ${p.phone?`${esc(p.phone)} `:""}${fmtDate(p.soldAt)} ${esc(p.paymentMethod||"—")}${p.paymentReference?`${esc(p.paymentReference)} `:""} ${p.salePrice?money.format(p.salePrice):"—"} ${warrantyBadge(p)} View ${state.user.role==="admin"?`Void & restock Delete `:""}
${esc(c.name)} ${esc(c.phone||"—")} ${c.count} ${fmtDate(c.lastPurchase)} ${c.total?money.format(c.total):"—"} View customer Record a sale Enter the customer, payment, and shipped-to details.
`);
+ openModal(`Record a sale Enter the customer, payment, fulfillment, and warranty details.
`);
+ bindFulfillment($("#sellForm"));
$("#sellForm").onsubmit=async e=>{ e.preventDefault(); const data=Object.fromEntries(new FormData(e.currentTarget)), productId=data.productId; delete data.productId; await change(`/api/products/${encodeURIComponent(productId)}/sell`,"POST",data,"Sale recorded."); }; $("[data-cancel]").onclick=closeModal;
}
async function submitForm(e,path,message,method="POST"){ e.preventDefault(); await change(path,method,Object.fromEntries(new FormData(e.currentTarget)),message); }
async function change(path,method,body,message){ try{ await api(path,{method,body:body?JSON.stringify(body):undefined}); closeModal(); await load(); toast(message); }catch(e){ toast(e.message); } }
function viewSale(p) {
- const notes=state.user.role==="admin"?``:`Transaction notes ${esc(p.saleNotes||"No transaction notes recorded")}
Close
`;
- openModal(`Sale record ${esc(p.model)} · ${fmtDate(p.soldAt)}
Customer ${esc(p.customerName||"Unknown")}
${esc(p.phone||"No phone recorded")}
Payment ${esc(p.paymentMethod||"Not recorded")}
${p.paymentReference?`Reference: ${esc(p.paymentReference)}
`:""}Shipped to ${address(p)?esc(address(p)):"No shipping address recorded"}
${p.shippingNotes?`${esc(p.shippingNotes)}
`:""}Product and sale ${esc(p.manufacturer)} ${esc(p.model)} · ${esc(p.condition)}
${idCell(p)}
Received: ${fmtDate(p.receivedAt)} · Sold: ${fmtDate(p.soldAt)}
Cost: ${p.cost?money.format(p.cost):"—"} · Sale price: ${p.salePrice?money.format(p.salePrice):"—"}
${p.notes?`Inventory notes: ${esc(p.notes)}
`:""}${fulfillmentTitle(p.fulfillmentMethod)} ${p.fulfillmentName?`${esc(p.fulfillmentName)}
`:""}${address(p)?esc(address(p)):"No street address recorded"}
${p.fulfillmentNotes?`${esc(p.fulfillmentNotes)}
`:""}${p.fulfillmentMethod==="Shipped"?`Carrier: ${esc(p.carrier||"Not recorded")}
Tracking: ${p.trackingNumber?(link?`${esc(p.trackingNumber)} `:esc(p.trackingNumber)):"Not entered"}
Delivery status: ${esc(p.deliveryStatus||"Not recorded")}
`:""}Sale record ${esc(p.model)} · ${fmtDate(p.soldAt)}
Customer ${esc(p.customerName||"Unknown")}
${esc(p.phone||"No phone recorded")}
Payment and sale ${esc(p.paymentMethod||"Not recorded")} ${p.paymentReference?` · Reference: ${esc(p.paymentReference)}`:""}
Sale price: ${p.salePrice?money.format(p.salePrice):"—"} · Sold: ${fmtDate(p.soldAt)}
Warranty ${warrantyBadge(p)}
${p.warrantyName?`${esc(p.warrantyName)}${p.warrantyEndDate?` · Through ${fmtDate(p.warrantyEndDate)}`:""}`:"No warranty was recorded for this sale."}
Product ${esc(p.manufacturer)} ${esc(p.model)} · ${esc(p.condition)}
${idCell(p)}
Received: ${fmtDate(p.receivedAt)} · Cost: ${p.cost?money.format(p.cost):"—"}
${p.notes?`Inventory notes: ${esc(p.notes)}
`:""}Transaction notes ${esc(p.saleNotes||"No transaction notes recorded")}
Close ${state.user.role==="admin"?'Edit sale details ':""}
`); $("[data-cancel]").onclick=closeModal;if($("#editSaleDetails"))$("#editSaleDetails").onclick=()=>editSaleForm(p);
}
+function editSaleForm(p){const historicalWarranty=p.warrantyPresetId&&!state.warranties.some(w=>w.id===p.warrantyPresetId)?`${esc(p.warrantyName)} (Archived) `:"";openModal(`Edit sale details Update fulfillment, tracking, warranty, or transaction notes.
`);bindFulfillment($("#editSaleForm"),p);$("[data-cancel]").onclick=()=>viewSale(p);$("#editSaleForm").onsubmit=async e=>{e.preventDefault();try{const updated=await api(`/api/products/${encodeURIComponent(p.id)}`,{method:"PATCH",body:JSON.stringify(Object.fromEntries(new FormData(e.currentTarget)))});await load();toast("Sale details updated.");viewSale(updated);}catch(error){toast(error.message);}};}
async function viewCustomer(p) {
if(!p.customerId) return viewSale(p);
try { const c=await api(`/api/customers/${encodeURIComponent(p.customerId)}`), addr=[c.address1,c.address2,[c.city,c.state].filter(Boolean).join(", "),c.zip].filter(Boolean).join(" · ");
const noteForm=state.user.role==="admin"?``:"";
- openModal(`${esc(c.name)} Customer record, support notes, and purchase history.
${esc(c.phone||"No phone recorded")}
${addr?esc(addr):"No shipping address recorded"}
${c.shippingNotes?`${esc(c.shippingNotes)}
`:""}Customer notes ${noteForm}${c.notes.length?c.notes.map(n=>`${esc(n.category)} ${fmtDateTime(n.createdAt)}
${esc(n.note)}
${state.user.role==="admin"?`Delete `:""}No customer notes yet.
"}Purchases (${c.purchases.length}) ${c.purchases.map(s=>`${esc(s.model)} · ${esc(primaryId(s))}${fmtDate(s.soldAt)} · ${s.salePrice?money.format(s.salePrice):"Price not recorded"}
View sale Close
`);
+ openModal(`${esc(c.name)} Customer record, support notes, and purchase history.
${esc(c.phone||"No phone recorded")}
${addr?esc(addr):"No permanent address recorded"}
${c.shippingNotes?`${esc(c.shippingNotes)}
`:""}Customer notes ${noteForm}${c.notes.length?c.notes.map(n=>`${esc(n.category)} ${fmtDateTime(n.createdAt)}
${esc(n.note)}
${state.user.role==="admin"?`Delete `:""}No customer notes yet.
"}Purchases (${c.purchases.length}) ${c.purchases.map(s=>`${esc(s.model)} · ${esc(primaryId(s))}${fmtDate(s.soldAt)} · ${s.salePrice?money.format(s.salePrice):"Price not recorded"}
${warrantyBadge(s)}
View sale Close
`);
$("[data-cancel]").onclick=closeModal; document.querySelectorAll("[data-customer-sale]").forEach(b=>b.onclick=()=>viewSale(c.purchases.find(s=>s.id===b.dataset.customerSale)));
if($("#customerNoteForm"))$("#customerNoteForm").onsubmit=async e=>{e.preventDefault();try{await api(`/api/customers/${encodeURIComponent(c.id)}/notes`,{method:"POST",body:JSON.stringify(Object.fromEntries(new FormData(e.currentTarget)))});await viewCustomer(p);toast("Customer note added.");}catch(error){toast(error.message);}};
document.querySelectorAll("[data-delete-note]").forEach(b=>b.onclick=async()=>{if(!confirm("Delete this customer note?"))return;try{await api(`/api/customers/${encodeURIComponent(c.id)}/notes/${encodeURIComponent(b.dataset.deleteNote)}`,{method:"DELETE"});await viewCustomer(p);toast("Customer note deleted.");}catch(error){toast(error.message);}});
@@ -93,7 +102,7 @@ async function viewCustomer(p) {
}
function restockForm(p){ openModal(`Void sale & restock Return ${esc(p.model)} to inventory.
`); $("[data-cancel]").onclick=closeModal; $("#restockForm").onsubmit=e=>submitForm(e,`/api/products/${encodeURIComponent(p.id)}/restock`,"Product restocked."); }
-async function load(){ [state.products,state.models]=await Promise.all([api("/api/products"),api("/api/models")]); render(); }
+async function load(){ [state.products,state.models,state.warranties]=await Promise.all([api("/api/products"),api("/api/models"),api("/api/warranties")]); render(); }
async function renderAdmin(){
const panel=$("#adminPanel"); panel.innerHTML='Loading administration…
';
try{const [backups,users,audit]=await Promise.all([api("/api/admin/backups"),api("/api/admin/users"),api("/api/admin/audit")]);panel.innerHTML=`User accounts Create administrators or read-only accounts. New and reset passwords must be changed at next login.
${users.map(u=>`
${esc(u.username)} ${u.role==="admin"?"Admin":"Read-Only"} · ${u.enabled?"Enabled":"Disabled"}${u.mustChangePassword?" · Password change required":""}${u.lastLoginAt?` · Last login ${fmtDateTime(u.lastLoginAt)}`:""}
${u.role==="admin"?"Make Read-Only":"Make Admin"} Reset password ${u.enabled?"Disable":"Enable"} Delete
`).join("")}
Database backups Create snapshots inside /data/backups, download an off-server copy, or restore a previous database.
Create backup now Restore uploaded backup
Restore replaces the active database and all user accounts. Your current password is required. Everyone will be signed out afterward.
${backups.length?backups.map(b=>`
${esc(b.name)} ${fmtDateTime(b.createdAt)} · ${(b.size/1024).toFixed(1)} KB
`).join(""):"
No local backups yet.
"}
Audit log The latest 250 security and data-changing events. Audit entries cannot be edited or deleted.
${audit.map(a=>`
${esc(a.username)} ${esc(a.action.replaceAll("_"," "))} ${fmtDateTime(a.createdAt)}${a.target?` · ${esc(a.target)}`:""}${a.details?` · ${esc(a.details)}`:""}${a.ipAddress?` · ${esc(a.ipAddress)}`:""} `).join("")||"
No audit events yet.
"}
Warranty periods Choose the default offered on new sales. Used periods are preserved as sale snapshots and can be archived, but not changed or deleted.
${warranties.map(w=>`
${esc(w.name)} ${w.isDefault?'Default ':`${w.active?"Active":"Archived"} `}
${w.durationValue} ${esc(w.durationUnit)} · ${w.usageCount} sale${w.usageCount===1?"":"s"} ${!w.isDefault&&w.active?`Make default `:""}${w.usageCount===0?`Edit `:""}${!w.isDefault?`${w.active?"Archive":"Reactivate"} `:""}${w.usageCount===0&&!w.isDefault?`Delete `:""}
`).join("")}