import { poll_results } from "https://esm.town/v/tmcw/poll_results"; import { poll_options } from "https://esm.town/v/tmcw/poll_options"; export let poll = async (req: express.Request, res: express.Response) => { const { default: htm } = await import("npm:htm"); const { default: vhtml } = await import("npm:vhtml"); const cookies = await import("https://deno.land/std@0.193.0/http/cookie.ts"); const html = htm.bind(vhtml); const head = html` Poll `; const ChartPie = html` `; const formClass = "p-2 group min-h-screen animate-all bg-pink-50"; function parseCookies(cookie: string) { const out: Record = {}; const c = cookie.split(";"); for (const kv of c) { const [cookieKey, ...cookieVal] = kv.split("="); const key = cookieKey.trim(); out[key] = cookieVal.join("="); } return out; } function getResults(hasVoted: boolean) { return html` ${head}

${ChartPie} poll results

${ poll_options.map((option, i) => { const count = poll_results.filter((result) => { return result.value === option; }).length; const percentage = (count / poll_results.length) * 100; return html`

${option}

${count.toLocaleString("en-US")} / ${ (percentage).toFixed(0) }%

`; }) }

${ hasVoted ? html`

You've voted

` : html`Vote` }

`; } switch (req.method) { case "POST": { const value = req.body; if (!("choice" in value)) { return res.end("Bad input"); } poll_results.push({ value: poll_options[value.choice], time: (new Date()).toISOString(), }); res.set("Set-Cookie", "voted=true; Path=/; HttpOnly"); res.end(getResults(true)); return; } default: { const cookies = parseCookies(req.get("cookie")); const hasVoted = "voted" in cookies; if ("results" in req.query || hasVoted) { return res.end(getResults(hasVoted)); } else { return res.end(html` ${head} `); } } } };

${ChartPie} poll results

quick poll

poll

Version 10