From 1967b84e6ea296a08fa3cb9ede6b8488c0de560a Mon Sep 17 00:00:00 2001 From: Dilan Gilluly Date: Thu, 25 Jun 2026 22:22:13 -0400 Subject: [PATCH] (add): Drawing Form --- .../data/__pycache__/drawing.cpython-314.pyc | Bin 0 -> 7576 bytes api/app/data/drawing.py | 66 ++++++ api/app/db.py | 4 + api/app/routers.py | 2 + client/src/lib/server/db/schema.js | 15 +- client/src/routes/+page.svelte | 3 +- client/src/routes/api/drawing/+server.js | 39 +++ .../routes/api/drawing/[prefix]/+server.js | 24 ++ .../api/drawing/[prefix]/[b_id]/+server.js | 44 ++++ .../[prefix]/[id_from]/[id_to]/+server.js | 41 ++++ .../src/routes/baskets/[prefix]/+page.svelte | 8 +- .../routes/drawing/[prefix]/+page.server.js | 7 + .../src/routes/drawing/[prefix]/+page.svelte | 224 ++++++++++++++++++ 13 files changed, 471 insertions(+), 6 deletions(-) create mode 100644 api/app/data/__pycache__/drawing.cpython-314.pyc create mode 100644 api/app/data/drawing.py create mode 100644 client/src/routes/api/drawing/+server.js create mode 100644 client/src/routes/api/drawing/[prefix]/+server.js create mode 100644 client/src/routes/api/drawing/[prefix]/[b_id]/+server.js create mode 100644 client/src/routes/api/drawing/[prefix]/[id_from]/[id_to]/+server.js create mode 100644 client/src/routes/drawing/[prefix]/+page.server.js create mode 100644 client/src/routes/drawing/[prefix]/+page.svelte diff --git a/api/app/data/__pycache__/drawing.cpython-314.pyc b/api/app/data/__pycache__/drawing.cpython-314.pyc new file mode 100644 index 0000000000000000000000000000000000000000..5d8137fa2a473972b954c81334909af58171a223 GIT binary patch literal 7576 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%0D&9$*{Pe>pPxZ22X6JS7GowAd!Rp}$dLTM z2VG2FAm~=+&pzIlv16GH3PgB!hdo|!9e-!E=OU6VlE8#J`iHpHk;N&PKb} z35ZReaIST{{leQ$y|176g1}{CfOxy#>c7)Gm}~r$dRA#mfwsIpTBIF!eg5~jUv+&6 zbQr|3o$DOb;Hx~>RO&TRq~hJv!yj@VuwFyh>oE2jGWE*0_7>@}yJMk`j{IQ=l?`LJ zKI}GJ)orjyAHFL+k$>{3qBMscLlk?S#GWBq>e^bMt*=W(+IjcUbH7nOaALm!>~`RD J=w{?J{{_X}W=sG8 literal 0 HcmV?d00001 diff --git a/api/app/data/drawing.py b/api/app/data/drawing.py new file mode 100644 index 0000000..e9b1cca --- /dev/null +++ b/api/app/data/drawing.py @@ -0,0 +1,66 @@ +from dataclasses import dataclass +from db import RepoTemplate +from .baskets import Basket +from system.auth import AuthRepo +from fastapi import APIRouter, Header + +@dataclass +class DrawingLine: + prefix: str + b_id: int + description: str = "" + winning_ticket: int = 0 + last_name: str = "" + first_name: str = "" + phone_number: str = "" + +class DrawingRepo(RepoTemplate): + def get_all_drawing_lines(self): + self.cur.execute("SELECT * FROM drawing ORDER BY prefix, b_id") + results = self.cur.fetchall() + return [DrawingLine(*r) for r in results] + def get_prefix_drawing_lines(self, prefix: str): + self.cur.execute("SELECT * FROM drawing WHERE prefix = ? ORDER BY prefix, b_id", (prefix,)) + results = self.cur.fetchall() + return [DrawingLine(*r) for r in results] + def get_single_drawing_line(self, prefix: str, b_id: int): + self.cur.execute("SELECT * FROM drawing WHERE prefix = ? AND b_id = ? ORDER BY prefix, b_id", (prefix, b_id)) + results = self.cur.fetchall() + return [DrawingLine(*r) for r in results] + def get_range_drawing_lines(self, prefix: str, id_from: int, id_to: int): + self.cur.execute("SELECT * FROM drawing WHERE prefix = ? AND b_id BETWEEN ? AND ? ORDER BY prefix, b_id", (prefix, id_from, id_to)) + results = self.cur.fetchall() + return [DrawingLine(*r) for r in results] + def post_drawing_lines(self, ds: list[Basket]): + for d in ds: + self.cur.execute("""INSERT INTO baskets (prefix, b_id, winning_ticket) VALUES (?, ?, ?) ON CONFLICT (prefix, b_id) DO UPDATE SET + winning_ticket = EXCLUDED.winning_ticket""", (d.prefix, d.b_id, d.winning_ticket)) + self.conn.commit() + return ds + +drawing_router = APIRouter(prefix="/api/drawing") + +@drawing_router.get("") +def get_all_drawing_lines(tam_key: str = Header("")): + AuthRepo().verify_key(tam_key) + return DrawingRepo().get_all_drawing_lines() + +@drawing_router.get("/{prefix}") +def get_prefix_drawing_lines(prefix: str, tam_key: str = Header("")): + AuthRepo().verify_key(tam_key) + return DrawingRepo().get_prefix_drawing_lines(prefix) + +@drawing_router.get("/{prefix}/{b_id}") +def get_single_drawing_line(prefix: str, b_id: int, tam_key: str = Header("")): + AuthRepo().verify_key(tam_key) + return DrawingRepo().get_single_drawing_line(prefix, b_id) + +@drawing_router.get("/{prefix}/{id_from}/{id_to}") +def get_range_drawing_lines(prefix: str, id_from: int, id_to: int, tam_key: str = Header("")): + AuthRepo().verify_key(tam_key) + return DrawingRepo().get_range_drawing_lines(prefix, id_from, id_to) + +@drawing_router.post("") +def post_drawing_lines(ds: list[Basket], tam_key: str = Header("")): + AuthRepo().verify_key(tam_key) + return DrawingRepo().post_drawing_lines(ds) diff --git a/api/app/db.py b/api/app/db.py index b1fed1c..cf31e1e 100644 --- a/api/app/db.py +++ b/api/app/db.py @@ -21,6 +21,10 @@ def init_db(): phone_number TEXT, pref TEXT, PRIMARY KEY (prefix, t_id))""") cur.execute("""CREATE TABLE IF NOT EXISTS baskets (prefix TEXT, b_id INTEGER, description TEXT, donors TEXT, winning_ticket INTEGER, PRIMARY KEY (prefix, b_id))""") + cur.execute("""CREATE VIEW IF NOT EXISTS drawing AS + SELECT b.prefix, b.b_id, b.description, b.winning_ticket, t.last_name, t.first_name, t.phone_number + FROM baskets b LEFT JOIN tickets t ON b.prefix = t.prefix AND b.winning_ticket = t.t_id + ORDER BY b.prefix, b.b_id""") conn.commit() conn.close() diff --git a/api/app/routers.py b/api/app/routers.py index e7a2ba5..320a1a6 100644 --- a/api/app/routers.py +++ b/api/app/routers.py @@ -3,9 +3,11 @@ from system.auth import auth_router from system.prefixes import prefix_router from data.tickets import tickets_router from data.baskets import basket_router +from data.drawing import drawing_router def imp_routers(app: FastAPI): app.include_router(auth_router) app.include_router(prefix_router) app.include_router(tickets_router) app.include_router(basket_router) + app.include_router(drawing_router) diff --git a/client/src/lib/server/db/schema.js b/client/src/lib/server/db/schema.js index 33185a7..819b900 100644 --- a/client/src/lib/server/db/schema.js +++ b/client/src/lib/server/db/schema.js @@ -1,4 +1,5 @@ -import { integer, sqliteTable, text, primaryKey } from 'drizzle-orm/sqlite-core'; +import { sql } from 'drizzle-orm'; +import { integer, sqliteTable, text, primaryKey, sqliteView } from 'drizzle-orm/sqlite-core'; export const prefixes = sqliteTable('prefixes', { prefix: text('prefix').primaryKey(), @@ -30,3 +31,15 @@ export const baskets = sqliteTable( }, (b) => [primaryKey({ columns: [b.prefix, b.b_id] })] ); + +export const drawing = sqliteView('drawing', { + prefix: text('prefix'), + b_id: integer('b_id'), + description: text('description'), + winning_ticket: integer('winning_ticket'), + last_name: text('last_name'), + first_name: text('first_name'), + phone_number: text('phone_number') +}).as(sql`SELECT b.prefix, b.b_id, b.description, b.winning_ticket, t.last_name, t.first_name, t.phone_number + FROM baskets b LEFT JOIN tickets t ON b.prefix = t.prefix AND b.winning_ticket = t.t_id + ORDER BY b.prefix, b.b_id`) diff --git a/client/src/routes/+page.svelte b/client/src/routes/+page.svelte index fee5410..d26dccd 100644 --- a/client/src/routes/+page.svelte +++ b/client/src/routes/+page.svelte @@ -64,13 +64,14 @@ {#if curPrefix}

Forms:

- {:else} diff --git a/client/src/routes/api/drawing/+server.js b/client/src/routes/api/drawing/+server.js new file mode 100644 index 0000000..eed5cab --- /dev/null +++ b/client/src/routes/api/drawing/+server.js @@ -0,0 +1,39 @@ +import { db } from "$lib/server/db"; +import { baskets, drawing } from "$lib/server/db/schema"; +import { getPath, getSettings } from "$lib/server/settings" +import { error, json } from "@sveltejs/kit"; +import { sql } from "drizzle-orm"; + +export const GET = async () => { + const s = getSettings(); + if (s.remote_server) { + const connStr = getPath(s); + try { + const res = await fetch(`${connStr}/api/drawing`, {headers: {'TAM-KEY': s.remote_key}}); + if (!res.ok) throw error(res.status); + const data = await res.json(); + return json(data); + } catch { + return json([]); + } + } else { + const data = await db.select().from(drawing).orderBy(drawing.prefix, drawing.b_id); + return json(data); + } +} + +export const POST = async ({ request }) => { + const reqData = await request.json(); + const s = getSettings(); + if (s.remote_server) { + const connStr = getPath(s); + const res = await fetch(`${connStr}/api/drawing`, { + method: 'POST', + headers: {'TAM-KEY': s.remote_key, 'Content-Type': 'application/json'}, + body: JSON.stringify(reqData) + }); + if (!res.ok) throw error(res.status); + } + await db.insert(baskets).values(reqData).onConflictDoUpdate({target: [baskets.prefix, baskets.b_id], set: {winning_ticket: sql`EXCLUDED.winning_ticket`}}); + return json(reqData); +} diff --git a/client/src/routes/api/drawing/[prefix]/+server.js b/client/src/routes/api/drawing/[prefix]/+server.js new file mode 100644 index 0000000..9801a27 --- /dev/null +++ b/client/src/routes/api/drawing/[prefix]/+server.js @@ -0,0 +1,24 @@ +import { db } from '$lib/server/db/index.js'; +import { drawing } from '$lib/server/db/schema.js'; +import { getPath, getSettings } from '$lib/server/settings'; +import { error, json } from '@sveltejs/kit'; +import { eq } from 'drizzle-orm'; + +export const GET = async ({ params }) => { + const { prefix } = params; + const s = getSettings(); + if (s.remote_server) { + const connStr = getPath(s); + try { + const res = await fetch(`${connStr}/api/drawing/${prefix}`, {headers: {'TAM-KEY': s.remote_key}}); + if (!res.ok) throw error(res.status); + const data = await res.json(); + return json(data); + } catch { + return json([]); + } + } else { + const data = await db.select().from(drawing).where(eq(drawing.prefix, prefix)).orderBy(drawing.prefix, drawing.b_id); + return json(data); + } +} diff --git a/client/src/routes/api/drawing/[prefix]/[b_id]/+server.js b/client/src/routes/api/drawing/[prefix]/[b_id]/+server.js new file mode 100644 index 0000000..3497a61 --- /dev/null +++ b/client/src/routes/api/drawing/[prefix]/[b_id]/+server.js @@ -0,0 +1,44 @@ +import { db } from '$lib/server/db/index.js'; +import { drawing } from '$lib/server/db/schema.js'; +import { getPath, getSettings } from '$lib/server/settings'; +import { error, json } from '@sveltejs/kit'; +import { and, eq } from 'drizzle-orm'; + +const placeholder_data = (prefix, b_id) => { + return { + prefix, + b_id, + description: "", + winning_ticket: 0, + last_name: "", + first_name: "", + phone_number: "" + } +} + +export const GET = async ({ params }) => { + const [prefix, b_id] = [params.prefix, parseInt(params.b_id)]; + const s = getSettings(); + if (s.remote_server) { + const connStr = getPath(s); + try { + const res = await fetch(`${connStr}/api/drawing/${prefix}/${b_id}`, {headers: {'TAM-KEY': s.remote_key}}); + if (!res.ok) throw error(res.status); + const [data] = await res.json(); + if (data) { + return json(data); + } else { + return json(placeholder_data(prefix, b_id)); + }; + } catch { + return json(placeholder_data(prefix, b_id)); + } + } else { + const [data] = await db.select().from(drawing).where(and(eq(drawing.prefix, prefix), eq(drawing.b_id, b_id))).orderBy(drawing.prefix, drawing.b_id); + if (data) { + return json(data); + } else { + return json(placeholder_data(prefix, b_id)); + } + } +} diff --git a/client/src/routes/api/drawing/[prefix]/[id_from]/[id_to]/+server.js b/client/src/routes/api/drawing/[prefix]/[id_from]/[id_to]/+server.js new file mode 100644 index 0000000..b03d65e --- /dev/null +++ b/client/src/routes/api/drawing/[prefix]/[id_from]/[id_to]/+server.js @@ -0,0 +1,41 @@ +import { db } from '$lib/server/db/index.js'; +import { drawing } from '$lib/server/db/schema.js'; +import { getPath, getSettings } from '$lib/server/settings'; +import { error, json } from '@sveltejs/kit'; +import { and, between, eq } from 'drizzle-orm'; + +const placeholder_data = (prefix, b_id) => { + return { + prefix, + b_id, + description: "", + winning_ticket: 0, + last_name: "", + first_name: "", + phone_number: "" + }; +}; + +export const GET = async ({ params }) => { + const [prefix, id_from, id_to] = [params.prefix, parseInt(params.id_from), parseInt(params.id_to)]; + const s = getSettings(); + const rtnData = {}; + for (let i = id_from; i <= id_to; i++) { + rtnData[i] = {...placeholder_data(prefix, i)}; + }; + if (s.remote_server) { + const connStr = getPath(s); + try { + const res = await fetch(`${connStr}/api/drawing/${prefix}/${id_from}/${id_to}`, {headers: {'TAM-KEY': s.remote_key}}); + if (!res.ok) throw error(res.status); + const data = Array.from(await res.json()); + data.forEach((b) => rtnData[b.b_id] = b); + } catch { + return json([]); + } + } else { + const data = await db.select().from(drawing).where(and(eq(drawing.prefix, prefix), between(drawing.b_id, id_from, id_to))).orderBy(drawing.prefix, drawing.b_id); + data.forEach((b) => rtnData[b.b_id] = b); + }; + return json(Object.values(rtnData)); +} diff --git a/client/src/routes/baskets/[prefix]/+page.svelte b/client/src/routes/baskets/[prefix]/+page.svelte index 37c947e..1949739 100644 --- a/client/src/routes/baskets/[prefix]/+page.svelte +++ b/client/src/routes/baskets/[prefix]/+page.svelte @@ -95,7 +95,7 @@ dupDown: () => { if (items[nextIdx]) { const buffer = { ...items[curIdx] }; - ['prefix', 't_id'].forEach((key) => delete buffer[key]); + ['prefix', 'b_id'].forEach((key) => delete buffer[key]); items[nextIdx] = { ...items[nextIdx], ...buffer, changed: true }; functions.nextLine(); } else { @@ -105,7 +105,7 @@ dupUp: () => { if (curIdx > 0) { const buffer = { ...items[curIdx] }; - ['prefix', 't_id'].forEach((key) => delete buffer[key]); + ['prefix', 'b_id'].forEach((key) => delete buffer[key]); items[prevIdx] = { ...items[prevIdx], ...buffer, changed: true }; functions.prevLine(); } else { @@ -116,13 +116,13 @@ if (items[curIdx]) { const buffer = { ...items[curIdx] }; ['prefix', 't_id'].forEach((key) => delete buffer[key]); - window.localStorage.setItem('tam-ticket', JSON.stringify(buffer)); + window.localStorage.setItem('tam-basket', JSON.stringify(buffer)); } focusIdx(curIdx); }, paste: () => { if (items[curIdx]) { - const buffer = JSON.parse(window.localStorage.getItem('tam-ticket')); + const buffer = JSON.parse(window.localStorage.getItem('tam-basket')); items[curIdx] = { ...items[curIdx], ...buffer, changed: true }; } focusIdx(curIdx); diff --git a/client/src/routes/drawing/[prefix]/+page.server.js b/client/src/routes/drawing/[prefix]/+page.server.js new file mode 100644 index 0000000..93d9016 --- /dev/null +++ b/client/src/routes/drawing/[prefix]/+page.server.js @@ -0,0 +1,7 @@ +export const load = async ({ params, fetch }) => { + const { prefix } = params; + const res = await fetch('/api/prefixes'); + const prefixes = await res.json(); + const prefixObj = Array.from(prefixes).find((p) => p.prefix == prefix); + return { prefix: prefixObj, prefixes }; +}; diff --git a/client/src/routes/drawing/[prefix]/+page.svelte b/client/src/routes/drawing/[prefix]/+page.svelte new file mode 100644 index 0000000..1c138d6 --- /dev/null +++ b/client/src/routes/drawing/[prefix]/+page.svelte @@ -0,0 +1,224 @@ + + + + {pageTitle} + + + + + + + + + {#each headers as header (header)} + + {/each} + + + + {#each items as item, idx (item.b_id)} + { + changeIdx(idx); + e.target.scrollIntoView({ block: 'center' }); + }} + > + + + + + + + {/each} + +
+ +
Baskets:
+ {#each prefixes as p (p.prefix)} + {p.prefix} + {/each} +
+

{pageTitle}

+ +
{header}
{item.b_id}{item.description} { + item.changed = true; + const res = await fetch(`/api/tickets/${prefix.prefix}/${item.winning_ticket}`); + if (res.ok) { + const data = await res.json(); + [item.last_name, item.first_name, item.phone_number] = [(data.last_name || ""), (data.first_name || ""), (data.phone_number || "")]; + } + }} + bind:value={item.winning_ticket} + /> + {item.last_name || ""}, {item.first_name || ""}: {item.phone_number || ""} +