Stundenpläne

\n\n\n\n`;\n\n// ---------------------------------------------------------------------------\n// Kombi-Ansicht: gemeinsame Hilfsfunktionen\n// ---------------------------------------------------------------------------\n\nfunction escapeHtml(s: string) {\n return String(s == null ? \"\" : s)\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n}\n\n// Laesst nur gueltige Hex-Farben durch (3 oder 6 Stellen), sonst Grau als\n// Rueckfallwert - verhindert, dass Farbwerte aus der URL das style-Attribut\n// aufbrechen koennten.\nfunction sanitizeColor(c: string) {\n const clean = String(c || \"\").replace(/^#/, \"\").trim();\n return /^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{3}$/.test(clean) ? clean : \"999999\";\n}\n\nfunction contrastTextColor(hex: string) {\n const clean = sanitizeColor(hex);\n const full = clean.length === 3\n ? clean.split(\"\").map((c) => c + c).join(\"\")\n : clean;\n const r = parseInt(full.slice(0, 2), 16);\n const g = parseInt(full.slice(2, 4), 16);\n const b = parseInt(full.slice(4, 6), 16);\n const brightness = (r * 299 + g * 587 + b * 114) / 1000;\n return brightness > 150 ? \"#161616\" : \"#ffffff\";\n}\n\nfunction timeToMinutes(t: string) {\n const [h, m] = String(t).split(\":\").map((x) => parseInt(x, 10));\n return (h || 0) * 60 + (m || 0);\n}\n\nfunction minutesToLabel(m: number) {\n const h = Math.floor(m / 60);\n const mm = m % 60;\n return pad2(h) + \":\" + pad2(mm);\n}\n\n// Parst den URL-Parameter \"p\" im Format \"id1:farbe1,id2:farbe2,...\".\n// Die Reihenfolge in der Liste bestimmt die Spaltenreihenfolge in der Ansicht.\nfunction parsePeopleParam(raw: string): Array<{ id: string; color: string }> {\n return raw\n .split(\",\")\n .map((chunk) => chunk.trim())\n .filter(Boolean)\n .map((chunk) => {\n const parts = chunk.split(\":\");\n const id = (parts[0] || \"\").trim();\n const color = (parts[1] || \"\").trim();\n return id ? { id, color } : null;\n })\n .filter((x): x is { id: string; color: string } => !!x);\n}\n\n// Kleine Fehlerseite fuer ungültige/veraltete Kombi-Ansicht-Links. Räumt einen\n// eventuell im LocalStorage gespeicherten, nicht mehr gültigen Link auf, sonst\n// würde man beim erneuten Aufruf immer wieder hierher umgeleitet.\nfunction timetableErrorPage(message: string) {\n return `\n\n\n\n\nWochenplan\n\n\n\n

${escapeHtml(message)}

Zur Auswahl

\n \n\n`;\n}\n\n// ---------------------------------------------------------------------------\n// Kombi-Ansicht: serverseitig gerenderte, schreibgeschuetzte Wochenansicht\n// ---------------------------------------------------------------------------\n// Kombiniert mehrere Stundenplaene zeitgenau in einem Raster. Da jeder\n// Stundenplan seine eigenen Stunden-Zeiten haben kann, wird nicht ueber\n// gemeinsame \"Stunden\"-Zeilen kombiniert, sondern ueber echte Uhrzeiten:\n// jede Person bekommt pro Wochentag eine Unterspalte, Termine werden darin\n// nach tatsaechlicher Start-/Endzeit positioniert.\n\nconst TIMETABLE_VIEW_CSS = `\n :root { color-scheme: light; }\n * { box-sizing: border-box; }\n body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n background: #f5f5f7; color: #1d1d1f; }\n .tt-wrap { max-width: 1100px; margin: 0 auto; padding: 16px 16px 48px; }\n .tt-topbar { display: flex; align-items: center; justify-content: space-between; gap: 8px;\n flex-wrap: wrap; margin-bottom: 8px; }\n h1 { font-size: 20px; margin: 4px 0; }\n .tt-link { font-size: 13px; color: #0071e3; text-decoration: none; }\n .tt-legend { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 18px; }\n .tt-legend-item { display: flex; align-items: center; gap: 6px; font-size: 13px;\n background: #fff; border-radius: 8px; padding: 5px 9px; box-shadow: 0 1px 2px rgba(0,0,0,.06);\n transition: opacity .15s; }\n .tt-legend-item.tt-hidden { opacity: .4; }\n .tt-legend-item input[type=checkbox] { margin: 0; }\n .tt-legend-item input[type=color] { width: 22px; height: 22px; padding: 0; border: none;\n border-radius: 5px; background: none; cursor: pointer; }\n .tt-grid { display: flex; background: #fff; border-radius: 10px; overflow: hidden;\n box-shadow: 0 1px 2px rgba(0,0,0,.06); }\n .tt-axis { flex: none; width: 46px; border-right: 1px solid #eee; }\n .tt-axis-ticks { position: relative; }\n .tt-tick { position: absolute; right: 6px; font-size: 10px; color: #8a8a8e; line-height: 1; }\n .tt-day { flex: 1; min-width: 0; border-right: 1px solid #eee; }\n .tt-day:last-child { border-right: none; }\n .tt-day-header { text-align: center; font-size: 12px; font-weight: 600; padding: 8px 2px;\n border-bottom: 1px solid #eee; background: #fafafa; }\n .tt-day-body { position: relative; }\n .tt-hline { position: absolute; left: 0; right: 0; border-top: 1px solid #f0f0f0; }\n .tt-event { position: absolute; border-radius: 4px; overflow: hidden; padding: 2px;\n display: flex; align-items: center; justify-content: center; }\n .tt-event-label {\n transform: rotate(-90deg);\n white-space: nowrap;\n text-align: center;\n font-size: 11px;\n font-weight: 600;\n }\n .tt-empty { padding: 40px 16px; text-align: center; color: #6e6e73; }\n @media (max-width: 640px) {\n .tt-event-label { font-size: 9.5px; }\n .tt-day-header { font-size: 10px; }\n }\n`;\n\nconst TIMETABLE_PX_PER_MIN = 1.5;\n\n// Läuft im Browser auf der Wochenplan-Seite. Liest die vom Server eingebettete\n// Personenliste (window.__TT_STATE__), macht Checkbox (ein-/ausblenden) und\n// Farbfeld in der Legende interaktiv, passt Spaltenbreiten live an, hält die\n// Adresszeile per history.replaceState synchron und merkt sich die zuletzt\n// angezeigte Auswahl im LocalStorage.\nconst TIMETABLE_VIEW_JS = `\n(function () {\n \"use strict\";\n var state = window.__TT_STATE__ || [];\n\n function sanitizeColor(c) {\n var clean = String(c || \"\").replace(/^#/, \"\");\n return /^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{3}$/.test(clean) ? clean : \"999999\";\n }\n\n function contrastTextColor(hex) {\n var clean = sanitizeColor(hex);\n var full = clean.length === 3 ? clean.split(\"\").map(function (c) { return c + c; }).join(\"\") : clean;\n var r = parseInt(full.slice(0, 2), 16);\n var g = parseInt(full.slice(2, 4), 16);\n var b = parseInt(full.slice(4, 6), 16);\n var brightness = (r * 299 + g * 587 + b * 114) / 1000;\n return brightness > 150 ? \"#161616\" : \"#ffffff\";\n }\n\n var STORAGE_KEY = \"stundenplan_tt_state\";\n\n function buildParams() {\n var p = state.filter(function (x) { return x.visible; })\n .map(function (x) { return x.id + \":\" + sanitizeColor(x.color); })\n .join(\",\");\n var h = state.filter(function (x) { return !x.visible; })\n .map(function (x) { return x.id + \":\" + sanitizeColor(x.color); })\n .join(\",\");\n return { p: p, h: h };\n }\n\n function updateUrlAndStorage() {\n var params = buildParams();\n var url = new URL(window.location.href);\n if (params.p) { url.searchParams.set(\"p\", params.p); } else { url.searchParams.delete(\"p\"); }\n if (params.h) { url.searchParams.set(\"h\", params.h); } else { url.searchParams.delete(\"h\"); }\n window.history.replaceState(null, \"\", url.toString());\n try { window.localStorage.setItem(STORAGE_KEY, JSON.stringify(params)); } catch (e) {}\n }\n\n function applyLayout() {\n var visible = state.filter(function (p) { return p.visible; });\n var n = visible.length || 1;\n visible.forEach(function (p, idx) {\n var left = (idx / n) * 100;\n var width = 100 / n;\n var color = sanitizeColor(p.color);\n var textColor = contrastTextColor(color);\n var blocks = document.querySelectorAll('.tt-event[data-person=\"' + p.id + '\"]');\n for (var i = 0; i < blocks.length; i++) {\n blocks[i].style.left = left + \"%\";\n blocks[i].style.width = width + \"%\";\n blocks[i].style.display = \"\";\n blocks[i].style.background = \"#\" + color;\n blocks[i].style.color = textColor;\n }\n });\n state.filter(function (p) { return !p.visible; }).forEach(function (p) {\n var blocks = document.querySelectorAll('.tt-event[data-person=\"' + p.id + '\"]');\n for (var i = 0; i < blocks.length; i++) { blocks[i].style.display = \"none\"; }\n });\n }\n\n state.forEach(function (p) {\n var item = document.querySelector('.tt-legend-item[data-person=\"' + p.id + '\"]');\n if (!item) return;\n var checkbox = item.querySelector('input[type=checkbox]');\n var colorInput = item.querySelector('input[type=color]');\n if (checkbox) {\n checkbox.addEventListener(\"change\", function () {\n p.visible = checkbox.checked;\n item.classList.toggle(\"tt-hidden\", !p.visible);\n applyLayout();\n updateUrlAndStorage();\n });\n }\n if (colorInput) {\n colorInput.addEventListener(\"input\", function () {\n p.color = colorInput.value;\n applyLayout();\n updateUrlAndStorage();\n });\n }\n });\n\n applyLayout();\n try { window.localStorage.setItem(STORAGE_KEY, JSON.stringify(buildParams())); } catch (e) {}\n})();\n`;\n\nfunction renderTimetableView(\n people: Array<{ record: any; color: string; visible: boolean }>,\n) {\n const perPerson = people.map((p) => ({\n record: p.record,\n color: sanitizeColor(p.color),\n visible: p.visible,\n events: expandEvents(p.record.data),\n }));\n\n // Zeitraster und Wochentage richten sich nach ALLEN Personen (auch versteckten),\n // damit beim spaeteren Wiedereinblenden nichts ausserhalb des gerenderten\n // Rasters liegt.\n const dayHasContent: Record = {};\n let minMinutes = Infinity;\n let maxMinutes = -Infinity;\n for (const p of perPerson) {\n for (const ev of p.events) {\n dayHasContent[ev.weekday] = true;\n const s = timeToMinutes(ev.start);\n const e = timeToMinutes(ev.end);\n if (s < minMinutes) minMinutes = s;\n if (e > maxMinutes) maxMinutes = e;\n }\n }\n if (!isFinite(minMinutes)) {\n minMinutes = 8 * 60;\n maxMinutes = 16 * 60;\n }\n minMinutes = Math.floor(minMinutes / 30) * 30;\n maxMinutes = Math.ceil(maxMinutes / 30) * 30;\n const totalMinutes = Math.max(maxMinutes - minMinutes, 30);\n const bodyHeight = Math.round(totalMinutes * TIMETABLE_PX_PER_MIN);\n\n const shownDays = WEEKDAYS.filter((d) => dayHasContent[d.key]);\n const days = shownDays.length ? shownDays : WEEKDAYS.slice(0, 5);\n\n const legendHtml = perPerson\n .map(\n (p) =>\n '

' +\n '' +\n escapeHtml(p.record.name) +\n \"

\",\n )\n .join(\"\");\n\n const ticks: number[] = [];\n for (let m = Math.ceil(minMinutes / 60) * 60; m <= maxMinutes; m += 60) {\n ticks.push(m);\n }\n\n const axisHtml = ticks\n .map(\n (m) =>\n '

' +\n minutesToLabel(m) +\n \"

\",\n )\n .join(\"\");\n\n // Nur sichtbare Personen teilen sich die Spaltenbreite; versteckte werden\n // (fuer den Fall ohne JavaScript) direkt mit display:none gerendert.\n const visiblePeople = perPerson.filter((p) => p.visible);\n const n = visiblePeople.length || 1;\n\n const dayColsHtml = days\n .map((day) => {\n const hlines = ticks\n .map(\n (m) =>\n '

',\n )\n .join(\"\");\n const blocks = perPerson\n .map((p) => {\n const textColor = contrastTextColor(p.color);\n const visibleIdx = visiblePeople.indexOf(p);\n const left = p.visible ? (visibleIdx / n) * 100 : 0;\n const width = p.visible ? 100 / n : 100;\n const displayStyle = p.visible ? \"\" : \"display:none;\";\n return p.events\n .filter((ev) => ev.weekday === day.key)\n .map((ev) => {\n const top = Math.round(\n (timeToMinutes(ev.start) - minMinutes) * TIMETABLE_PX_PER_MIN,\n );\n const height = Math.max(\n Math.round(\n (timeToMinutes(ev.end) - timeToMinutes(ev.start)) *\n TIMETABLE_PX_PER_MIN,\n ),\n 14,\n );\n return (\n '

' +\n escapeHtml(ev.subject) +\n \"

\"\n );\n })\n .join(\"\");\n })\n .join(\"\");\n return (\n '

' +\n day.label +\n '

' +\n hlines +\n blocks +\n \"

\"\n );\n })\n .join(\"\");\n\n const stateJson = JSON.stringify(\n perPerson.map((p) => ({\n id: p.record.id,\n name: p.record.name,\n color: p.color,\n visible: p.visible,\n })),\n ).replace(/\n\n\n\n\nWochenplan\n\n\n\n

\n \n

${legendHtml}

${axisHtml}

\n ${dayColsHtml}\n

\n\n\n\n`;\n}\n\n// ---------------------------------------------------------------------------\n// Kombi-Ansicht: Personen-Auswahl (geschuetzt)\n// ---------------------------------------------------------------------------\n\nconst PICKER_JS = `\n(function () {\n \"use strict\";\n\n // Wurde diese Ansicht schon einmal mit Auswahl aufgerufen, direkt dorthin\n // weiterleiten - spart in dem Fall die Anmeldung fuer die Personen-Auswahl.\n var savedRaw = null;\n try { savedRaw = window.localStorage.getItem(\"stundenplan_tt_state\"); } catch (e) {}\n if (savedRaw) {\n try {\n var saved = JSON.parse(savedRaw);\n if (saved && (saved.p || saved.h)) {\n var qs = [];\n if (saved.p) qs.push(\"p=\" + encodeURIComponent(saved.p));\n if (saved.h) qs.push(\"h=\" + encodeURIComponent(saved.h));\n window.location.replace(\"/timetable?\" + qs.join(\"&\"));\n return;\n }\n } catch (e) {}\n }\n\n var PALETTE = [\"e63946\",\"f4a261\",\"2a9d8f\",\"264653\",\"e9c46a\",\"8ab4f8\",\"c77dff\",\"06d6a0\",\"ff6b6b\",\"4ecdc4\"];\n var appEl = document.getElementById(\"app\");\n var all = [];\n var selected = [];\n\n function el(tag, attrs, children) {\n var node = document.createElement(tag);\n if (attrs) {\n for (var key in attrs) {\n if (key === \"class\") node.className = attrs[key];\n else if (key === \"text\") node.textContent = attrs[key];\n else if (key.indexOf(\"on\") === 0 && typeof attrs[key] === \"function\") {\n node.addEventListener(key.slice(2), attrs[key]);\n } else {\n node.setAttribute(key, attrs[key]);\n }\n }\n }\n if (children) { children.forEach(function (c) { if (c) node.appendChild(c); }); }\n return node;\n }\n\n function buildUrl() {\n var parts = selected.map(function (s) { return s.id + \":\" + s.color.replace(\"#\", \"\"); });\n return window.location.origin + \"/timetable?p=\" + encodeURIComponent(parts.join(\",\"));\n }\n\n function move(index, delta) {\n var target = index + delta;\n if (target < 0 || target >= selected.length) return;\n var tmp = selected[index];\n selected[index] = selected[target];\n selected[target] = tmp;\n render();\n }\n\n var linkSection = null;\n\n function refreshLink() {\n if (!linkSection) return;\n linkSection.innerHTML = \"\";\n if (selected.length) {\n var url = buildUrl();\n var urlInput = el(\"input\", { type: \"text\", readonly: \"readonly\", value: url, class: \"url-input\" });\n var copyBtn = el(\"button\", { class: \"btn small\", text: \"Link kopieren\", onclick: function () {\n urlInput.select();\n navigator.clipboard && navigator.clipboard.writeText(url).then(function () {\n copyBtn.textContent = \"Kopiert!\";\n setTimeout(function () { copyBtn.textContent = \"Link kopieren\"; }, 1500);\n });\n }});\n linkSection.appendChild(el(\"div\", { class: \"url-row\" }, [\n urlInput, copyBtn,\n el(\"a\", { class: \"btn primary small\", href: url, target: \"_blank\", text: \"Ansicht öffnen\" })\n ]));\n linkSection.appendChild(el(\"p\", { class: \"hint\", text: \"Dieser Link funktioniert auch ohne Anmeldung - wer ihn hat, kann die Ansicht sehen.\" }));\n } else {\n linkSection.appendChild(el(\"p\", { class: \"muted\", text: \"Erst Personen auswählen, um einen Link zu erhalten.\" }));\n }\n }\n\n function render() {\n appEl.innerHTML = \"\";\n appEl.appendChild(el(\"div\", { class: \"topbar\" }, [\n el(\"a\", { class: \"btn\", href: \"/\", text: \"Zurück zur Übersicht\" }),\n el(\"h1\", { text: \"Kombi-Ansicht erstellen\" })\n ]));\n appEl.appendChild(el(\"p\", { class: \"hint\", text: \"Personen auswählen. Reihenfolge und Farbe bestimmen, wie die Spalten in der Ansicht erscheinen.\" }));\n\n appEl.appendChild(el(\"h2\", { text: \"Verfügbare Stundenpläne\" }));\n var listEl = el(\"div\", { class: \"picker-list\" });\n all.forEach(function (person) {\n var isSelected = selected.some(function (s) { return s.id === person.id; });\n var row = el(\"label\", { class: \"picker-row\" });\n var checkbox = el(\"input\", { type: \"checkbox\" });\n checkbox.checked = isSelected;\n checkbox.addEventListener(\"change\", function () {\n if (checkbox.checked) {\n selected.push({ id: person.id, name: person.name, color: \"#\" + PALETTE[selected.length % PALETTE.length] });\n } else {\n selected = selected.filter(function (s) { return s.id !== person.id; });\n }\n render();\n });\n row.appendChild(checkbox);\n row.appendChild(el(\"span\", { text: person.name }));\n listEl.appendChild(row);\n });\n if (!all.length) listEl.appendChild(el(\"p\", { class: \"muted\", text: \"Noch keine Stundenpläne vorhanden.\" }));\n appEl.appendChild(listEl);\n\n appEl.appendChild(el(\"h2\", { text: \"Ausgewählt (Reihenfolge = Spaltenreihenfolge)\" }));\n if (!selected.length) {\n appEl.appendChild(el(\"p\", { class: \"muted\", text: \"Noch niemand ausgewählt.\" }));\n } else {\n var table = el(\"table\", { class: \"slots\" });\n var tbody = el(\"tbody\");\n selected.forEach(function (s, idx) {\n var colorInput = el(\"input\", { type: \"color\", value: s.color });\n colorInput.addEventListener(\"input\", function () {\n s.color = colorInput.value;\n refreshLink();\n });\n var upBtn = el(\"button\", { class: \"btn small\", text: \"↑\", onclick: function () { move(idx, -1); } });\n var downBtn = el(\"button\", { class: \"btn small\", text: \"↓\", onclick: function () { move(idx, 1); } });\n var removeBtn = el(\"button\", { class: \"btn small danger\", text: \"Entfernen\", onclick: function () {\n selected = selected.filter(function (x) { return x.id !== s.id; });\n render();\n } });\n tbody.appendChild(el(\"tr\", null, [\n el(\"td\", null, [document.createTextNode(s.name)]),\n el(\"td\", null, [colorInput]),\n el(\"td\", null, [upBtn, downBtn]),\n el(\"td\", null, [removeBtn])\n ]));\n });\n table.appendChild(tbody);\n appEl.appendChild(table);\n }\n\n appEl.appendChild(el(\"h2\", { text: \"Link zur Ansicht\" }));\n linkSection = el(\"div\", { class: \"link-section\" });\n appEl.appendChild(linkSection);\n refreshLink();\n }\n\n fetch(\"/api/schedules\").then(function (res) {\n if (!res.ok) throw new Error(\"HTTP \" + res.status);\n return res.json();\n }).then(function (schedules) {\n all = schedules;\n render();\n }).catch(function (err) {\n appEl.innerHTML = \"\";\n appEl.appendChild(el(\"p\", { class: \"error\", text: \"Fehler beim Laden: \" + err.message }));\n });\n})();\n`;\n\nconst PICKER_HTML = `\n\n\n\n\nKombi-Ansicht erstellen\n\n\n\n

\n\n\n`;\n\n// ---------------------------------------------------------------------------\n// HTTP-Handler\n// ---------------------------------------------------------------------------\n\nfunction json(data: unknown, status = 200) {\n return new Response(JSON.stringify(data), {\n status,\n headers: { \"content-type\": \"application/json; charset=utf-8\" },\n });\n}\n\nfunction badRequest(message: string) {\n return json({ error: message }, 400);\n}\n\nexport default async function (req: Request): Promise {\n await ensureTable();\n const url = new URL(req.url);\n const path = url.pathname;\n\n try {\n if (path === \"/\" && req.method === \"GET\") {\n const authResp = requireAuth(req);\n if (authResp) return authResp;\n return new Response(HTML, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n }\n\n if (\n path === \"/api/schedules\" ||\n path.match(/^\\/api\\/schedules\\/[a-zA-Z0-9-]+$/)\n ) {\n const authResp = requireAuth(req);\n if (authResp) return authResp;\n }\n\n if (path === \"/api/schedules\" && req.method === \"GET\") {\n return json(await listSchedules());\n }\n\n if (path === \"/api/schedules\" && req.method === \"POST\") {\n const body = await req.json().catch(() => ({}));\n const name = String(body.name || \"\").trim();\n if (!name) return badRequest(\"Name ist erforderlich.\");\n return json(await createSchedule(name), 201);\n }\n\n const itemMatch = path.match(/^\\/api\\/schedules\\/([a-zA-Z0-9-]+)$/);\n if (itemMatch) {\n const id = itemMatch[1];\n\n if (req.method === \"GET\") {\n const record = await getSchedule(id);\n if (!record) return json({ error: \"Nicht gefunden\" }, 404);\n return json(record);\n }\n\n if (req.method === \"PUT\") {\n const body = await req.json().catch(() => ({}));\n const name = String(body.name || \"\").trim();\n if (!name) return badRequest(\"Name ist erforderlich.\");\n const slots = Array.isArray(body.slots) ? body.slots : [];\n for (const s of slots) {\n if (!s || typeof s.id !== \"string\" || !s.start || !s.end) {\n return badRequest(\"Jede Stunde braucht id, start und end.\");\n }\n }\n const schedule = body.schedule && typeof body.schedule === \"object\"\n ? body.schedule\n : {};\n const extras = Array.isArray(body.extras) ? body.extras : [];\n const validWeekdays = new Set(WEEKDAYS.map((d) => d.key));\n for (const ex of extras) {\n if (!ex || typeof ex.id !== \"string\") {\n return badRequest(\"Jeder Termin braucht eine id.\");\n }\n if (!validWeekdays.has(ex.weekday)) {\n return badRequest(\"Ungültiger Wochentag bei einem Termin.\");\n }\n if (!ex.start || !ex.end) {\n return badRequest(\"Jeder Termin braucht Start- und Endzeit.\");\n }\n if (!String(ex.label || \"\").trim()) {\n return badRequest(\"Jeder Termin braucht eine Bezeichnung.\");\n }\n }\n const updated = await updateSchedule(id, name, slots, schedule, extras);\n if (!updated) return json({ error: \"Nicht gefunden\" }, 404);\n return json(updated);\n }\n\n if (req.method === \"DELETE\") {\n const ok = await deleteSchedule(id);\n if (!ok) return json({ error: \"Nicht gefunden\" }, 404);\n return new Response(null, { status: 204 });\n }\n }\n\n if (path === \"/timetable\" && req.method === \"GET\") {\n const pParam = url.searchParams.get(\"p\");\n const hParam = url.searchParams.get(\"h\");\n\n if (pParam || hParam) {\n // Fertig zusammengestellte Ansicht: kein Login noetig, der Link mit den\n // (nicht erratbaren) Stundenplan-IDs ist selbst die Berechtigung -\n // dasselbe Prinzip wie bei den ICS-Abos. \"h\" (hidden) enthaelt Personen,\n // die zwar in der Legende bleiben, aber ausgeblendet sind.\n const visiblePairs = pParam ? parsePeopleParam(pParam) : [];\n const hiddenPairs = hParam ? parsePeopleParam(hParam) : [];\n if (!visiblePairs.length && !hiddenPairs.length) {\n return new Response(\n timetableErrorPage(\"Keine gültigen Personen angegeben.\"),\n {\n status: 400,\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n },\n );\n }\n const people: Array<{ record: any; color: string; visible: boolean }> =\n [];\n for (const pair of visiblePairs) {\n const record = await getSchedule(pair.id);\n if (record) people.push({ record, color: pair.color, visible: true });\n }\n for (const pair of hiddenPairs) {\n const record = await getSchedule(pair.id);\n if (record) {\n people.push({ record, color: pair.color, visible: false });\n }\n }\n if (!people.length) {\n return new Response(\n timetableErrorPage(\n \"Diese Stundenpläne wurden nicht gefunden - vielleicht wurden sie gelöscht.\",\n ),\n {\n status: 404,\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n },\n );\n }\n return new Response(renderTimetableView(people), {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n }\n\n // Personen-Auswahl: die HTML-Huelle selbst enthaelt keine Namen und bleibt\n // ungeschuetzt, damit das Skript zuerst im LocalStorage nach einer zuletzt\n // angesehenen Ansicht suchen kann, ohne dafuer schon eingeloggt zu sein.\n // Die eigentliche Namensliste kommt weiterhin nur ueber das geschuetzte\n // /api/schedules.\n return new Response(PICKER_HTML, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n }\n\n const icsMatch = path.match(/^\\/ics\\/([a-zA-Z0-9-]+?)(?:\\.ics)?$/);\n if (icsMatch && req.method === \"GET\") {\n const record = await getSchedule(icsMatch[1]);\n if (!record) {\n return new Response(\"Kalender nicht gefunden\", { status: 404 });\n }\n const ics = buildIcs(record, url.host);\n return new Response(ics, {\n headers: {\n \"content-type\": \"text/calendar; charset=utf-8\",\n \"cache-control\": \"public, max-age=1800\",\n },\n });\n }\n\n return new Response(\"Not found\", { status: 404 });\n } catch (err) {\n console.error(err);\n return json({ error: String((err as Error)?.message || err) }, 500);\n }\n}","deleted","label","stundenplaene",[117],"pulls",1,"forks","envVars",{"_140":142,"_143":53},"connections",{"_140":53,"_141":53},"count","unfilledCount",2,"emptyCount",{"_20":116,"_13":117,"_118":48,"_119":-5,"_120":21,"_121":30,"_122":110,"_22":145,"_29":124,"_125":126,"_127":128,"_129":38,"_130":131,"_146":147,"_92":148},["D",1787720183270],"children",[],[117],["D",1787598369461],["D",1789468254172],{"_11":12,"_90":86},{"_11":12,"_84":-5,"_85":86,"_45":46,"_87":88,"_89":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_79":-5,"_80":-5,"_81":-5,"_82":14,"_83":12},"ctx",{"_72":-5,"_112":187,"_188":189,"_190":191,"_192":38,"_193":38,"_194":38,"_195":110,"_196":-5,"_197":-7,"_198":-7,"_199":53,"_200":38,"_201":38,"_202":-5,"_203":38,"_204":38,"_205":38,"_206":-5},"ENV",{"_158":159,"_160":161,"_162":26,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Branches1

Branches
1