Verwaltung

Spieler, Regeln und alle Buchungen.

Spieler

Lege jeden Spieler mit Klarnamen an. Der Einladungscode wird einmalig gebraucht, um die eigene PIN festzulegen. Bei „PIN-Reset angefragt“ erzeugst du mit „PIN zurücksetzen“ einen neuen Code.

\n \n \n

\n \n \n \n

Name	Status	VIP	Admin	Code

Ressourcen & Regeln

Jede Ressource hat eigene Kapazität, Zeiten und VIP-Regeln. Für Fitness einfach eine zweite Ressource anlegen.

\n \n

Alle Buchungen der nächsten 14 Tage

\n \n \n \n

Datum	Uhrzeit	Ressource	Spieler	Gebucht am

\n\n\n\n\n\n\n",[],[99,127],"275c34f9-d891-4236-8116-21b35b9ca76a","app.js","0fc28ee0-ad5a-11f1-b2b7-1607ee4eb77e",49,["D",1789077911300],15,"// Abschlag – Oberfläche (ohne Framework, ohne Build-Schritt)\n\nconst $ = (id) => document.getElementById(id);\nconst state = {\n member: null,\n resources: [],\n resource: null,\n now: null,\n date: null,\n view: \"book\",\n};\n\nconst WD = [\"So\", \"Mo\", \"Di\", \"Mi\", \"Do\", \"Fr\", \"Sa\"];\nconst WD_LONG = [\"Sonntag\", \"Montag\", \"Dienstag\", \"Mittwoch\", \"Donnerstag\", \"Freitag\", \"Samstag\"];\nconst MO = [\"Jan\", \"Feb\", \"Mär\", \"Apr\", \"Mai\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Okt\", \"Nov\", \"Dez\"];\n\nasync function api(path, opts = {}) {\n const res = await fetch(path, {\n headers: { \"Content-Type\": \"application/json\" },\n credentials: \"same-origin\",\n ...opts,\n body: opts.body ? JSON.stringify(opts.body) : undefined,\n });\n const data = await res.json().catch(() => ({}));\n if (!res.ok) throw new Error(data.error || `Fehler ${res.status}`);\n return data;\n}\n\nfunction esc(s) {\n return String(s).replace(/[&<>\"']/g, (c) => ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\", \"'\": \"'\" }[c]));\n}\nfunction weekdayOf(date) {\n const [y, m, d] = date.split(\"-\").map(Number);\n return new Date(Date.UTC(y, m - 1, d, 12)).getUTCDay();\n}\nfunction addDays(date, n) {\n const [y, m, d] = date.split(\"-\").map(Number);\n return new Date(Date.UTC(y, m - 1, d + n, 12)).toISOString().slice(0, 10);\n}\nfunction fmtDate(date, long = false) {\n const [y, m, d] = date.split(\"-\").map(Number);\n return `${long ? WD_LONG[weekdayOf(date)] : WD[weekdayOf(date)]}, ${d}. ${MO[m - 1]}${long ? \" \" + y : \"\"}`;\n}\nfunction fmtStamp(utc) {\n const d = new Date(utc.replace(\" \", \"T\") + \"Z\");\n return d.toLocaleString(\"de-DE\", { timeZone: \"Europe/Berlin\", day: \"2-digit\", month: \"2-digit\", hour: \"2-digit\", minute: \"2-digit\" });\n}\nfunction flash(el, text, isError = false) {\n el.textContent = text;\n el.classList.toggle(\"is-error\", isError);\n el.hidden = !text;\n if (text && !isError) setTimeout(() => { if (el.textContent === text) el.hidden = true; }, 4000);\n}\n\nfunction initials(name) {\n return name.split(/\\s+/).filter(Boolean).slice(0, 2).map((p) => p[0].toUpperCase()).join(\"\");\n}\n\n// ───────────── Farbschema ─────────────\n\nconst mq = matchMedia(\"(prefers-color-scheme: dark)\");\nfunction effectiveTheme() {\n const pinned = document.documentElement.dataset.theme;\n return pinned === \"light\" || pinned === \"dark\" ? pinned : (mq.matches ? \"dark\" : \"light\");\n}\nfunction applyTheme(t) {\n const meta = document.querySelector('meta[name=\"color-scheme\"]');\n if (t) {\n document.documentElement.dataset.theme = t;\n meta.content = t;\n try { localStorage.setItem(\"color-scheme\", t); } catch (_) {}\n } else {\n delete document.documentElement.dataset.theme;\n meta.content = \"light dark\";\n try { localStorage.removeItem(\"color-scheme\"); } catch (_) {}\n }\n}\n$(\"theme-toggle\").onclick = () => applyTheme(effectiveTheme() === \"dark\" ? \"light\" : \"dark\");\n$(\"theme-system\").onclick = () => { applyTheme(null); flash($(\"pin-msg\"), \"Farbschema folgt jetzt der Systemeinstellung.\"); };\n\n// ───────────── Ansichten ─────────────\n\nfunction showView(view) {\n state.view = view;\n for (const v of [\"auth\", \"book\", \"mine\", \"profile\", \"admin\"]) $(\"view-\" + v).hidden = v !== view;\n for (const b of document.querySelectorAll(\".navbtn\")) b.classList.toggle(\"is-active\", b.dataset.view === view);\n if (view === \"book\") loadSlots();\n if (view === \"mine\") loadMine();\n if (view === \"profile\") loadProfile();\n if (view === \"admin\") loadAdmin();\n window.scrollTo({ top: 0 });\n}\n\nasync function boot() {\n const me = await api(\"/api/me\");\n state.member = me.member;\n state.resources = me.resources;\n state.now = me.now;\n if (!state.date) state.date = me.now.date;\n if (!state.resource || !state.resources.some((r) => r.id === state.resource.id)) state.resource = state.resources[0] ?? null;\n\n const banner = $(\"setup-banner\");\n if (me.setupCode && !me.member) {\n banner.innerHTML = `Ersteinrichtung. Noch niemand ist registriert. Admin-Zugang: ${esc(me.setupCode)} – bitte sofort unter „Registrieren“ mit diesem Namen und Code eine PIN festlegen.`;\n banner.hidden = false;\n } else banner.hidden = true;\n\n const loggedIn = !!me.member;\n $(\"nav\").hidden = !loggedIn;\n $(\"who\").hidden = !loggedIn;\n if (loggedIn) {\n $(\"who-name\").innerHTML = esc(me.member.alias || me.member.name) + (me.member.isVip ? ' ★' : \"\");\n $(\"nav-admin\").hidden = !me.member.isAdmin;\n const badge = $(\"admin-badge\");\n badge.hidden = !(me.member.isAdmin && me.pendingResets > 0);\n badge.textContent = me.pendingResets || \"\";\n renderResourceTabs();\n showView(state.view === \"auth\" ? \"book\" : state.view);\n } else {\n showView(\"auth\");\n }\n}\n\n// ───────────── Anmeldung ─────────────\n\n$(\"tab-login\").onclick = () => switchAuthTab(\"login\");\n$(\"tab-register\").onclick = () => switchAuthTab(\"register\");\nfunction switchAuthTab(which) {\n $(\"form-login\").hidden = which !== \"login\";\n $(\"form-register\").hidden = which !== \"register\";\n $(\"form-forgot\").hidden = which !== \"forgot\";\n $(\"tab-login\").classList.toggle(\"is-active\", which === \"login\");\n $(\"tab-register\").classList.toggle(\"is-active\", which === \"register\");\n}\n$(\"link-forgot\").onclick = () => switchAuthTab(\"forgot\");\n$(\"link-back-login\").onclick = () => switchAuthTab(\"login\");\n$(\"form-forgot\").onsubmit = async (e) => {\n e.preventDefault();\n try {\n await api(\"/api/reset-request\", { method: \"POST\", body: { name: $(\"forgot-name\").value } });\n const el = $(\"forgot-msg\");\n el.textContent = \"Anfrage gesendet. Wenn ein Konto mit dieser Angabe existiert, ist der Einladungscode unterwegs – per E-Mail oder über den Verwalter.\";\n el.classList.remove(\"is-error\"); el.hidden = false;\n $(\"forgot-name\").value = \"\";\n } catch (err) {\n flash($(\"forgot-msg\"), err.message, true);\n }\n};\n\n$(\"form-login\").onsubmit = async (e) => {\n e.preventDefault();\n $(\"login-error\").hidden = true;\n try {\n await api(\"/api/login\", { method: \"POST\", body: { name: $(\"login-name\").value, pin: $(\"login-pin\").value } });\n $(\"login-pin\").value = \"\";\n state.view = \"book\";\n await boot();\n } catch (err) {\n $(\"login-error\").textContent = err.message;\n $(\"login-error\").hidden = false;\n }\n};\n\n$(\"form-register\").onsubmit = async (e) => {\n e.preventDefault();\n const errEl = $(\"reg-error\");\n errEl.hidden = true;\n if ($(\"reg-pin\").value !== $(\"reg-pin2\").value) {\n errEl.textContent = \"Die beiden PINs stimmen nicht überein.\";\n errEl.hidden = false;\n return;\n }\n try {\n await api(\"/api/register\", {\n method: \"POST\",\n body: { name: $(\"reg-name\").value, code: $(\"reg-code\").value, email: $(\"reg-email\").value, pin: $(\"reg-pin\").value },\n });\n $(\"reg-pin\").value = $(\"reg-pin2\").value = \"\";\n state.view = \"book\";\n await boot();\n } catch (err) {\n errEl.textContent = err.message;\n errEl.hidden = false;\n }\n};\n\n$(\"logout\").onclick = async () => {\n await api(\"/api/logout\", { method: \"POST\" });\n state.view = \"auth\";\n await boot();\n};\n\nfor (const b of document.querySelectorAll(\".navbtn\")) b.onclick = () => showView(b.dataset.view);\n\n// ───────────── Buchen ─────────────\n\nfunction renderResourceTabs() {\n const el = $(\"resource-tabs\");\n el.hidden = state.resources.length < 2;\n el.innerHTML = state.resources\n .map((r) => ``)\n .join(\"\");\n for (const b of el.querySelectorAll(\"button\")) {\n b.onclick = () => {\n state.resource = state.resources.find((r) => r.id === b.dataset.id);\n renderResourceTabs();\n loadSlots();\n };\n }\n}\n\nfunction renderDaystrip() {\n const r = state.resource;\n const lead = state.member.isVip ? r.leadDaysVip : r.leadDaysStd;\n const days = [];\n const horizon = Math.max(r.leadDaysVip, r.leadDaysStd);\n for (let i = 0; i <= horizon; i++) days.push(addDays(state.now.date, i));\n $(\"daystrip\").innerHTML = days\n .map((d, i) => {\n const [y, m, dd] = d.split(\"-\").map(Number);\n const wd = weekdayOf(d);\n const cls = [\"day\", d === state.date ? \"is-active\" : \"\", wd === 0 || wd === 6 ? \"is-weekend\" : \"\", i > lead ? \"is-locked\" : \"\"].join(\" \");\n const title = i > lead ? `Erst ab ${lead} Tage vorher buchbar` : \"\";\n return ``;\n })\n .join(\"\");\n for (const b of $(\"daystrip\").querySelectorAll(\".day\")) {\n b.onclick = () => { state.date = b.dataset.date; loadSlots(); };\n }\n const active = $(\"daystrip\").querySelector(\".is-active\");\n if (active) active.scrollIntoView({ block: \"nearest\", inline: \"center\", behavior: \"instant\" });\n}\n\nasync function loadSlots() {\n if (!state.resource) {\n $(\"slots\").innerHTML = `

Noch keine Ressource eingerichtet.

`;\n return;\n }\n renderDaystrip();\n const r = state.resource;\n $(\"book-eyebrow\").textContent = r.name;\n $(\"book-title\").textContent = state.date === state.now.date ? \"Heute\" : fmtDate(state.date, true);\n $(\"book-sub\").textContent = (state.date === state.now.date ? fmtDate(state.date, true) + \" · \" : \"\")\n + `${r.capacity} Plätze pro Stunde · `\n + (state.member.isVip ? `als VIP bis ${r.leadDaysVip} Tage im Voraus buchbar` : `bis ${r.leadDaysStd} Tage im Voraus buchbar`);\n try {\n const data = await api(`/api/slots?resource=${encodeURIComponent(r.id)}&date=${state.date}`);\n state.now = data.now;\n renderSlots(data);\n } catch (err) {\n flash($(\"book-msg\"), err.message, true);\n }\n}\n\nfunction renderSlots(data) {\n const r = data.resource;\n const me = state.member;\n if (!data.slots.length) {\n $(\"slots\").innerHTML = `

An diesem Tag ist ${esc(r.name)} geschlossen.

`;\n return;\n }\n $(\"slots\").innerHTML = data.slots\n .map((s) => {\n const chips = [];\n for (const seat of s.seats) {\n const mine = seat.memberId === me.id;\n chips.push(`${esc(initials(seat.name))}${esc(mine ? \"Du\" : seat.name)}`);\n }\n const freeSeats = r.capacity - s.seats.length;\n const nonVipTaken = s.seats.filter((x) => !x.isVip).length;\n // Für alle offen sind höchstens (Kapazität − Reserve) Plätze abzüglich der schon\n // belegten Nicht-VIP-Plätze; der Rest der freien Plätze ist VIP-Reserve.\n let reserved = 0;\n if (s.reserveActive && !s.past) {\n const nonVipCap = r.capacity - r.vipReserved;\n const openForAll = Math.max(0, Math.min(freeSeats, nonVipCap - nonVipTaken));\n reserved = freeSeats - openForAll;\n }\n for (let i = 0; i < freeSeats - reserved; i++) chips.push(`frei`);\n for (let i = 0; i < reserved; i++) chips.push(`★ VIP`);\n\n let action = \"\";\n if (s.myBookingId) {\n action = s.canCancel\n ? ``\n : `läuft`;\n } else if (s.canBook) {\n action = ``;\n } else {\n action = ``;\n }\n const reason = !s.myBookingId && !s.canBook && !s.past && s.reasonCode !== \"full\" ? `

${esc(s.reason)}

` : \"\";\n return `

${s.hour}:00bis ${s.hour + 1}:00

${chips.join(\"\")}

${action}

\n ${reason}\n

`;\n })\n .join(\"\");\n\n for (const b of $(\"slots\").querySelectorAll(\"[data-book]\")) {\n b.onclick = async () => {\n b.disabled = true;\n try {\n await api(\"/api/bookings\", { method: \"POST\", body: { resource: r.id, date: data.date, hour: Number(b.dataset.book) } });\n flash($(\"book-msg\"), `Gebucht: ${fmtDate(data.date)}, ${b.dataset.book}:00 Uhr.`);\n } catch (err) {\n flash($(\"book-msg\"), err.message, true);\n }\n loadSlots();\n };\n }\n for (const b of $(\"slots\").querySelectorAll(\"[data-cancel]\")) {\n b.onclick = async () => {\n b.disabled = true;\n try {\n await api(`/api/bookings/${b.dataset.cancel}`, { method: \"DELETE\" });\n flash($(\"book-msg\"), \"Buchung storniert.\");\n } catch (err) {\n flash($(\"book-msg\"), err.message, true);\n }\n loadSlots();\n };\n }\n}\n\n// ───────────── Meine Termine ─────────────\n\nasync function loadMine() {\n const { bookings } = await api(\"/api/bookings/mine\");\n $(\"mine-sub\").textContent = bookings.length ? `${bookings.length} anstehende${bookings.length === 1 ? \"r Termin\" : \" Termine\"}` : \"\";\n if (!bookings.length) {\n $(\"mine-list\").innerHTML = `

Du hast noch keine Termine. Jetzt buchen

`;\n $(\"go-book\").onclick = (e) => { e.preventDefault(); showView(\"book\"); };\n return;\n }\n $(\"mine-list\").innerHTML = bookings\n .map((b) => `

${fmtDate(b.date, true)}${b.hour}:00–${b.hour + 1}:00

${esc(b.resourceName)}

`)\n .join(\"\");\n for (const btn of $(\"mine-list\").querySelectorAll(\"[data-cancel]\")) {\n btn.onclick = async () => {\n btn.disabled = true;\n try { await api(`/api/bookings/${btn.dataset.cancel}`, { method: \"DELETE\" }); } catch (err) { alert(err.message); }\n loadMine();\n };\n }\n}\n\n// ───────────── Profil ─────────────\n\nfunction loadProfile() {\n const m = state.member;\n $(\"profile-title\").textContent = m.name;\n $(\"profile-sub\").textContent = (m.isVip ? \"VIP-Mitglied\" : \"Mitglied\") + (m.alias ? ` · Alias: ${m.alias}` : \" · noch kein Alias\");\n $(\"alias-input\").value = m.alias || \"\";\n $(\"email-input\").value = m.email || \"\";\n}\n\n$(\"form-email\").onsubmit = async (e) => {\n e.preventDefault();\n try {\n const r = await api(\"/api/profile/email\", { method: \"POST\", body: { email: $(\"email-input\").value } });\n state.member.email = r.email;\n flash($(\"email-msg\"), \"E-Mail-Adresse gespeichert.\");\n } catch (err) {\n flash($(\"email-msg\"), err.message, true);\n }\n};\n\n$(\"form-alias\").onsubmit = async (e) => {\n e.preventDefault();\n try {\n const r = await api(\"/api/profile/alias\", { method: \"POST\", body: { alias: $(\"alias-input\").value.trim() } });\n state.member.alias = r.alias;\n flash($(\"alias-msg\"), r.alias ? `Alias „${r.alias}“ gespeichert. Du kannst dich jetzt auch damit anmelden.` : \"Alias entfernt.\");\n loadProfile();\n $(\"who-name\").innerHTML = esc(state.member.alias || state.member.name) + (state.member.isVip ? ' ★' : \"\");\n } catch (err) {\n flash($(\"alias-msg\"), err.message, true);\n }\n};\n$(\"alias-clear\").onclick = async () => {\n $(\"alias-input\").value = \"\";\n $(\"form-alias\").requestSubmit();\n};\n\n$(\"form-pin\").onsubmit = async (e) => {\n e.preventDefault();\n if ($(\"pin-next\").value !== $(\"pin-next2\").value) {\n flash($(\"pin-msg\"), \"Die beiden neuen PINs stimmen nicht überein.\", true);\n return;\n }\n try {\n await api(\"/api/profile/pin\", { method: \"POST\", body: { current: $(\"pin-current\").value, next: $(\"pin-next\").value } });\n $(\"pin-current\").value = $(\"pin-next\").value = $(\"pin-next2\").value = \"\";\n flash($(\"pin-msg\"), \"PIN geändert. Andere Geräte wurden abgemeldet.\");\n } catch (err) {\n flash($(\"pin-msg\"), err.message, true);\n }\n};\n\n// ───────────── Verwaltung ─────────────\n\nasync function loadAdmin() {\n await Promise.all([loadMembers(), loadResources(), loadAllBookings()]);\n}\n\nasync function loadMembers() {\n const { members } = await api(\"/api/admin/members\");\n const tb = $(\"members-table\").querySelector(\"tbody\");\n tb.innerHTML = members\n .map((m) => {\n const status = !m.active ? 'deaktiviert'\n : m.resetRequestedAt ? 'PIN-Reset angefragt'\n : m.registered ? 'registriert' : 'wartet';\n const code = m.inviteCode ? `${esc(m.inviteCode)}` : \"—\";\n return `\n ${esc(m.name)}${m.alias ? `Alias: ${esc(m.alias)}` : \"\"}${m.email ? `${esc(m.email)}` : \"\"}\n ${status}\n \n \n ${code}\n

\n \n ${m.active\n ? ``\n : `\n `}\n

`;\n })\n .join(\"\");\n const patch = async (id, body) => {\n try { await api(`/api/admin/members/${id}`, { method: \"PATCH\", body }); } catch (err) { flash($(\"admin-msg\"), err.message, true); }\n loadMembers();\n };\n for (const el of tb.querySelectorAll(\"[data-vip]\")) el.onchange = () => patch(el.dataset.vip, { isVip: el.checked });\n for (const el of tb.querySelectorAll(\"[data-admin]\")) el.onchange = () => patch(el.dataset.admin, { isAdmin: el.checked });\n for (const el of tb.querySelectorAll(\"[data-deact]\")) el.onclick = () => patch(el.dataset.deact, { active: false });\n for (const el of tb.querySelectorAll(\"[data-act]\")) el.onclick = () => patch(el.dataset.act, { active: true });\n for (const el of tb.querySelectorAll(\"[data-reset]\")) el.onclick = async () => {\n try {\n const r = await api(`/api/admin/members/${el.dataset.reset}/reset`, { method: \"POST\" });\n flash($(\"admin-msg\"), `Neuer Einladungscode: ${r.inviteCode} – bitte an die Person weitergeben.`);\n const me = await api(\"/api/me\");\n $(\"admin-badge\").hidden = !(me.pendingResets > 0);\n $(\"admin-badge\").textContent = me.pendingResets || \"\";\n } catch (err) { flash($(\"admin-msg\"), err.message, true); }\n loadMembers();\n };\n for (const el of tb.querySelectorAll(\"[data-del]\")) el.onclick = async () => {\n try { await api(`/api/admin/members/${el.dataset.del}`, { method: \"DELETE\" }); } catch (err) { flash($(\"admin-msg\"), err.message, true); }\n loadMembers();\n };\n}\n\n$(\"form-add-member\").onsubmit = async (e) => {\n e.preventDefault();\n try {\n const r = await api(\"/api/admin/members\", {\n method: \"POST\",\n body: { name: $(\"new-member-name\").value, isVip: $(\"new-member-vip\").checked },\n });\n flash($(\"admin-msg\"), `${$(\"new-member-name\").value.trim()} angelegt. Einladungscode: ${r.inviteCode}`);\n $(\"new-member-name\").value = \"\";\n $(\"new-member-vip\").checked = false;\n loadMembers();\n } catch (err) {\n flash($(\"admin-msg\"), err.message, true);\n }\n};\n\nconst RES_FIELDS = [\n [\"name\", \"Name\", \"text\"],\n [\"capacity\", \"Plätze / Stunde\", \"number\"],\n [\"vipReserved\", \"davon VIP-Reserve\", \"number\"],\n [\"reserveReleaseHours\", \"Reserve frei ab (Std. vor Start)\", \"number\"],\n [\"leadDaysVip\", \"Vorlauf VIP (Tage)\", \"number\"],\n [\"leadDaysStd\", \"Vorlauf normal (Tage)\", \"number\"],\n [\"maxOpenPerMember\", \"Max. offene Buchungen / Spieler\", \"number\"],\n [\"weekdayOpen\", \"Mo–Fr ab (Uhr)\", \"number\"],\n [\"weekdayClose\", \"Mo–Fr bis (Uhr)\", \"number\"],\n [\"weekendOpen\", \"Sa/So ab (Uhr)\", \"number\"],\n [\"weekendClose\", \"Sa/So bis (Uhr)\", \"number\"],\n];\n\nfunction resourceForm(r, isNew = false) {\n const idField = isNew\n ? `Kennung (Kleinbuchstaben, z. B. fitness)`\n : \"\";\n return ``;\n}\n\nasync function loadResources() {\n const { resources } = await api(\"/api/admin/resources\");\n $(\"resource-forms\").innerHTML = resources.map((r) => resourceForm(r)).join(\"\");\n bindResourceForms();\n}\n\nfunction bindResourceForms() {\n for (const form of $(\"resource-forms\").querySelectorAll(\"form.res-form\")) {\n form.onsubmit = async (e) => {\n e.preventDefault();\n const fd = new FormData(form);\n const body = {};\n for (const [k, v] of fd.entries()) body[k] = k === \"name\" || k === \"id\" ? v : Number(v);\n body.active = form.querySelector('[name=\"active\"]').checked;\n const id = form.dataset.new === \"1\" ? String(fd.get(\"id\")) : form.dataset.res;\n try {\n await api(`/api/admin/resources/${encodeURIComponent(id)}`, { method: \"PUT\", body });\n flash($(\"admin-msg\"), `${body.name} gespeichert.`);\n const me = await api(\"/api/me\");\n state.resources = me.resources;\n renderResourceTabs();\n loadResources();\n } catch (err) {\n flash($(\"admin-msg\"), err.message, true);\n }\n };\n }\n}\n\n$(\"btn-new-resource\").onclick = () => {\n if ($(\"resource-forms\").querySelector('[data-new=\"1\"]')) return;\n const tpl = {\n id: \"\", name: \"Fitness\", capacity: 4, vipReserved: 1, reserveReleaseHours: 24, leadDaysVip: 14, leadDaysStd: 7,\n weekdayOpen: 9, weekdayClose: 22, weekendOpen: 10, weekendClose: 21, maxOpenPerMember: 3, active: 1,\n };\n $(\"resource-forms\").insertAdjacentHTML(\"beforeend\", resourceForm(tpl, true));\n bindResourceForms();\n};\n\nasync function loadAllBookings() {\n const { bookings } = await api(\"/api/admin/bookings\");\n const tb = $(\"bookings-table\").querySelector(\"tbody\");\n if (!bookings.length) {\n tb.innerHTML = `Keine Buchungen in den nächsten 14 Tagen.`;\n return;\n }\n const resName = (id) => state.resources.find((r) => r.id === id)?.name ?? id;\n tb.innerHTML = bookings\n .map((b) => `\n ${fmtDate(b.date)}${b.hour}:00–${b.hour + 1}:00${esc(resName(b.resourceId))}\n ${b.isVip ? '★ ' : \"\"}${esc(b.name)}\n ${fmtStamp(b.createdAt)}\n

`)\n .join(\"\");\n for (const btn of tb.querySelectorAll(\"[data-cancel]\")) {\n btn.onclick = async () => {\n try { await api(`/api/bookings/${btn.dataset.cancel}`, { method: \"DELETE\" }); } catch (err) { flash($(\"admin-msg\"), err.message, true); }\n loadAllBookings();\n };\n }\n}\n\nboot().catch((err) => {\n document.body.insertAdjacentHTML(\"afterbegin\", `

${esc(err.message)}

`);\n});\n",[],[99,136],"e5718bb4-559b-409d-a723-e72077efaced",["D",1789073537776],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Buchungssystem Golfsimulator (4 Plätze/Std., VIP, PIN-Login)","imageUrl","userId","aa4a2c1b-3d04-409c-88c5-af54cb1d3470","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","01a08d16-8467-769a-84f6-caf4cfc8139c","tursoName","e5718bb4559b409da723e72077efaced","tursoHostname","e5718bb4559b409da723e72077efaced-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789512044203],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_201":197},"org",{"_11":12,"_194":195,"_196":197,"_154":155,"_198":199,"_200":51},"branch",{"_17":129,"_13":16,"_33":39,"_186":144,"_187":-5,"_188":-5,"_189":-5,"_190":-5,"_191":-5,"_192":14,"_193":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Kirk Lenke","avatar","https://lh3.googleusercontent.com/a/ACg8ocJoDfrcBCOirw40MHfesVj8rSjuldOifXKqr9767Swx6brFywwEAQ=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":144,"_13":14,"_44":262,"_146":-5,"_147":51,"_148":149,"_150":149,"_151":152,"_153":-5,"_154":155,"_156":60,"_157":43,"_158":-5,"_159":-5,"_160":46,"_161":162,"_163":164,"_165":166,"_167":263,"_169":-5,"_170":171,"_172":171,"_173":174,"_175":174,"_176":174,"_177":171,"_178":171,"_179":264,"_181":265,"_183":266,"_185":51},[232,237,240,241],"files",[232,233,234,235,236,237,238,239,240,241],"counts",{"_222":46,"_223":224,"_225":46,"_32":226,"_227":228},[],{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":48,"_49":-5,"_50":51,"_52":-5,"_18":221},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],"pulls","branches",1,"forks",{"_229":46,"_231":46},"connections",{"_229":46,"_230":46},"count","unfilledCount","emptyCount",{"_33":98,"_13":99,"_35":100,"_37":-5,"_38":39,"_40":101,"_42":43,"_44":102,"_17":46,"_47":48,"_49":-5,"_50":51,"_52":-5,"_67":260,"_18":261},{"_33":135,"_13":136,"_35":137,"_37":100,"_38":39,"_40":138,"_42":43,"_44":139,"_17":140,"_47":86,"_49":141,"_50":51,"_52":-5,"_67":258,"_18":259},{"_33":126,"_13":127,"_35":128,"_37":100,"_38":39,"_40":129,"_42":43,"_44":130,"_17":131,"_47":24,"_49":132,"_50":51,"_52":-5,"_67":256,"_18":257},{"_33":118,"_13":119,"_35":120,"_37":100,"_38":39,"_40":121,"_42":43,"_44":122,"_17":46,"_47":24,"_49":123,"_50":51,"_52":-5,"_67":254,"_18":255},{"_33":109,"_13":110,"_35":111,"_37":100,"_38":39,"_40":112,"_42":43,"_44":113,"_17":114,"_47":24,"_49":115,"_50":51,"_52":-5,"_67":252,"_18":253},{"_33":73,"_13":74,"_35":75,"_37":-5,"_38":39,"_40":76,"_42":43,"_44":77,"_17":46,"_47":48,"_49":-5,"_50":51,"_52":-5,"_67":250,"_18":251},{"_33":90,"_13":91,"_35":92,"_37":75,"_38":39,"_40":93,"_42":43,"_44":94,"_17":76,"_47":86,"_49":95,"_50":51,"_52":-5,"_67":248,"_18":249},{"_33":82,"_13":83,"_35":84,"_37":75,"_38":39,"_40":76,"_42":43,"_44":85,"_17":46,"_47":86,"_49":87,"_50":51,"_52":-5,"_67":246,"_18":247},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":70,"_17":46,"_47":48,"_49":-5,"_50":51,"_52":-5,"_67":244,"_18":245},{"_33":58,"_13":59,"_35":60,"_37":-5,"_38":39,"_40":61,"_42":43,"_44":62,"_17":63,"_47":64,"_49":65,"_50":51,"_52":66,"_67":242,"_18":243},[],[59],[],[19],[],[74,83],[],[74,91],[238,239],[74],[],[99,110],[],[99,119],[],[99,127],[],[99,136],[233,234,235,236],[99],["D",1789073537776],["D",1789512044203],{"_11":12,"_201":197},{"_11":12,"_194":195,"_196":197,"_154":155,"_198":199,"_200":51},{"_17":129,"_13":16,"_33":39,"_186":144,"_187":-5,"_188":-5,"_189":-5,"_190":-5,"_191":-5,"_192":14,"_193":12},"ctx",{"_179":-5,"_218":300,"_301":302,"_303":304,"_305":51,"_306":51,"_307":51,"_308":43,"_309":-5,"_310":-7,"_311":-7,"_312":46,"_313":51,"_314":51,"_315":-5,"_316":51,"_317":51,"_318":51,"_319":-5},"ENV",{"_271":272,"_273":274,"_275":16,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299},"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"]

Deine Stunde am Simulator.

PIN zurücksetzen

Heute

Meine Termine

Profil

Alias

E-Mail-Adresse

PIN ändern

Darstellung

Verwaltung

Spieler

Ressourcen & Regeln

Alle Buchungen der nächsten 14 Tage

${isNew ? \"Neue Ressource\" : esc(r.name)}