\n Pipeline\n Table\n

\n + Add Deal\n \n

\n {view === \"pipeline\" ? (\n <>\n

\n {STAGES.map((stage) => {\n const sc = stageColors[stage.id] || { bg: \"bg-gray-50\", border: \"border-gray-200\", text: \"text-gray-700\", header: \"bg-gray-100\" };\n const stageDeals = byStage[stage.id];\n const total = stageDeals.reduce((sum, d) => sum + d.amount, 0);\n return (\n

\n {stage.label}\n {stageDeals.length} · {fmtMoney(total)}\n

\n {stageDeals.length === 0 && (\n

No deals

\n )}\n {stageDeals.map((d) => (\n \n \n

{d.name}

{fmtMoney(d.amount)}

{d.company_name || d.contact_name || \"\"}

\n {d.close_date &&

Close: {fmtDate(d.close_date)}

}\n \n

\n ))}\n

\n );\n })}\n

\n {pipelineDragScript}\n \n ) : (\n

\n \n \n \n \n \n \n \n \n \n \n \n {deals.map((d) => (\n \n \n \n \n \n \n \n ))}\n \n

Deal	Stage	Amount	Company	Close Date
\n {d.name}\n		{fmtMoney(d.amount)}	{d.company_name \|\| \"—\"}	{fmtDate(d.close_date)}

\n )}\n \n ,\n );\n});\n\napp.get(\"/deals/new\", async (c) => {\n const contacts = await getContacts();\n const companies = await getCompanies();\n return c.html(\n \n \n

\n \n

\n ,\n );\n});\n\napp.post(\"/deals\", async (c) => {\n await createDeal(parseForm(await c.req.formData()));\n return c.redirect(\"/deals\");\n});\n\n// Detail\napp.get(\"/deals/:id\", async (c) => {\n const deal = await getDeal(Number(c.req.param(\"id\")));\n if (!deal) return c.redirect(\"/deals\");\n\n return c.html(\n \n \n Edit\n \n \n

\n {/* Stage quick-change */}\n

\n {STAGES.map((s) => (\n

\n\n

Amount

{fmtMoney(deal.amount)}

Probability

{deal.probability}%

Contact

\n {deal.contact_id\n ? {deal.contact_name}\n : —}\n

Company

\n {deal.company_id\n ? {deal.company_name}\n : —}\n

Close Date

{fmtDate(deal.close_date)}

Created

{fmtDate(deal.created_at)}

\n {deal.notes && (\n

Notes

{deal.notes}

\n )}\n

\n ,\n );\n});\n\n// Stage change — supports both form redirect and JSON for drag-and-drop\napp.post(\"/deals/:id/stage\", async (c) => {\n const body = await c.req.formData();\n await updateDealStage(Number(c.req.param(\"id\")), String(body.get(\"stage\")));\n\n const accept = c.req.header(\"Accept\") || \"\";\n if (accept.includes(\"application/json\")) {\n return c.json({ ok: true });\n }\n return c.redirect(`/deals/${c.req.param(\"id\")}`);\n});\n\napp.get(\"/deals/:id/edit\", async (c) => {\n const deal = await getDeal(Number(c.req.param(\"id\")));\n if (!deal) return c.redirect(\"/deals\");\n const contacts = await getContacts();\n const companies = await getCompanies();\n return c.html(\n \n \n

\n \n

\n ,\n );\n});\n\napp.post(\"/deals/:id\", async (c) => {\n await updateDeal(Number(c.req.param(\"id\")), parseForm(await c.req.formData()));\n return c.redirect(`/deals/${c.req.param(\"id\")}`);\n});\n\napp.post(\"/deals/:id/delete\", async (c) => {\n await deleteDeal(Number(c.req.param(\"id\")));\n return c.redirect(\"/deals\");\n});\n","deleted","label",[182,164],"pages","permalink","https://www.val.town/x/dcm31/valtown-crm/code/pages/deals.tsx","extension","actionData","errors"]