Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
8b98294998 | ||
|
|
a5b68d577d | ||
|
|
babc55e781 | ||
|
|
a6165de10c | ||
|
|
30a02ba7b7 | ||
|
|
1cc19de221 | ||
|
|
33909c660b | ||
|
|
d96faad4d5 | ||
|
|
0c4fad9649 | ||
|
|
5c9df6e33b | ||
|
|
bb6093dbfe | ||
|
|
088df8a26b | ||
|
|
39181be3fb | ||
|
|
72459d8da5 | ||
|
|
00745ae48b | ||
|
|
675503e1f4 | ||
|
|
1db89a54bf | ||
|
|
29ca8e1227 | ||
|
|
4e4abed0ca |
@@ -16,3 +16,12 @@ SUPABASE_SERVICE_ROLE_KEY=<service-role-key>
|
||||
# SUPABASE_ACCESS_TOKEN=<token> node scripts/configure-passkeys.mjs
|
||||
# ausführen, damit Passkeys auf der neuen Domain funktionieren.
|
||||
APP_URL=http://localhost:3000
|
||||
|
||||
# Titel im Browser-Tab und Überschrift, solange kein Logo hochgeladen ist.
|
||||
SITE_TITLE=Canteen Menu
|
||||
|
||||
# Optional: DeepL-API-Key für automatische Übersetzung von Gerichten nach
|
||||
# Englisch/Polnisch (kostenloser Free-Tier unter deepl.com/de/pro-api,
|
||||
# Free-Keys enden auf ":fx"). Ohne Key bleibt "Automatisch übersetzen"
|
||||
# inaktiv; Englisch/Polnisch lassen sich weiterhin manuell eintragen.
|
||||
DEEPL_API_KEY=
|
||||
|
||||
@@ -0,0 +1,96 @@
|
||||
# Changelog
|
||||
|
||||
Alle nennenswerten Änderungen an diesem Projekt werden hier dokumentiert.
|
||||
Format angelehnt an [Keep a Changelog](https://keepachangelog.com/de/1.1.0/),
|
||||
Versionierung nach [Semantic Versioning](https://semver.org/lang/de/).
|
||||
|
||||
## [1.3.0] – 2026-07-18
|
||||
|
||||
### Hinzugefügt
|
||||
- Mehrsprachigkeit für die komplette Anwendung (Deutsch, Englisch,
|
||||
Polnisch): Sprachumschalter (Cookie-basiert, kein Neuladen der
|
||||
Seite nötig), sämtliche Oberflächentexte übersetzt
|
||||
- Gerichte, Bereiche, Allergene und Zusatzstoffe zusätzlich mit
|
||||
englischem/polnischem Namen; öffentliche Speisekarte zeigt je nach
|
||||
gewählter Sprache automatisch den passenden Namen (Fallback:
|
||||
Deutsch, falls keine Übersetzung hinterlegt ist)
|
||||
- Automatische Übersetzung per DeepL: Button „Automatisch übersetzen“
|
||||
beim Anlegen/Bearbeiten von Gerichten, Allergenen und Zusatzstoffen;
|
||||
Ergebnis bleibt danach manuell korrigierbar. Aktivierung über die
|
||||
neue Docker-Variable `DEEPL_API_KEY` – ohne Key bleibt der Button
|
||||
inaktiv, die Felder lassen sich weiterhin von Hand ausfüllen
|
||||
- Rezeptvorschläge im öffentlichen Bereich: nicht angemeldete
|
||||
Besucher können über „Rezept vorschlagen“ ein fehlendes Gericht
|
||||
vorschlagen (Name + optionale Beschreibung), inkl. Dublettenprüfung
|
||||
gegen bestehende Gerichte und einfachem Honeypot-Spamschutz
|
||||
- Neue Seite „Vorschläge“ im Kantinen-Bereich: eingereichte Vorschläge
|
||||
sichten, als Gericht übernehmen oder ablehnen
|
||||
|
||||
### Behoben
|
||||
- Passwort-wiederholen-Feld beim Bearbeiten eines Benutzers erschien
|
||||
erst, nachdem im ersten Passwortfeld schon getippt wurde – wirkte
|
||||
wie ein einzelnes Pflichtfeld
|
||||
- Anmelden-Button überlappte auf Mobilgeräten mit breiten Logos
|
||||
(Banner-Format) das Logo, da er absolut in der oberen Ecke
|
||||
positioniert war
|
||||
|
||||
## [1.2.0] – 2026-07-18
|
||||
|
||||
### Hinzugefügt
|
||||
- „Heute"-Button in der Wochennavigation (öffentliche Speisekarte und
|
||||
Wochenplan-Editor)
|
||||
- Mobile Ansicht der öffentlichen Speisekarte: umschaltbar zwischen
|
||||
Tag (Standard) und Woche, unabhängig von der Desktop-Tabelle
|
||||
- Allergene und Zusatzstoffe wieder pro Gericht auswählbar (Chip-Auswahl
|
||||
im Formular) und als kleine Kürzel neben dem Gerichtnamen sichtbar –
|
||||
in Speisekarte, mobiler Ansicht und Wochenplan-Editor
|
||||
- Passwort-Wiederholung beim Anlegen neuer Benutzer und beim optionalen
|
||||
Passwort-Reset
|
||||
- Passwort-Anmeldung pro Konto deaktivierbar (nur wenn mindestens ein
|
||||
Passkey registriert ist), Durchsetzung im Login-Flow
|
||||
- `SITE_TITLE`-Umgebungsvariable für Browser-Tab-Titel und Überschrift
|
||||
ohne Logo
|
||||
- Austauschbares Favicon über den Admin-Design-Bereich
|
||||
|
||||
### Geändert
|
||||
- Gemeinsame Navigation für Kantinen- und Admin-Bereich statt zwei
|
||||
getrennter Menüs
|
||||
- Live-Suche bei den Gerichten
|
||||
- Mehrfachauswahl zum Batch-Löschen von Gerichten
|
||||
- App erreichbar auf `0.0.0.0` statt nur `localhost` (Docker und
|
||||
nativer Betrieb)
|
||||
- Projekt umbenannt von „Speisekarte“ zu „canteen-menu“ (Docker-,
|
||||
npm- und Supabase-Namen; deutsche In-App-Texte unverändert)
|
||||
- Öffentliche URL über `APP_URL` konfigurierbar (CSRF-Origin-Check
|
||||
hinter Reverse-Proxy, Passkey-Domain)
|
||||
|
||||
### Behoben
|
||||
- Next.js band `app/favicon.ico` zusätzlich zu einem dynamisch
|
||||
gesetzten Favicon ein – Favicon wird jetzt immer explizit gesetzt
|
||||
- Weiterleitungen (Logout, Zugriffsschutz) übernahmen nach der
|
||||
0.0.0.0-Bindung fälschlich die Server-Adresse statt des
|
||||
aufgerufenen Hosts
|
||||
|
||||
## [1.1.0] – 2026-07-17
|
||||
|
||||
### Hinzugefügt
|
||||
- Versionsnummer im Fußbereich jeder Seite
|
||||
|
||||
## [1.0.0] – 2026-07-17
|
||||
|
||||
Erste vollständige Version.
|
||||
|
||||
### Hinzugefügt
|
||||
- Öffentliche Speisekarte ohne Login: Wochenansicht Mo–Fr mit den
|
||||
Bereichen Brotzeit, Mittagessen, Mittagessen vegetarisch und Suppe;
|
||||
Wochen-Navigation; Logo zentriert; Allergene & Zusatzstoffe unterhalb
|
||||
der Karte
|
||||
- Anmeldung mit E-Mail/Passwort oder Passkey
|
||||
- Kantinen-Bereich: Gerichte anlegen/bearbeiten/löschen, Wochenplan
|
||||
pflegen, globale Allergen-/Zusatzstofflisten verwalten
|
||||
- Admin-Bereich: Benutzerverwaltung, Farbgebung, Logo-Upload
|
||||
- Eigenes Konto verwalten: Name, E-Mail, Passwort, Passkeys
|
||||
- Row-Level-Security, HTTP-Security-Header, CSRF-Origin-Check
|
||||
- Docker-Setup (App-Image, lokale PostgreSQL-Kopie, Dev-Profil ohne
|
||||
lokales Node.js)
|
||||
- Lokale PostgreSQL-Kopie mit Sync-Skript
|
||||
@@ -7,16 +7,27 @@ Admin-Bereich für Benutzerverwaltung und Branding.
|
||||
**Stack:** Next.js 16 (App Router, TypeScript, Tailwind CSS) · Supabase
|
||||
(PostgreSQL, Auth inkl. Passkeys, Storage, Row Level Security)
|
||||
|
||||
Änderungen je Version stehen in [CHANGELOG.md](CHANGELOG.md), Git-Tags
|
||||
markieren die jeweiligen Versionsstände (`git tag`).
|
||||
|
||||
## Funktionen
|
||||
|
||||
| Bereich | Funktionen |
|
||||
| --- | --- |
|
||||
| Öffentlich (ohne Login) | Wochenplan Mo–Fr mit den Bereichen Brotzeit (09:00–10:00), Mittagessen, Mittagessen vegetarisch und Suppe (je 11:30–13:30); Navigation vorherige/nächste Woche; Logo zentriert über der Karte; Allergene & Zusatzstoffe unterhalb der Karte |
|
||||
| Kantinen-Team (`/intern`) | Gerichte anlegen/bearbeiten/löschen; Gerichte Tagen/Bereichen zuweisen (mehrere pro Zelle) und wieder entfernen; globale Allergen-/Zusatzstofflisten pflegen; eigene Passkeys verwalten |
|
||||
| Admin (`/admin`) | Kantinenmitarbeiter anlegen/bearbeiten/löschen (inkl. Passwort-Reset und Rollenvergabe); Farbgebung der Speisekarte anpassen; Logo hochladen/entfernen |
|
||||
| Öffentlich (ohne Login) | Wochenplan Mo–Fr mit den Bereichen Brotzeit (09:00–10:00), Mittagessen, Mittagessen vegetarisch und Suppe (je 11:30–13:30); Navigation vorherige/nächste Woche/Heute; auf schmalen Bildschirmen umschaltbare Tages-/Wochenansicht (Tag ist Standard); Logo zentriert über der Karte; Allergen-/Zusatzstoff-Kürzel je Gericht, Legende unterhalb der Karte; Sprachumschalter Deutsch/Englisch/Polnisch; Rezeptvorschläge einreichen |
|
||||
| Kantinen-Team (`/intern`) | Gerichte anlegen/bearbeiten/löschen (inkl. Live-Suche, Mehrfachauswahl zum Batch-Löschen, englischem/polnischem Namen mit automatischer DeepL-Übersetzung) mit Allergenen/Zusatzstoffen je Gericht; Gerichte Tagen/Bereichen zuweisen (mehrere pro Zelle) und wieder entfernen; globale Allergen-/Zusatzstofflisten pflegen (ebenfalls mehrsprachig); eingereichte Rezeptvorschläge sichten, übernehmen oder ablehnen; eigenes Konto verwalten (Name, E-Mail, Passwort, Passkeys, Passwort-Anmeldung an/aus) |
|
||||
| Admin (`/admin`) | Kantinenmitarbeiter anlegen/bearbeiten/löschen (inkl. Passwort-Reset mit Wiederholung und Rollenvergabe); Farbgebung der Speisekarte anpassen; Logo und Favicon hochladen/entfernen |
|
||||
|
||||
Anmeldung mit E-Mail + Passwort oder alternativ per **Passkey**
|
||||
(Registrierung im Bereich „Passkeys“ nach dem ersten Login).
|
||||
(Registrierung im eigenen Konto nach dem ersten Login). Die
|
||||
Passwort-Anmeldung kann pro Konto deaktiviert werden, sobald mindestens
|
||||
ein Passkey registriert ist.
|
||||
|
||||
Die gesamte Oberfläche ist auf Deutsch, Englisch und Polnisch verfügbar
|
||||
(Sprachumschalter, Cookie-basiert). Gerichte, Bereiche, Allergene und
|
||||
Zusatzstoffe lassen sich zusätzlich auf Englisch/Polnisch benennen –
|
||||
mit optionaler automatischer Übersetzung über DeepL (siehe
|
||||
`DEEPL_API_KEY` unten) und jederzeit manuell korrigierbar.
|
||||
|
||||
## Projektstruktur
|
||||
|
||||
@@ -24,10 +35,16 @@ Anmeldung mit E-Mail + Passwort oder alternativ per **Passkey**
|
||||
app/ Next.js-Routen
|
||||
page.tsx Öffentliche Speisekarte
|
||||
login/ Login (Passwort + Passkey)
|
||||
vorschlag/ Öffentliches Rezeptvorschlag-Formular
|
||||
intern/ Kantinen-Bereich (Rolle: staff oder admin)
|
||||
vorschlaege/ Rezeptvorschläge sichten/übernehmen
|
||||
admin/ Verwaltung (Rolle: admin)
|
||||
api/admin/users/ Benutzerverwaltung (serverseitig, Service-Role-Key)
|
||||
api/translate/ DeepL-Anbindung (serverseitig)
|
||||
api/locale/ Sprach-Cookie setzen
|
||||
components/ Client-Komponenten (WeekEditor, DishManager, …)
|
||||
components/i18n/ Sprachkontext, Sprachumschalter
|
||||
lib/i18n/ Wörterbücher (de/en/pl), Locale-Helfer
|
||||
lib/supabase/ Supabase-Clients (Browser / Server / Admin)
|
||||
lib/ Typen, Datums-/Formatierungshelfer
|
||||
proxy.ts Session-Refresh + Schutz von /intern und /admin
|
||||
@@ -67,6 +84,8 @@ Beim Webserver/Hoster müssen genau diese drei Variablen hinterlegt werden
|
||||
| `NEXT_PUBLIC_SUPABASE_ANON_KEY` | Öffentlicher anon-Key (RLS schützt die Daten) | nein |
|
||||
| `SUPABASE_SERVICE_ROLE_KEY` | Service-Role-Key für die Benutzerverwaltung | **ja – niemals im Browser/Repo!** |
|
||||
| `APP_URL` | Öffentliche URL der App, z. B. `https://menu.example.de` (Origin-Check hinter Reverse-Proxy; zugleich Passkey-Domain) | nein |
|
||||
| `SITE_TITLE` | Titel im Browser-Tab und Überschrift ohne Logo, Default `Canteen Menu` | nein |
|
||||
| `DEEPL_API_KEY` | Optional: aktiviert „Automatisch übersetzen“ für Gerichte/Allergene/Zusatzstoffe (DeepL, kostenloser Free-Tier). Ohne Key funktioniert alles weiter, nur automatisch übersetzen ist deaktiviert | **ja – niemals im Browser/Repo!** |
|
||||
|
||||
Build & Start auf dem Server – **mit Docker** (empfohlen, Node.js und
|
||||
PostgreSQL müssen nicht installiert sein):
|
||||
|
||||
@@ -0,0 +1,23 @@
|
||||
import { NextResponse } from "next/server";
|
||||
import { isLocale, LOCALE_COOKIE } from "@/lib/i18n";
|
||||
import { isSameOrigin } from "@/lib/origin";
|
||||
|
||||
// Setzt das Sprach-Cookie. Kein Login nötig (auch anonyme Besucher
|
||||
// der öffentlichen Speisekarte sollen die Sprache wechseln können).
|
||||
export async function POST(request: Request) {
|
||||
if (!isSameOrigin(request)) {
|
||||
return NextResponse.json({ error: "Nicht erlaubt." }, { status: 403 });
|
||||
}
|
||||
const body = await request.json().catch(() => null);
|
||||
const locale = body?.locale;
|
||||
if (!isLocale(locale)) {
|
||||
return NextResponse.json({ error: "Ungültige Sprache." }, { status: 400 });
|
||||
}
|
||||
const response = NextResponse.json({ ok: true });
|
||||
response.cookies.set(LOCALE_COOKIE, locale, {
|
||||
path: "/",
|
||||
maxAge: 60 * 60 * 24 * 365,
|
||||
sameSite: "lax",
|
||||
});
|
||||
return response;
|
||||
}
|
||||
@@ -0,0 +1,100 @@
|
||||
import { NextResponse } from "next/server";
|
||||
import { createClient } from "@/lib/supabase/server";
|
||||
import { createAdminClient } from "@/lib/supabase/admin";
|
||||
import { isSameOrigin } from "@/lib/origin";
|
||||
|
||||
// Übersetzt einen deutschen Text nach Englisch/Polnisch via DeepL und
|
||||
// schreibt das Ergebnis in die _en/_pl-Spalte der angegebenen Zeile.
|
||||
// Ohne DEEPL_API_KEY läuft die Route kontrolliert ins Leere (configured:
|
||||
// false), damit das UI die manuelle Eingabe anbieten kann.
|
||||
|
||||
const ALLOWED_TABLES: Record<string, { idColumn: string; textColumn: string }> = {
|
||||
dishes: { idColumn: "id", textColumn: "name" },
|
||||
sections: { idColumn: "key", textColumn: "label" },
|
||||
allergens: { idColumn: "code", textColumn: "name" },
|
||||
additives: { idColumn: "code", textColumn: "name" },
|
||||
};
|
||||
|
||||
async function translateWithDeepL(text: string, targetLang: "EN" | "PL", apiKey: string) {
|
||||
const host = apiKey.endsWith(":fx")
|
||||
? "https://api-free.deepl.com"
|
||||
: "https://api.deepl.com";
|
||||
const res = await fetch(`${host}/v2/translate`, {
|
||||
method: "POST",
|
||||
headers: {
|
||||
Authorization: `DeepL-Auth-Key ${apiKey}`,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
body: JSON.stringify({
|
||||
text: [text],
|
||||
target_lang: targetLang,
|
||||
source_lang: "DE",
|
||||
}),
|
||||
});
|
||||
if (!res.ok) {
|
||||
throw new Error(`DeepL antwortete mit ${res.status}: ${await res.text()}`);
|
||||
}
|
||||
const data = await res.json();
|
||||
return data.translations?.[0]?.text as string | undefined;
|
||||
}
|
||||
|
||||
export async function POST(request: Request) {
|
||||
if (!isSameOrigin(request)) {
|
||||
return NextResponse.json({ error: "Nicht erlaubt." }, { status: 403 });
|
||||
}
|
||||
|
||||
const supabase = await createClient();
|
||||
const {
|
||||
data: { user },
|
||||
} = await supabase.auth.getUser();
|
||||
if (!user) return NextResponse.json({ error: "Nicht angemeldet." }, { status: 401 });
|
||||
|
||||
const admin = createAdminClient();
|
||||
const { data: profile } = await admin
|
||||
.from("profiles")
|
||||
.select("role")
|
||||
.eq("id", user.id)
|
||||
.single();
|
||||
if (!profile || !["staff", "admin"].includes(profile.role)) {
|
||||
return NextResponse.json({ error: "Nicht berechtigt." }, { status: 403 });
|
||||
}
|
||||
|
||||
const body = await request.json().catch(() => null);
|
||||
const { table, id, text } = body ?? {};
|
||||
const config = ALLOWED_TABLES[table];
|
||||
if (!config || typeof text !== "string" || !text.trim()) {
|
||||
return NextResponse.json({ error: "Ungültige Eingaben." }, { status: 400 });
|
||||
}
|
||||
// Bei einem noch nicht gespeicherten (neuen) Eintrag gibt es keine
|
||||
// Zeile zum Aktualisieren – nur übersetzen, das Speichern übernimmt
|
||||
// anschließend das reguläre Formular.
|
||||
const persist = typeof id === "string" && id.length > 0;
|
||||
|
||||
const apiKey = process.env.DEEPL_API_KEY;
|
||||
if (!apiKey) {
|
||||
return NextResponse.json({ configured: false });
|
||||
}
|
||||
|
||||
try {
|
||||
const [en, pl] = await Promise.all([
|
||||
translateWithDeepL(text, "EN", apiKey),
|
||||
translateWithDeepL(text, "PL", apiKey),
|
||||
]);
|
||||
if (!en || !pl) throw new Error("Keine Übersetzung erhalten.");
|
||||
|
||||
if (persist) {
|
||||
const { error } = await admin
|
||||
.from(table)
|
||||
.update({ [`${config.textColumn}_en`]: en, [`${config.textColumn}_pl`]: pl })
|
||||
.eq(config.idColumn, id);
|
||||
if (error) throw new Error(error.message);
|
||||
}
|
||||
|
||||
return NextResponse.json({ configured: true, en, pl });
|
||||
} catch (err) {
|
||||
return NextResponse.json(
|
||||
{ error: err instanceof Error ? err.message : "Übersetzung fehlgeschlagen." },
|
||||
{ status: 502 }
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -108,3 +108,31 @@ body {
|
||||
color: #4b5563;
|
||||
margin-left: 0.15rem;
|
||||
}
|
||||
|
||||
/* ---------- Chip-Auswahl (Allergene/Zusatzstoffe je Gericht) ---------- */
|
||||
.chip {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.25rem;
|
||||
border-radius: 9999px;
|
||||
padding: 0.2rem 0.65rem;
|
||||
font-size: 0.75rem;
|
||||
line-height: 1.2;
|
||||
border: 1px solid #d1d5db;
|
||||
background: #f9fafb;
|
||||
color: #374151;
|
||||
cursor: pointer;
|
||||
transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
|
||||
}
|
||||
.chip:hover { border-color: var(--c-primary); }
|
||||
.chip-active {
|
||||
background: var(--c-primary);
|
||||
border-color: var(--c-primary);
|
||||
color: #ffffff;
|
||||
}
|
||||
.dish-codes {
|
||||
font-size: 0.65rem;
|
||||
color: #6b7280;
|
||||
vertical-align: super;
|
||||
margin-left: 0.15rem;
|
||||
}
|
||||
|
||||
@@ -3,16 +3,8 @@ import CodeListManager from "@/components/CodeListManager";
|
||||
export default function KennzeichnungPage() {
|
||||
return (
|
||||
<div className="grid gap-6 lg:grid-cols-2">
|
||||
<CodeListManager
|
||||
table="allergens"
|
||||
title="Allergene"
|
||||
codeLabel="Kürzel (z. B. A)"
|
||||
/>
|
||||
<CodeListManager
|
||||
table="additives"
|
||||
title="Zusatzstoffe"
|
||||
codeLabel="Kürzel (z. B. 1)"
|
||||
/>
|
||||
<CodeListManager table="allergens" />
|
||||
<CodeListManager table="additives" />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
import SuggestionReview from "@/components/SuggestionReview";
|
||||
|
||||
export default function VorschlaegePage() {
|
||||
return <SuggestionReview />;
|
||||
}
|
||||
+2
-1
@@ -12,7 +12,7 @@ export default async function KontoPage() {
|
||||
|
||||
const { data: profile } = await supabase
|
||||
.from("profiles")
|
||||
.select("role, full_name")
|
||||
.select("role, full_name, password_auth_enabled")
|
||||
.eq("id", user.id)
|
||||
.single();
|
||||
if (!profile || !["staff", "admin"].includes(profile.role)) redirect("/");
|
||||
@@ -28,6 +28,7 @@ export default async function KontoPage() {
|
||||
role={profile.role}
|
||||
initialFullName={profile.full_name ?? ""}
|
||||
initialEmail={user.email ?? ""}
|
||||
initialPasswordAuthEnabled={profile.password_auth_enabled}
|
||||
/>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
+31
-10
@@ -2,9 +2,12 @@ import type { Metadata } from "next";
|
||||
import { Geist } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { createClient } from "@/lib/supabase/server";
|
||||
import { COLOR_VARS, DEFAULT_COLORS } from "@/lib/types";
|
||||
import { COLOR_VARS, DEFAULT_COLORS, faviconUrl, SITE_TITLE } from "@/lib/types";
|
||||
import { getDictionary, getLocale } from "@/lib/i18n";
|
||||
import { LocaleProvider } from "@/components/i18n/LocaleProvider";
|
||||
import packageJson from "@/package.json";
|
||||
|
||||
// Farben/Logo sollen Änderungen sofort widerspiegeln.
|
||||
// Farben/Logo/Favicon sollen Änderungen sofort widerspiegeln.
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
const geistSans = Geist({
|
||||
@@ -12,10 +15,23 @@ const geistSans = Geist({
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Canteen Menu",
|
||||
export async function generateMetadata(): Promise<Metadata> {
|
||||
const supabase = await createClient();
|
||||
const { data: settings } = await supabase
|
||||
.from("settings")
|
||||
.select("favicon_path")
|
||||
.eq("id", 1)
|
||||
.maybeSingle();
|
||||
|
||||
return {
|
||||
title: SITE_TITLE,
|
||||
description: "Speisekarte der Betriebskantine",
|
||||
// Immer explizit setzen: app/favicon.ico würde sonst zusätzlich zu
|
||||
// einem eigenen Favicon eingebunden (Next.js kombiniert Datei-
|
||||
// Konvention und Metadata statt sie zu ersetzen).
|
||||
icons: { icon: faviconUrl(settings?.favicon_path) ?? "/favicon.ico" },
|
||||
};
|
||||
}
|
||||
|
||||
export default async function RootLayout({
|
||||
children,
|
||||
@@ -23,11 +39,11 @@ export default async function RootLayout({
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
const supabase = await createClient();
|
||||
const { data: settings } = await supabase
|
||||
.from("settings")
|
||||
.select("colors")
|
||||
.eq("id", 1)
|
||||
.maybeSingle();
|
||||
const [{ data: settings }, locale] = await Promise.all([
|
||||
supabase.from("settings").select("colors").eq("id", 1).maybeSingle(),
|
||||
getLocale(),
|
||||
]);
|
||||
const dict = getDictionary(locale);
|
||||
|
||||
const colors: Record<string, string> = {
|
||||
...DEFAULT_COLORS,
|
||||
@@ -38,9 +54,14 @@ export default async function RootLayout({
|
||||
) as React.CSSProperties;
|
||||
|
||||
return (
|
||||
<html lang="de" className={`${geistSans.variable} h-full antialiased`}>
|
||||
<html lang={locale} className={`${geistSans.variable} h-full antialiased`}>
|
||||
<body style={style} className="min-h-full flex flex-col">
|
||||
<LocaleProvider locale={locale} dict={dict}>
|
||||
{children}
|
||||
</LocaleProvider>
|
||||
<footer className="mt-auto px-4 py-2 text-right text-xs text-gray-400 select-none">
|
||||
Version {packageJson.version}
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
|
||||
+38
-17
@@ -4,20 +4,25 @@ import { useState } from "react";
|
||||
import { useRouter } from "next/navigation";
|
||||
import Link from "next/link";
|
||||
import { createClient } from "@/lib/supabase/client";
|
||||
import { formatMessage } from "@/lib/i18n/shared";
|
||||
import { useDict } from "@/components/i18n/LocaleProvider";
|
||||
import LanguageSwitcher from "@/components/i18n/LanguageSwitcher";
|
||||
import type { Dict } from "@/lib/i18n/shared";
|
||||
|
||||
function germanAuthError(message: string): string {
|
||||
function authErrorMessage(dict: Dict, message: string): string {
|
||||
if (/invalid login credentials/i.test(message))
|
||||
return "E-Mail-Adresse oder Passwort ist falsch.";
|
||||
return dict.login.errorInvalidCredentials;
|
||||
if (/email not confirmed/i.test(message))
|
||||
return "Die E-Mail-Adresse wurde noch nicht bestätigt.";
|
||||
return dict.login.errorEmailNotConfirmed;
|
||||
if (/cancelled|aborted|NotAllowedError/i.test(message))
|
||||
return "Passkey-Anmeldung wurde abgebrochen.";
|
||||
return `Anmeldung fehlgeschlagen: ${message}`;
|
||||
return dict.login.errorPasskeyCancelled;
|
||||
return formatMessage(dict.login.errorGeneric, { message });
|
||||
}
|
||||
|
||||
export default function LoginPage() {
|
||||
const router = useRouter();
|
||||
const supabase = createClient();
|
||||
const dict = useDict();
|
||||
const [email, setEmail] = useState("");
|
||||
const [password, setPassword] = useState("");
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
@@ -42,11 +47,24 @@ export default function LoginPage() {
|
||||
password,
|
||||
});
|
||||
if (error || !data.user) {
|
||||
setError(germanAuthError(error?.message ?? "Unbekannter Fehler"));
|
||||
setError(authErrorMessage(dict, error?.message ?? "Unbekannter Fehler"));
|
||||
setBusy(false);
|
||||
return;
|
||||
}
|
||||
await redirectByRole(data.user.id);
|
||||
|
||||
const { data: profile } = await supabase
|
||||
.from("profiles")
|
||||
.select("role, password_auth_enabled")
|
||||
.eq("id", data.user.id)
|
||||
.single();
|
||||
if (profile?.password_auth_enabled === false) {
|
||||
await supabase.auth.signOut();
|
||||
setError(dict.login.errorPasswordDisabled);
|
||||
setBusy(false);
|
||||
return;
|
||||
}
|
||||
router.replace(profile?.role === "admin" ? "/admin" : "/intern");
|
||||
router.refresh();
|
||||
}
|
||||
|
||||
async function signInWithPasskey() {
|
||||
@@ -56,14 +74,14 @@ export default function LoginPage() {
|
||||
const { data, error } = await supabase.auth.signInWithPasskey();
|
||||
if (error || !data?.user) {
|
||||
setError(
|
||||
germanAuthError(error?.message ?? "Passkey-Anmeldung fehlgeschlagen")
|
||||
authErrorMessage(dict, error?.message ?? "Passkey-Anmeldung fehlgeschlagen")
|
||||
);
|
||||
setBusy(false);
|
||||
return;
|
||||
}
|
||||
await redirectByRole(data.user.id);
|
||||
} catch (err) {
|
||||
setError(germanAuthError(err instanceof Error ? err.message : String(err)));
|
||||
setError(authErrorMessage(dict, err instanceof Error ? err.message : String(err)));
|
||||
setBusy(false);
|
||||
}
|
||||
}
|
||||
@@ -71,13 +89,16 @@ export default function LoginPage() {
|
||||
return (
|
||||
<div className="flex-1 flex items-center justify-center p-4">
|
||||
<div className="card w-full max-w-sm">
|
||||
<h1 className="text-xl font-bold text-[var(--c-primary)] mb-4">
|
||||
Anmeldung
|
||||
<div className="flex justify-between items-center mb-4">
|
||||
<h1 className="text-xl font-bold text-[var(--c-primary)]">
|
||||
{dict.login.title}
|
||||
</h1>
|
||||
<LanguageSwitcher variant="light" />
|
||||
</div>
|
||||
<form onSubmit={signInWithPassword} className="space-y-3">
|
||||
<div>
|
||||
<label className="label" htmlFor="email">
|
||||
E-Mail-Adresse
|
||||
{dict.common.email}
|
||||
</label>
|
||||
<input
|
||||
id="email"
|
||||
@@ -91,7 +112,7 @@ export default function LoginPage() {
|
||||
</div>
|
||||
<div>
|
||||
<label className="label" htmlFor="password">
|
||||
Passwort
|
||||
{dict.common.password}
|
||||
</label>
|
||||
<input
|
||||
id="password"
|
||||
@@ -105,13 +126,13 @@ export default function LoginPage() {
|
||||
</div>
|
||||
{error && <p className="text-sm text-[var(--c-del)]">{error}</p>}
|
||||
<button type="submit" className="btn btn-primary w-full" disabled={busy}>
|
||||
Anmelden
|
||||
{dict.login.submit}
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<div className="my-4 flex items-center gap-3 text-xs text-gray-400">
|
||||
<span className="h-px flex-1 bg-gray-200" />
|
||||
oder
|
||||
{dict.login.or}
|
||||
<span className="h-px flex-1 bg-gray-200" />
|
||||
</div>
|
||||
|
||||
@@ -121,12 +142,12 @@ export default function LoginPage() {
|
||||
className="btn btn-neutral w-full"
|
||||
disabled={busy}
|
||||
>
|
||||
Mit Passkey anmelden
|
||||
{dict.login.passkeyButton}
|
||||
</button>
|
||||
|
||||
<p className="mt-4 text-center text-sm">
|
||||
<Link href="/" className="text-gray-500 hover:text-[var(--c-primary)]">
|
||||
← Zur Speisekarte
|
||||
{dict.login.backToMenu}
|
||||
</Link>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
+71
-33
@@ -1,15 +1,19 @@
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import { createClient } from "@/lib/supabase/server";
|
||||
import {
|
||||
addDays,
|
||||
dishCodes,
|
||||
entriesFor,
|
||||
formatDateLong,
|
||||
formatPrice,
|
||||
mondayOf,
|
||||
WEEKDAYS,
|
||||
todayISO,
|
||||
} from "@/lib/menu";
|
||||
import { logoUrl } from "@/lib/types";
|
||||
import { getDictionary, getLocale } from "@/lib/i18n";
|
||||
import { localized, logoUrl, SITE_TITLE } from "@/lib/types";
|
||||
import type { CodeItem, MenuEntry, Section } from "@/lib/types";
|
||||
import PublicMobileMenu from "@/components/PublicMobileMenu";
|
||||
import LanguageSwitcher from "@/components/i18n/LanguageSwitcher";
|
||||
|
||||
export default async function Home({
|
||||
searchParams,
|
||||
@@ -19,7 +23,10 @@ export default async function Home({
|
||||
const { woche } = await searchParams;
|
||||
const monday = mondayOf(woche);
|
||||
const friday = addDays(monday, 4);
|
||||
const days = WEEKDAYS.map((weekday, i) => ({
|
||||
const currentWeek = mondayOf(todayISO());
|
||||
const locale = await getLocale();
|
||||
const dict = getDictionary(locale);
|
||||
const days = dict.weekdays.long.map((weekday, i) => ({
|
||||
weekday,
|
||||
iso: addDays(monday, i),
|
||||
}));
|
||||
@@ -30,7 +37,9 @@ export default async function Home({
|
||||
supabase.from("sections").select("*").order("sort"),
|
||||
supabase
|
||||
.from("menu_entries")
|
||||
.select("id, menu_date, section_key, position, dish:dishes(id, name, price)")
|
||||
.select(
|
||||
"id, menu_date, section_key, position, dish:dishes(id, name, name_en, name_pl, price, allergens, additives)"
|
||||
)
|
||||
.gte("menu_date", monday)
|
||||
.lte("menu_date", friday)
|
||||
.order("position")
|
||||
@@ -46,42 +55,59 @@ export default async function Home({
|
||||
const additives = (additivesRes.data ?? []) as CodeItem[];
|
||||
const logo = logoUrl(settingsRes.data?.logo_path);
|
||||
|
||||
const cell = (iso: string, sectionKey: string) =>
|
||||
entries.filter((e) => e.menu_date === iso && e.section_key === sectionKey);
|
||||
|
||||
return (
|
||||
<div className="flex-1 px-4 py-6 max-w-[1600px] mx-auto w-full">
|
||||
{/* Kopfbereich: Logo zentriert, Login-Link rechts */}
|
||||
<header className="relative mb-6">
|
||||
{/* Kopfbereich: Sprache + Login-Link eigene Zeile, Logo zentriert
|
||||
darunter. Kein absolutes Positionieren mehr – ein breites Logo
|
||||
(z. B. ein Banner-Format) konnte sonst mit dem Login-Link
|
||||
kollidieren. */}
|
||||
<header className="mb-6">
|
||||
<div className="flex justify-end items-center gap-3 mb-2">
|
||||
<LanguageSwitcher variant="light" />
|
||||
<Link
|
||||
href="/login"
|
||||
className="text-sm text-gray-500 hover:text-[var(--c-primary)]"
|
||||
>
|
||||
{dict.common.login}
|
||||
</Link>
|
||||
</div>
|
||||
<div className="flex justify-center">
|
||||
{logo ? (
|
||||
// eslint-disable-next-line @next/next/no-img-element
|
||||
<img src={logo} alt="Logo" className="h-20 object-contain" />
|
||||
<img
|
||||
src={logo}
|
||||
alt="Logo"
|
||||
className="h-20 max-w-full object-contain"
|
||||
/>
|
||||
) : (
|
||||
<h1 className="text-4xl font-extrabold tracking-tight text-[var(--c-primary)]">
|
||||
Speisekarte
|
||||
{SITE_TITLE}
|
||||
</h1>
|
||||
)}
|
||||
</div>
|
||||
<Link
|
||||
href="/login"
|
||||
className="absolute right-0 top-0 text-sm text-gray-500 hover:text-[var(--c-primary)]"
|
||||
>
|
||||
Anmelden
|
||||
</Link>
|
||||
</header>
|
||||
|
||||
{/* Wochen-Navigation */}
|
||||
<div className="flex gap-3 mb-4">
|
||||
{/* Mobil: Tag (Standard) oder Woche umschaltbar */}
|
||||
<PublicMobileMenu monday={monday} sections={sections} entries={entries} />
|
||||
|
||||
{/* Ab "sm": klassische Wochentabelle */}
|
||||
<div className="hidden sm:block">
|
||||
<div className="flex flex-wrap items-center gap-3 mb-4">
|
||||
<Link href={`/?woche=${addDays(monday, -7)}`} className="btn btn-add">
|
||||
← Vorherige Woche
|
||||
{dict.publicMenu.prevWeek}
|
||||
</Link>
|
||||
<Link href={`/?woche=${currentWeek}`} className="btn btn-primary">
|
||||
{dict.publicMenu.today}
|
||||
</Link>
|
||||
<Link href={`/?woche=${addDays(monday, 7)}`} className="btn btn-add">
|
||||
Nächste Woche →
|
||||
{dict.publicMenu.nextWeek}
|
||||
</Link>
|
||||
<Link href="/vorschlag" className="btn btn-neutral ml-auto">
|
||||
{dict.publicMenu.suggestDish}
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
{/* Speisekarte */}
|
||||
<div className="overflow-x-auto">
|
||||
<table className="menu-table">
|
||||
<thead>
|
||||
<tr>
|
||||
@@ -90,7 +116,7 @@ export default async function Home({
|
||||
<th key={d.iso} className="day-head">
|
||||
<span className="font-bold">{d.weekday}</span>
|
||||
<br />
|
||||
{formatDateLong(d.iso)}
|
||||
{formatDateLong(d.iso, dict.dateLocale)}
|
||||
</th>
|
||||
))}
|
||||
</tr>
|
||||
@@ -99,45 +125,57 @@ export default async function Home({
|
||||
{sections.map((s) => (
|
||||
<tr key={s.key}>
|
||||
<th className="section-head">
|
||||
<div>{s.label}</div>
|
||||
<div>{localized(s, locale)}</div>
|
||||
<div className="time">{s.time_range}</div>
|
||||
</th>
|
||||
{days.map((d) => (
|
||||
<td key={d.iso} className="cell">
|
||||
{cell(d.iso, s.key).map((e) => (
|
||||
{entriesFor(entries, d.iso, s.key).map((e) => {
|
||||
const codes = dishCodes(e.dish);
|
||||
return (
|
||||
<div key={e.id} className="dish">
|
||||
<span className="font-bold">{e.dish.name}</span>
|
||||
<span className="font-bold">
|
||||
{localized(e.dish, locale)}
|
||||
</span>
|
||||
{codes && <sup className="dish-codes">{codes}</sup>}
|
||||
{" – "}
|
||||
{formatPrice(e.dish.price)}
|
||||
</div>
|
||||
))}
|
||||
);
|
||||
})}
|
||||
</td>
|
||||
))}
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Allergene & Zusatzstoffe (gelten für die komplette Speisekarte) */}
|
||||
{/* Allergene & Zusatzstoffe: Legende zu den Kürzeln bei den Gerichten */}
|
||||
<section className="mt-8 grid gap-6 sm:grid-cols-2 text-sm text-gray-700">
|
||||
<div>
|
||||
<h2 className="font-bold text-[var(--c-primary)] mb-2">Allergene</h2>
|
||||
<h2 className="font-bold text-[var(--c-primary)] mb-2">
|
||||
{dict.publicMenu.allergens}
|
||||
</h2>
|
||||
<ul className="space-y-0.5">
|
||||
{allergens.map((a) => (
|
||||
<li key={a.code}>
|
||||
<span className="font-semibold">{a.code}</span> – {a.name}
|
||||
<span className="font-semibold">{a.code}</span> –{" "}
|
||||
{localized(a, locale)}
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h2 className="font-bold text-[var(--c-primary)] mb-2">
|
||||
Zusatzstoffe
|
||||
{dict.publicMenu.additives}
|
||||
</h2>
|
||||
<ul className="space-y-0.5">
|
||||
{additives.map((a) => (
|
||||
<li key={a.code}>
|
||||
<span className="font-semibold">{a.code}</span> – {a.name}
|
||||
<span className="font-semibold">{a.code}</span> –{" "}
|
||||
{localized(a, locale)}
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
import SuggestionForm from "@/components/SuggestionForm";
|
||||
|
||||
export default function VorschlagPage() {
|
||||
return <SuggestionForm />;
|
||||
}
|
||||
+107
-36
@@ -1,22 +1,19 @@
|
||||
"use client";
|
||||
|
||||
import { useMemo, useState } from "react";
|
||||
import { useEffect, useMemo, useState } from "react";
|
||||
import { useRouter } from "next/navigation";
|
||||
import { createClient } from "@/lib/supabase/client";
|
||||
import { formatMessage } from "@/lib/i18n/shared";
|
||||
import type { Dict } from "@/lib/i18n/shared";
|
||||
import PasskeyManager from "@/components/PasskeyManager";
|
||||
import { useDict } from "@/components/i18n/LocaleProvider";
|
||||
|
||||
const ROLE_LABELS: Record<string, string> = {
|
||||
admin: "Administrator",
|
||||
staff: "Kantinenmitarbeiter",
|
||||
};
|
||||
|
||||
function germanAuthError(message: string): string {
|
||||
function authErrorMessage(dict: Dict, message: string): string {
|
||||
if (/invalid login credentials/i.test(message))
|
||||
return "Das aktuelle Passwort ist falsch.";
|
||||
if (/should be at least/i.test(message))
|
||||
return "Das neue Passwort ist zu kurz (mindestens 8 Zeichen).";
|
||||
return dict.account.wrongCurrentPassword;
|
||||
if (/should be at least/i.test(message)) return dict.account.passwordTooShort;
|
||||
if (/email.*already|already.*registered/i.test(message))
|
||||
return "Diese E-Mail-Adresse wird bereits verwendet.";
|
||||
return dict.account.emailAlreadyUsed;
|
||||
return message;
|
||||
}
|
||||
|
||||
@@ -24,13 +21,17 @@ export default function AccountManager({
|
||||
role,
|
||||
initialFullName,
|
||||
initialEmail,
|
||||
initialPasswordAuthEnabled,
|
||||
}: {
|
||||
role: string;
|
||||
initialFullName: string;
|
||||
initialEmail: string;
|
||||
initialPasswordAuthEnabled: boolean;
|
||||
}) {
|
||||
const supabase = useMemo(() => createClient(), []);
|
||||
const router = useRouter();
|
||||
const dict = useDict();
|
||||
const roleLabel = role === "admin" ? dict.common.roleAdmin : dict.common.roleStaff;
|
||||
|
||||
// Persönliche Daten
|
||||
const [fullName, setFullName] = useState(initialFullName);
|
||||
@@ -52,13 +53,28 @@ export default function AccountManager({
|
||||
const [pwInfo, setPwInfo] = useState<string | null>(null);
|
||||
const [pwBusy, setPwBusy] = useState(false);
|
||||
|
||||
// Passwort-Anmeldung an/aus
|
||||
const [passwordAuthEnabled, setPasswordAuthEnabled] = useState(
|
||||
initialPasswordAuthEnabled
|
||||
);
|
||||
const [passkeyCount, setPasskeyCount] = useState<number | null>(null);
|
||||
const [authError, setAuthError] = useState<string | null>(null);
|
||||
const [authInfo, setAuthInfo] = useState<string | null>(null);
|
||||
const [authBusy, setAuthBusy] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
supabase.auth.passkey
|
||||
.list()
|
||||
.then(({ data }) => setPasskeyCount((data ?? []).length));
|
||||
}, [supabase]);
|
||||
|
||||
async function saveName(e: React.FormEvent) {
|
||||
e.preventDefault();
|
||||
setNameError(null);
|
||||
setNameInfo(null);
|
||||
const name = fullName.trim();
|
||||
if (!name) {
|
||||
setNameError("Bitte einen Namen angeben.");
|
||||
setNameError(dict.account.nameRequired);
|
||||
return;
|
||||
}
|
||||
setNameBusy(true);
|
||||
@@ -66,9 +82,10 @@ export default function AccountManager({
|
||||
.from("profiles")
|
||||
.update({ full_name: name })
|
||||
.eq("id", (await supabase.auth.getUser()).data.user?.id ?? "");
|
||||
if (error) setNameError(`Speichern fehlgeschlagen: ${error.message}`);
|
||||
if (error)
|
||||
setNameError(formatMessage(dict.account.saveError, { message: error.message }));
|
||||
else {
|
||||
setNameInfo("Name gespeichert.");
|
||||
setNameInfo(dict.account.nameSaved);
|
||||
router.refresh();
|
||||
}
|
||||
setNameBusy(false);
|
||||
@@ -83,11 +100,13 @@ export default function AccountManager({
|
||||
setEmailBusy(true);
|
||||
const { error } = await supabase.auth.updateUser({ email: next });
|
||||
if (error) {
|
||||
setEmailError(`Ändern fehlgeschlagen: ${germanAuthError(error.message)}`);
|
||||
} else {
|
||||
setEmailInfo(
|
||||
"Bestätigungs-E-Mails wurden verschickt. Die neue Adresse wird erst nach Bestätigung des Links aktiv."
|
||||
setEmailError(
|
||||
formatMessage(dict.account.changeError, {
|
||||
message: authErrorMessage(dict, error.message),
|
||||
})
|
||||
);
|
||||
} else {
|
||||
setEmailInfo(dict.account.emailSent);
|
||||
}
|
||||
setEmailBusy(false);
|
||||
}
|
||||
@@ -97,11 +116,11 @@ export default function AccountManager({
|
||||
setPwError(null);
|
||||
setPwInfo(null);
|
||||
if (newPassword.length < 8) {
|
||||
setPwError("Das neue Passwort muss mindestens 8 Zeichen lang sein.");
|
||||
setPwError(dict.account.passwordTooShort);
|
||||
return;
|
||||
}
|
||||
if (newPassword !== newPasswordRepeat) {
|
||||
setPwError("Die Passwörter stimmen nicht überein.");
|
||||
setPwError(dict.account.passwordMismatch);
|
||||
return;
|
||||
}
|
||||
setPwBusy(true);
|
||||
@@ -112,16 +131,20 @@ export default function AccountManager({
|
||||
password: currentPassword,
|
||||
});
|
||||
if (verifyError) {
|
||||
setPwError(germanAuthError(verifyError.message));
|
||||
setPwError(authErrorMessage(dict, verifyError.message));
|
||||
setPwBusy(false);
|
||||
return;
|
||||
}
|
||||
|
||||
const { error } = await supabase.auth.updateUser({ password: newPassword });
|
||||
if (error) {
|
||||
setPwError(`Ändern fehlgeschlagen: ${germanAuthError(error.message)}`);
|
||||
setPwError(
|
||||
formatMessage(dict.account.changeError, {
|
||||
message: authErrorMessage(dict, error.message),
|
||||
})
|
||||
);
|
||||
} else {
|
||||
setPwInfo("Passwort geändert.");
|
||||
setPwInfo(dict.account.passwordChanged);
|
||||
setCurrentPassword("");
|
||||
setNewPassword("");
|
||||
setNewPasswordRepeat("");
|
||||
@@ -129,21 +152,49 @@ export default function AccountManager({
|
||||
setPwBusy(false);
|
||||
}
|
||||
|
||||
async function togglePasswordAuth() {
|
||||
setAuthError(null);
|
||||
setAuthInfo(null);
|
||||
const next = !passwordAuthEnabled;
|
||||
if (!next && (passkeyCount ?? 0) === 0) {
|
||||
setAuthError(dict.account.passwordAuthNeedsPasskey);
|
||||
return;
|
||||
}
|
||||
if (!next && !window.confirm(dict.account.confirmDisablePasswordAuth)) return;
|
||||
|
||||
setAuthBusy(true);
|
||||
const { error } = await supabase
|
||||
.from("profiles")
|
||||
.update({ password_auth_enabled: next })
|
||||
.eq("id", (await supabase.auth.getUser()).data.user?.id ?? "");
|
||||
if (error) {
|
||||
setAuthError(formatMessage(dict.account.saveError, { message: error.message }));
|
||||
} else {
|
||||
setPasswordAuthEnabled(next);
|
||||
setAuthInfo(
|
||||
next ? dict.account.passwordAuthEnabled : dict.account.passwordAuthDisabled
|
||||
);
|
||||
}
|
||||
setAuthBusy(false);
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="max-w-3xl space-y-6">
|
||||
<div>
|
||||
<h1 className="text-xl font-bold text-[var(--c-primary)]">Mein Konto</h1>
|
||||
<h1 className="text-xl font-bold text-[var(--c-primary)]">
|
||||
{dict.account.title}
|
||||
</h1>
|
||||
<p className="text-sm text-gray-500">
|
||||
{initialEmail} – {ROLE_LABELS[role] ?? role}
|
||||
{initialEmail} – {roleLabel}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<section className="card">
|
||||
<h2 className="font-semibold mb-3">Persönliche Daten</h2>
|
||||
<h2 className="font-semibold mb-3">{dict.account.personalTitle}</h2>
|
||||
<form onSubmit={saveName} className="space-y-3">
|
||||
<div className="max-w-80">
|
||||
<label className="label" htmlFor="account-name">
|
||||
Name
|
||||
{dict.common.name}
|
||||
</label>
|
||||
<input
|
||||
id="account-name"
|
||||
@@ -160,17 +211,17 @@ export default function AccountManager({
|
||||
)}
|
||||
{nameInfo && <p className="text-sm text-green-700">{nameInfo}</p>}
|
||||
<button type="submit" className="btn btn-add" disabled={nameBusy}>
|
||||
Name speichern
|
||||
{dict.account.saveName}
|
||||
</button>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<section className="card">
|
||||
<h2 className="font-semibold mb-3">E-Mail-Adresse</h2>
|
||||
<h2 className="font-semibold mb-3">{dict.account.emailTitle}</h2>
|
||||
<form onSubmit={saveEmail} className="space-y-3">
|
||||
<div className="max-w-80">
|
||||
<label className="label" htmlFor="account-email">
|
||||
E-Mail-Adresse
|
||||
{dict.common.email}
|
||||
</label>
|
||||
<input
|
||||
id="account-email"
|
||||
@@ -192,17 +243,17 @@ export default function AccountManager({
|
||||
className="btn btn-add"
|
||||
disabled={emailBusy || email.trim() === initialEmail}
|
||||
>
|
||||
E-Mail-Adresse ändern
|
||||
{dict.account.changeEmail}
|
||||
</button>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<section className="card">
|
||||
<h2 className="font-semibold mb-3">Passwort ändern</h2>
|
||||
<h2 className="font-semibold mb-3">{dict.account.passwordTitle}</h2>
|
||||
<form onSubmit={savePassword} className="space-y-3">
|
||||
<div className="max-w-80">
|
||||
<label className="label" htmlFor="account-current-password">
|
||||
Aktuelles Passwort (zur Verifizierung)
|
||||
{dict.account.currentPassword}
|
||||
</label>
|
||||
<input
|
||||
id="account-current-password"
|
||||
@@ -216,7 +267,7 @@ export default function AccountManager({
|
||||
</div>
|
||||
<div className="max-w-80">
|
||||
<label className="label" htmlFor="account-new-password">
|
||||
Neues Passwort
|
||||
{dict.account.newPassword}
|
||||
</label>
|
||||
<input
|
||||
id="account-new-password"
|
||||
@@ -231,7 +282,7 @@ export default function AccountManager({
|
||||
</div>
|
||||
<div className="max-w-80">
|
||||
<label className="label" htmlFor="account-new-password-repeat">
|
||||
Neues Passwort wiederholen
|
||||
{dict.account.newPasswordRepeat}
|
||||
</label>
|
||||
<input
|
||||
id="account-new-password-repeat"
|
||||
@@ -251,11 +302,31 @@ export default function AccountManager({
|
||||
)}
|
||||
{pwInfo && <p className="text-sm text-green-700">{pwInfo}</p>}
|
||||
<button type="submit" className="btn btn-add" disabled={pwBusy}>
|
||||
Passwort ändern
|
||||
{dict.account.changePassword}
|
||||
</button>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<section className="card">
|
||||
<h2 className="font-semibold mb-1">{dict.account.passwordAuthTitle}</h2>
|
||||
<p className="text-sm text-gray-600 mb-3">{dict.account.passwordAuthHint}</p>
|
||||
{authError && (
|
||||
<p className="mb-2 text-sm text-[var(--c-del)]" role="alert">
|
||||
{authError}
|
||||
</p>
|
||||
)}
|
||||
{authInfo && <p className="mb-2 text-sm text-green-700">{authInfo}</p>}
|
||||
<label className="flex items-center gap-2 cursor-pointer text-sm w-fit">
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={passwordAuthEnabled}
|
||||
onChange={togglePasswordAuth}
|
||||
disabled={authBusy || passkeyCount === null}
|
||||
/>
|
||||
{dict.account.passwordAuthCheckbox}
|
||||
</label>
|
||||
</section>
|
||||
|
||||
<PasskeyManager />
|
||||
</div>
|
||||
);
|
||||
|
||||
+25
-21
@@ -8,17 +8,8 @@
|
||||
import Link from "next/link";
|
||||
import { usePathname } from "next/navigation";
|
||||
import type { Role } from "@/lib/types";
|
||||
|
||||
const MENU_LINKS = [
|
||||
{ href: "/intern", label: "Wochenplan" },
|
||||
{ href: "/intern/gerichte", label: "Gerichte" },
|
||||
{ href: "/intern/kennzeichnung", label: "Allergene & Zusatzstoffe" },
|
||||
];
|
||||
|
||||
const ADMIN_LINKS = [
|
||||
{ href: "/admin", label: "Benutzer" },
|
||||
{ href: "/admin/design", label: "Design" },
|
||||
];
|
||||
import { useDict } from "@/components/i18n/LocaleProvider";
|
||||
import LanguageSwitcher from "@/components/i18n/LanguageSwitcher";
|
||||
|
||||
export default function AppHeader({
|
||||
role,
|
||||
@@ -28,6 +19,18 @@ export default function AppHeader({
|
||||
displayName: string;
|
||||
}) {
|
||||
const pathname = usePathname();
|
||||
const dict = useDict();
|
||||
|
||||
const menuLinks = [
|
||||
{ href: "/intern", label: dict.header.weekPlan },
|
||||
{ href: "/intern/gerichte", label: dict.header.dishes },
|
||||
{ href: "/intern/kennzeichnung", label: dict.header.labels },
|
||||
{ href: "/intern/vorschlaege", label: dict.header.suggestions },
|
||||
];
|
||||
const adminLinks = [
|
||||
{ href: "/admin", label: dict.header.users },
|
||||
{ href: "/admin/design", label: dict.header.design },
|
||||
];
|
||||
|
||||
const linkClass = (href: string) =>
|
||||
`rounded px-2 py-0.5 transition-colors hover:bg-white/10 ${
|
||||
@@ -37,16 +40,16 @@ export default function AppHeader({
|
||||
return (
|
||||
<header className="bg-[var(--c-primary-dark)] text-white">
|
||||
<div className="max-w-[1600px] mx-auto w-full px-4 py-3 flex flex-wrap items-center gap-x-6 gap-y-2 text-sm">
|
||||
<span className="font-bold text-base">Kantine</span>
|
||||
<span className="font-bold text-base">{dict.header.canteen}</span>
|
||||
|
||||
<nav
|
||||
className="flex flex-wrap items-center gap-x-1 gap-y-1"
|
||||
aria-label="Speiseplan"
|
||||
aria-label={dict.header.menuGroup}
|
||||
>
|
||||
<span className="mr-1 text-xs uppercase tracking-wider text-white/50">
|
||||
Speiseplan
|
||||
{dict.header.menuGroup}
|
||||
</span>
|
||||
{MENU_LINKS.map((l) => (
|
||||
{menuLinks.map((l) => (
|
||||
<Link key={l.href} href={l.href} className={linkClass(l.href)}>
|
||||
{l.label}
|
||||
</Link>
|
||||
@@ -56,12 +59,12 @@ export default function AppHeader({
|
||||
{role === "admin" && (
|
||||
<nav
|
||||
className="flex flex-wrap items-center gap-x-1 gap-y-1"
|
||||
aria-label="Verwaltung"
|
||||
aria-label={dict.header.adminGroup}
|
||||
>
|
||||
<span className="mr-1 text-xs uppercase tracking-wider text-white/50">
|
||||
Verwaltung
|
||||
{dict.header.adminGroup}
|
||||
</span>
|
||||
{ADMIN_LINKS.map((l) => (
|
||||
{adminLinks.map((l) => (
|
||||
<Link key={l.href} href={l.href} className={linkClass(l.href)}>
|
||||
{l.label}
|
||||
</Link>
|
||||
@@ -73,13 +76,14 @@ export default function AppHeader({
|
||||
href="/"
|
||||
className="rounded px-2 py-0.5 text-white/70 hover:bg-white/10"
|
||||
>
|
||||
Speisekarte ansehen
|
||||
{dict.header.viewMenu}
|
||||
</Link>
|
||||
|
||||
<div className="ml-auto flex items-center gap-3">
|
||||
<LanguageSwitcher />
|
||||
<Link
|
||||
href="/konto"
|
||||
title="Mein Konto"
|
||||
title={dict.header.myAccount}
|
||||
className={`rounded px-2 py-0.5 hover:bg-white/10 ${
|
||||
pathname === "/konto"
|
||||
? "bg-white/20 font-semibold"
|
||||
@@ -90,7 +94,7 @@ export default function AppHeader({
|
||||
</Link>
|
||||
<form action="/logout" method="post">
|
||||
<button type="submit" className="btn btn-del">
|
||||
Abmelden
|
||||
{dict.common.logout}
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,48 @@
|
||||
"use client";
|
||||
|
||||
import type { CodeItem } from "@/lib/types";
|
||||
import { localized } from "@/lib/types";
|
||||
import { useDict, useLocale } from "@/components/i18n/LocaleProvider";
|
||||
|
||||
export default function ChipPicker({
|
||||
items,
|
||||
selected,
|
||||
onToggle,
|
||||
label,
|
||||
}: {
|
||||
items: CodeItem[];
|
||||
selected: string[];
|
||||
onToggle: (code: string) => void;
|
||||
label: string;
|
||||
}) {
|
||||
const dict = useDict();
|
||||
const locale = useLocale();
|
||||
|
||||
return (
|
||||
<div>
|
||||
<label className="label">{label}</label>
|
||||
{items.length === 0 ? (
|
||||
<p className="text-sm text-gray-400">{dict.codeList.empty}</p>
|
||||
) : (
|
||||
<div className="flex flex-wrap gap-1.5">
|
||||
{items.map((item) => {
|
||||
const active = selected.includes(item.code);
|
||||
const name = localized(item, locale);
|
||||
return (
|
||||
<button
|
||||
key={item.code}
|
||||
type="button"
|
||||
onClick={() => onToggle(item.code)}
|
||||
className={`chip ${active ? "chip-active" : ""}`}
|
||||
aria-pressed={active}
|
||||
title={name}
|
||||
>
|
||||
<span className="font-semibold">{item.code}</span> {name}
|
||||
</button>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
+125
-24
@@ -5,31 +5,44 @@
|
||||
|
||||
import { useCallback, useEffect, useMemo, useState } from "react";
|
||||
import { createClient } from "@/lib/supabase/client";
|
||||
import { formatMessage } from "@/lib/i18n/shared";
|
||||
import { localized } from "@/lib/types";
|
||||
import type { CodeItem } from "@/lib/types";
|
||||
import { useDict, useLocale } from "@/components/i18n/LocaleProvider";
|
||||
|
||||
export default function CodeListManager({
|
||||
table,
|
||||
title,
|
||||
codeLabel,
|
||||
}: {
|
||||
table: "allergens" | "additives";
|
||||
title: string;
|
||||
codeLabel: string;
|
||||
}) {
|
||||
const supabase = useMemo(() => createClient(), []);
|
||||
const dict = useDict();
|
||||
const locale = useLocale();
|
||||
const title =
|
||||
table === "allergens" ? dict.codeList.allergensTitle : dict.codeList.additivesTitle;
|
||||
const codeLabel =
|
||||
table === "allergens"
|
||||
? dict.codeList.allergenCodeLabel
|
||||
: dict.codeList.additiveCodeLabel;
|
||||
|
||||
const [items, setItems] = useState<CodeItem[]>([]);
|
||||
const [editing, setEditing] = useState<{
|
||||
original: string | null; // code vor der Bearbeitung, null = neu
|
||||
code: string;
|
||||
name: string;
|
||||
nameEn: string;
|
||||
namePl: string;
|
||||
} | null>(null);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
const [translateState, setTranslateState] = useState<
|
||||
"idle" | "busy" | "done" | "unavailable"
|
||||
>("idle");
|
||||
|
||||
const load = useCallback(async () => {
|
||||
const { data, error } = await supabase.from(table).select("*").order("sort");
|
||||
if (error) setError(`Laden fehlgeschlagen: ${error.message}`);
|
||||
if (error) setError(formatMessage(dict.codeList.loadError, { message: error.message }));
|
||||
else setItems(data as CodeItem[]);
|
||||
}, [supabase, table]);
|
||||
}, [supabase, table, dict]);
|
||||
|
||||
useEffect(() => {
|
||||
load();
|
||||
@@ -42,24 +55,30 @@ export default function CodeListManager({
|
||||
const code = editing.code.trim();
|
||||
const name = editing.name.trim();
|
||||
if (!code || !name) return;
|
||||
const payload = {
|
||||
code,
|
||||
name,
|
||||
name_en: editing.nameEn.trim() || null,
|
||||
name_pl: editing.namePl.trim() || null,
|
||||
};
|
||||
|
||||
let dbError;
|
||||
if (editing.original) {
|
||||
({ error: dbError } = await supabase
|
||||
.from(table)
|
||||
.update({ code, name })
|
||||
.update(payload)
|
||||
.eq("code", editing.original));
|
||||
} else {
|
||||
const maxSort = items.reduce((m, i) => Math.max(m, i.sort), 0);
|
||||
({ error: dbError } = await supabase
|
||||
.from(table)
|
||||
.insert({ code, name, sort: maxSort + 1 }));
|
||||
.insert({ ...payload, sort: maxSort + 1 }));
|
||||
}
|
||||
if (dbError) {
|
||||
setError(
|
||||
/duplicate key/i.test(dbError.message)
|
||||
? `Das Kürzel „${code}“ existiert bereits.`
|
||||
: `Speichern fehlgeschlagen: ${dbError.message}`
|
||||
? formatMessage(dict.codeList.duplicateCode, { code })
|
||||
: formatMessage(dict.codeList.saveError, { message: dbError.message })
|
||||
);
|
||||
return;
|
||||
}
|
||||
@@ -68,13 +87,48 @@ export default function CodeListManager({
|
||||
}
|
||||
|
||||
async function remove(item: CodeItem) {
|
||||
if (!window.confirm(`„${item.code} – ${item.name}“ wirklich löschen?`))
|
||||
if (
|
||||
!window.confirm(
|
||||
formatMessage(dict.codeList.confirmDelete, { code: item.code, name: item.name })
|
||||
)
|
||||
)
|
||||
return;
|
||||
const { error } = await supabase.from(table).delete().eq("code", item.code);
|
||||
if (error) setError(`Löschen fehlgeschlagen: ${error.message}`);
|
||||
if (error)
|
||||
setError(formatMessage(dict.codeList.deleteError, { message: error.message }));
|
||||
await load();
|
||||
}
|
||||
|
||||
async function autoTranslate() {
|
||||
if (!editing || !editing.name.trim()) return;
|
||||
setTranslateState("busy");
|
||||
setError(null);
|
||||
try {
|
||||
const res = await fetch("/api/translate", {
|
||||
method: "POST",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
body: JSON.stringify({
|
||||
table,
|
||||
id: editing.original,
|
||||
text: editing.name.trim(),
|
||||
}),
|
||||
});
|
||||
const data = await res.json();
|
||||
if (!res.ok) throw new Error(data?.error ?? `Fehler (${res.status})`);
|
||||
if (data.configured === false) {
|
||||
setTranslateState("unavailable");
|
||||
return;
|
||||
}
|
||||
setEditing((prev) =>
|
||||
prev ? { ...prev, nameEn: data.en ?? prev.nameEn, namePl: data.pl ?? prev.namePl } : prev
|
||||
);
|
||||
setTranslateState("done");
|
||||
} catch (err) {
|
||||
setError(err instanceof Error ? err.message : String(err));
|
||||
setTranslateState("idle");
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<section className="card">
|
||||
<div className="flex items-center gap-3 mb-3">
|
||||
@@ -84,9 +138,12 @@ export default function CodeListManager({
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-add"
|
||||
onClick={() => setEditing({ original: null, code: "", name: "" })}
|
||||
onClick={() => {
|
||||
setEditing({ original: null, code: "", name: "", nameEn: "", namePl: "" });
|
||||
setTranslateState("idle");
|
||||
}}
|
||||
>
|
||||
Hinzufügen
|
||||
{dict.common.add}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -108,7 +165,7 @@ export default function CodeListManager({
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="label">Bezeichnung</label>
|
||||
<label className="label">{dict.codeList.nameLabel}</label>
|
||||
<input
|
||||
className="input"
|
||||
value={editing.name}
|
||||
@@ -116,16 +173,56 @@ export default function CodeListManager({
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div className="grid gap-2 sm:grid-cols-2">
|
||||
<div>
|
||||
<label className="label">{dict.dishManager.nameEnLabel}</label>
|
||||
<input
|
||||
className="input"
|
||||
value={editing.nameEn}
|
||||
onChange={(e) => setEditing({ ...editing, nameEn: e.target.value })}
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="label">{dict.dishManager.namePlLabel}</label>
|
||||
<input
|
||||
className="input"
|
||||
value={editing.namePl}
|
||||
onChange={(e) => setEditing({ ...editing, namePl: e.target.value })}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-neutral"
|
||||
onClick={autoTranslate}
|
||||
disabled={translateState === "busy" || !editing.name.trim()}
|
||||
>
|
||||
{translateState === "busy"
|
||||
? dict.dishManager.translating
|
||||
: dict.dishManager.autoTranslate}
|
||||
</button>
|
||||
{translateState === "done" && (
|
||||
<span className="ml-2 text-sm text-green-700">
|
||||
{dict.dishManager.translated}
|
||||
</span>
|
||||
)}
|
||||
{translateState === "unavailable" && (
|
||||
<span className="ml-2 text-sm text-gray-500">
|
||||
{dict.dishManager.translateUnavailable}
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
<div className="flex gap-2">
|
||||
<button type="submit" className="btn btn-add">
|
||||
Speichern
|
||||
{dict.common.save}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-neutral"
|
||||
onClick={() => setEditing(null)}
|
||||
>
|
||||
Abbrechen
|
||||
{dict.common.cancel}
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
@@ -135,32 +232,36 @@ export default function CodeListManager({
|
||||
{items.map((item) => (
|
||||
<li key={item.code} className="flex items-center gap-2 py-1.5 text-sm">
|
||||
<span className="mr-auto">
|
||||
<span className="font-semibold">{item.code}</span> – {item.name}
|
||||
<span className="font-semibold">{item.code}</span> –{" "}
|
||||
{localized(item, locale)}
|
||||
</span>
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-primary"
|
||||
onClick={() =>
|
||||
onClick={() => {
|
||||
setEditing({
|
||||
original: item.code,
|
||||
code: item.code,
|
||||
name: item.name,
|
||||
})
|
||||
}
|
||||
nameEn: item.name_en ?? "",
|
||||
namePl: item.name_pl ?? "",
|
||||
});
|
||||
setTranslateState("idle");
|
||||
}}
|
||||
>
|
||||
Bearbeiten
|
||||
{dict.common.edit}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-del"
|
||||
onClick={() => remove(item)}
|
||||
>
|
||||
Löschen
|
||||
{dict.common.delete}
|
||||
</button>
|
||||
</li>
|
||||
))}
|
||||
{items.length === 0 && (
|
||||
<li className="py-2 text-gray-500 text-sm">Keine Einträge.</li>
|
||||
<li className="py-2 text-gray-500 text-sm">{dict.codeList.empty}</li>
|
||||
)}
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
+111
-41
@@ -3,13 +3,34 @@
|
||||
import { useCallback, useEffect, useMemo, useState } from "react";
|
||||
import { useRouter } from "next/navigation";
|
||||
import { createClient } from "@/lib/supabase/client";
|
||||
import { COLOR_LABELS, DEFAULT_COLORS, logoUrl } from "@/lib/types";
|
||||
import { formatMessage } from "@/lib/i18n/shared";
|
||||
import { DEFAULT_COLORS, faviconUrl, logoUrl } from "@/lib/types";
|
||||
import { useDict } from "@/components/i18n/LocaleProvider";
|
||||
|
||||
type AssetKind = "logo" | "favicon";
|
||||
|
||||
const ASSET_COLUMN: Record<AssetKind, "logo_path" | "favicon_path"> = {
|
||||
logo: "logo_path",
|
||||
favicon: "favicon_path",
|
||||
};
|
||||
|
||||
export default function DesignEditor() {
|
||||
const supabase = useMemo(() => createClient(), []);
|
||||
const router = useRouter();
|
||||
const dict = useDict();
|
||||
const colorLabels: Record<string, string> = {
|
||||
primary: dict.designEditor.colorPrimary,
|
||||
primaryDark: dict.designEditor.colorPrimaryDark,
|
||||
accent: dict.designEditor.colorAccent,
|
||||
headerText: dict.designEditor.colorHeaderText,
|
||||
rowBg: dict.designEditor.colorRowBg,
|
||||
rowBgAlt: dict.designEditor.colorRowBgAlt,
|
||||
addBtn: dict.designEditor.colorAddBtn,
|
||||
deleteBtn: dict.designEditor.colorDeleteBtn,
|
||||
};
|
||||
const [colors, setColors] = useState<Record<string, string>>(DEFAULT_COLORS);
|
||||
const [logoPath, setLogoPath] = useState<string | null>(null);
|
||||
const [faviconPath, setFaviconPath] = useState<string | null>(null);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
const [info, setInfo] = useState<string | null>(null);
|
||||
const [busy, setBusy] = useState(false);
|
||||
@@ -17,16 +38,17 @@ export default function DesignEditor() {
|
||||
const load = useCallback(async () => {
|
||||
const { data, error } = await supabase
|
||||
.from("settings")
|
||||
.select("colors, logo_path")
|
||||
.select("colors, logo_path, favicon_path")
|
||||
.eq("id", 1)
|
||||
.maybeSingle();
|
||||
if (error) {
|
||||
setError(`Laden fehlgeschlagen: ${error.message}`);
|
||||
setError(formatMessage(dict.designEditor.loadError, { message: error.message }));
|
||||
return;
|
||||
}
|
||||
setColors({ ...DEFAULT_COLORS, ...(data?.colors ?? {}) });
|
||||
setLogoPath(data?.logo_path ?? null);
|
||||
}, [supabase]);
|
||||
setFaviconPath(data?.favicon_path ?? null);
|
||||
}, [supabase, dict]);
|
||||
|
||||
useEffect(() => {
|
||||
load();
|
||||
@@ -40,9 +62,10 @@ export default function DesignEditor() {
|
||||
.from("settings")
|
||||
.update({ colors })
|
||||
.eq("id", 1);
|
||||
if (error) setError(`Speichern fehlgeschlagen: ${error.message}`);
|
||||
if (error)
|
||||
setError(formatMessage(dict.designEditor.saveError, { message: error.message }));
|
||||
else {
|
||||
setInfo("Farben gespeichert.");
|
||||
setInfo(dict.designEditor.colorsSaved);
|
||||
router.refresh();
|
||||
}
|
||||
setBusy(false);
|
||||
@@ -52,73 +75,85 @@ export default function DesignEditor() {
|
||||
setColors(DEFAULT_COLORS);
|
||||
}
|
||||
|
||||
async function uploadLogo(e: React.ChangeEvent<HTMLInputElement>) {
|
||||
async function uploadAsset(kind: AssetKind, e: React.ChangeEvent<HTMLInputElement>) {
|
||||
const file = e.target.files?.[0];
|
||||
e.target.value = "";
|
||||
if (!file) return;
|
||||
if (!/^image\//.test(file.type)) {
|
||||
setError("Bitte eine Bilddatei auswählen (PNG, JPG, SVG, WebP).");
|
||||
setError(dict.designEditor.invalidImage);
|
||||
return;
|
||||
}
|
||||
setBusy(true);
|
||||
setError(null);
|
||||
setInfo(null);
|
||||
|
||||
const oldPath = kind === "logo" ? logoPath : faviconPath;
|
||||
const ext = file.name.split(".").pop()?.toLowerCase() ?? "png";
|
||||
const path = `logo-${Date.now()}.${ext}`;
|
||||
const path = `${kind}-${Date.now()}.${ext}`;
|
||||
const { error: uploadError } = await supabase.storage
|
||||
.from("branding")
|
||||
.upload(path, file, { contentType: file.type });
|
||||
if (uploadError) {
|
||||
setError(`Upload fehlgeschlagen: ${uploadError.message}`);
|
||||
setError(formatMessage(dict.designEditor.uploadError, { message: uploadError.message }));
|
||||
setBusy(false);
|
||||
return;
|
||||
}
|
||||
|
||||
const oldPath = logoPath;
|
||||
const { error: settingsError } = await supabase
|
||||
.from("settings")
|
||||
.update({ logo_path: path })
|
||||
.update({ [ASSET_COLUMN[kind]]: path })
|
||||
.eq("id", 1);
|
||||
if (settingsError) {
|
||||
setError(`Speichern fehlgeschlagen: ${settingsError.message}`);
|
||||
setError(formatMessage(dict.designEditor.saveError, { message: settingsError.message }));
|
||||
setBusy(false);
|
||||
return;
|
||||
}
|
||||
if (oldPath) {
|
||||
await supabase.storage.from("branding").remove([oldPath]);
|
||||
}
|
||||
setLogoPath(path);
|
||||
setInfo("Logo aktualisiert.");
|
||||
if (oldPath) await supabase.storage.from("branding").remove([oldPath]);
|
||||
|
||||
if (kind === "logo") setLogoPath(path);
|
||||
else setFaviconPath(path);
|
||||
setInfo(kind === "logo" ? dict.designEditor.logoUpdated : dict.designEditor.faviconUpdated);
|
||||
router.refresh();
|
||||
setBusy(false);
|
||||
}
|
||||
|
||||
async function removeLogo() {
|
||||
if (!logoPath) return;
|
||||
if (!window.confirm("Logo wirklich entfernen?")) return;
|
||||
async function removeAsset(kind: AssetKind) {
|
||||
const path = kind === "logo" ? logoPath : faviconPath;
|
||||
if (!path) return;
|
||||
if (
|
||||
!window.confirm(
|
||||
kind === "logo"
|
||||
? dict.designEditor.confirmRemoveLogo
|
||||
: dict.designEditor.confirmRemoveFavicon
|
||||
)
|
||||
)
|
||||
return;
|
||||
setBusy(true);
|
||||
setError(null);
|
||||
const { error } = await supabase
|
||||
.from("settings")
|
||||
.update({ logo_path: null })
|
||||
.update({ [ASSET_COLUMN[kind]]: null })
|
||||
.eq("id", 1);
|
||||
if (error) {
|
||||
setError(`Speichern fehlgeschlagen: ${error.message}`);
|
||||
setError(formatMessage(dict.designEditor.saveError, { message: error.message }));
|
||||
} else {
|
||||
await supabase.storage.from("branding").remove([logoPath]);
|
||||
setLogoPath(null);
|
||||
setInfo("Logo entfernt.");
|
||||
await supabase.storage.from("branding").remove([path]);
|
||||
if (kind === "logo") setLogoPath(null);
|
||||
else setFaviconPath(null);
|
||||
setInfo(kind === "logo" ? dict.designEditor.logoRemoved : dict.designEditor.faviconRemoved);
|
||||
router.refresh();
|
||||
}
|
||||
setBusy(false);
|
||||
}
|
||||
|
||||
const currentLogo = logoUrl(logoPath);
|
||||
const currentFavicon = faviconUrl(faviconPath);
|
||||
|
||||
return (
|
||||
<div className="max-w-3xl space-y-6">
|
||||
<h1 className="text-xl font-bold text-[var(--c-primary)]">Design</h1>
|
||||
<h1 className="text-xl font-bold text-[var(--c-primary)]">
|
||||
{dict.designEditor.title}
|
||||
</h1>
|
||||
|
||||
{error && (
|
||||
<p className="text-sm text-[var(--c-del)]" role="alert">
|
||||
@@ -128,28 +163,26 @@ export default function DesignEditor() {
|
||||
{info && <p className="text-sm text-green-700">{info}</p>}
|
||||
|
||||
<section className="card">
|
||||
<h2 className="font-semibold mb-3">Logo</h2>
|
||||
<p className="text-sm text-gray-600 mb-3">
|
||||
Das Logo wird zentriert über der Speisekarte angezeigt.
|
||||
</p>
|
||||
<h2 className="font-semibold mb-3">{dict.designEditor.logoTitle}</h2>
|
||||
<p className="text-sm text-gray-600 mb-3">{dict.designEditor.logoHint}</p>
|
||||
{currentLogo ? (
|
||||
// eslint-disable-next-line @next/next/no-img-element
|
||||
<img
|
||||
src={currentLogo}
|
||||
alt="Aktuelles Logo"
|
||||
alt="Logo"
|
||||
className="h-20 object-contain mb-3 border border-gray-200 rounded p-2"
|
||||
/>
|
||||
) : (
|
||||
<p className="text-sm text-gray-400 mb-3">Kein Logo hinterlegt.</p>
|
||||
<p className="text-sm text-gray-400 mb-3">{dict.designEditor.logoNone}</p>
|
||||
)}
|
||||
<div className="flex gap-2 items-center">
|
||||
<label className="btn btn-primary cursor-pointer">
|
||||
Logo hochladen
|
||||
{dict.designEditor.logoUpload}
|
||||
<input
|
||||
type="file"
|
||||
accept="image/*"
|
||||
className="hidden"
|
||||
onChange={uploadLogo}
|
||||
onChange={(e) => uploadAsset("logo", e)}
|
||||
disabled={busy}
|
||||
/>
|
||||
</label>
|
||||
@@ -157,19 +190,56 @@ export default function DesignEditor() {
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-del"
|
||||
onClick={removeLogo}
|
||||
onClick={() => removeAsset("logo")}
|
||||
disabled={busy}
|
||||
>
|
||||
Logo entfernen
|
||||
{dict.designEditor.logoRemove}
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="card">
|
||||
<h2 className="font-semibold mb-3">Farbgebung</h2>
|
||||
<h2 className="font-semibold mb-3">{dict.designEditor.faviconTitle}</h2>
|
||||
<p className="text-sm text-gray-600 mb-3">{dict.designEditor.faviconHint}</p>
|
||||
{currentFavicon ? (
|
||||
// eslint-disable-next-line @next/next/no-img-element
|
||||
<img
|
||||
src={currentFavicon}
|
||||
alt="Favicon"
|
||||
className="h-10 w-10 object-contain mb-3 border border-gray-200 rounded p-1"
|
||||
/>
|
||||
) : (
|
||||
<p className="text-sm text-gray-400 mb-3">{dict.designEditor.faviconNone}</p>
|
||||
)}
|
||||
<div className="flex gap-2 items-center">
|
||||
<label className="btn btn-primary cursor-pointer">
|
||||
{dict.designEditor.faviconUpload}
|
||||
<input
|
||||
type="file"
|
||||
accept="image/*"
|
||||
className="hidden"
|
||||
onChange={(e) => uploadAsset("favicon", e)}
|
||||
disabled={busy}
|
||||
/>
|
||||
</label>
|
||||
{currentFavicon && (
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-del"
|
||||
onClick={() => removeAsset("favicon")}
|
||||
disabled={busy}
|
||||
>
|
||||
{dict.designEditor.faviconRemove}
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="card">
|
||||
<h2 className="font-semibold mb-3">{dict.designEditor.colorsTitle}</h2>
|
||||
<div className="grid gap-3 sm:grid-cols-2">
|
||||
{Object.entries(COLOR_LABELS).map(([key, label]) => (
|
||||
{Object.entries(colorLabels).map(([key, label]) => (
|
||||
<label key={key} className="flex items-center gap-3 text-sm">
|
||||
<input
|
||||
type="color"
|
||||
@@ -190,7 +260,7 @@ export default function DesignEditor() {
|
||||
onClick={saveColors}
|
||||
disabled={busy}
|
||||
>
|
||||
Farben speichern
|
||||
{dict.designEditor.colorsSave}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
@@ -198,7 +268,7 @@ export default function DesignEditor() {
|
||||
onClick={resetColors}
|
||||
disabled={busy}
|
||||
>
|
||||
Auf Standard zurücksetzen
|
||||
{dict.designEditor.colorsReset}
|
||||
</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
+214
-47
@@ -2,26 +2,49 @@
|
||||
|
||||
import { useCallback, useEffect, useMemo, useState } from "react";
|
||||
import { createClient } from "@/lib/supabase/client";
|
||||
import { formatPrice } from "@/lib/menu";
|
||||
import type { Dish } from "@/lib/types";
|
||||
import { dishCodes, formatPrice } from "@/lib/menu";
|
||||
import { formatMessage } from "@/lib/i18n/shared";
|
||||
import { localized } from "@/lib/types";
|
||||
import type { CodeItem, Dish } from "@/lib/types";
|
||||
import ChipPicker from "@/components/ChipPicker";
|
||||
import { useDict, useLocale } from "@/components/i18n/LocaleProvider";
|
||||
|
||||
interface DishForm {
|
||||
id: string | null; // null = neues Gericht
|
||||
name: string;
|
||||
nameEn: string;
|
||||
namePl: string;
|
||||
price: string;
|
||||
allergens: string[];
|
||||
additives: string[];
|
||||
}
|
||||
|
||||
const EMPTY_FORM: DishForm = { id: null, name: "", price: "" };
|
||||
const EMPTY_FORM: DishForm = {
|
||||
id: null,
|
||||
name: "",
|
||||
nameEn: "",
|
||||
namePl: "",
|
||||
price: "",
|
||||
allergens: [],
|
||||
additives: [],
|
||||
};
|
||||
|
||||
export default function DishManager() {
|
||||
const supabase = useMemo(() => createClient(), []);
|
||||
const dict = useDict();
|
||||
const locale = useLocale();
|
||||
const [dishes, setDishes] = useState<Dish[]>([]);
|
||||
const [allergens, setAllergens] = useState<CodeItem[]>([]);
|
||||
const [additives, setAdditives] = useState<CodeItem[]>([]);
|
||||
const [form, setForm] = useState<DishForm | null>(null);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [selected, setSelected] = useState<Set<string>>(new Set());
|
||||
const [bulkBusy, setBulkBusy] = useState(false);
|
||||
const [search, setSearch] = useState("");
|
||||
const [translateState, setTranslateState] = useState<
|
||||
"idle" | "busy" | "done" | "unavailable"
|
||||
>("idle");
|
||||
|
||||
// Live-Suche: filtert die Liste bereits während des Tippens
|
||||
const visible = useMemo(() => {
|
||||
@@ -30,14 +53,21 @@ export default function DishManager() {
|
||||
}, [dishes, search]);
|
||||
|
||||
const load = useCallback(async () => {
|
||||
const { data, error } = await supabase
|
||||
.from("dishes")
|
||||
.select("*")
|
||||
.order("name");
|
||||
if (error) setError(`Laden fehlgeschlagen: ${error.message}`);
|
||||
else setDishes(data as Dish[]);
|
||||
const [dishesRes, allergensRes, additivesRes] = await Promise.all([
|
||||
supabase.from("dishes").select("*").order("name"),
|
||||
supabase.from("allergens").select("*").order("sort"),
|
||||
supabase.from("additives").select("*").order("sort"),
|
||||
]);
|
||||
const problem = dishesRes.error ?? allergensRes.error ?? additivesRes.error;
|
||||
if (problem)
|
||||
setError(formatMessage(dict.dishManager.loadError, { message: problem.message }));
|
||||
else {
|
||||
setDishes(dishesRes.data as Dish[]);
|
||||
setAllergens(allergensRes.data as CodeItem[]);
|
||||
setAdditives(additivesRes.data as CodeItem[]);
|
||||
}
|
||||
setLoading(false);
|
||||
}, [supabase]);
|
||||
}, [supabase, dict]);
|
||||
|
||||
useEffect(() => {
|
||||
load();
|
||||
@@ -49,15 +79,22 @@ export default function DishManager() {
|
||||
setError(null);
|
||||
const price = Number.parseFloat(form.price.replace(",", "."));
|
||||
if (Number.isNaN(price) || price < 0) {
|
||||
setError("Bitte einen gültigen Preis angeben, z. B. 3,50");
|
||||
setError(dict.dishManager.invalidPrice);
|
||||
return;
|
||||
}
|
||||
const payload = { name: form.name.trim(), price };
|
||||
const payload = {
|
||||
name: form.name.trim(),
|
||||
name_en: form.nameEn.trim() || null,
|
||||
name_pl: form.namePl.trim() || null,
|
||||
price,
|
||||
allergens: form.allergens,
|
||||
additives: form.additives,
|
||||
};
|
||||
const { error } = form.id
|
||||
? await supabase.from("dishes").update(payload).eq("id", form.id)
|
||||
: await supabase.from("dishes").insert(payload);
|
||||
if (error) {
|
||||
setError(`Speichern fehlgeschlagen: ${error.message}`);
|
||||
setError(formatMessage(dict.dishManager.saveError, { message: error.message }));
|
||||
return;
|
||||
}
|
||||
setForm(null);
|
||||
@@ -67,12 +104,13 @@ export default function DishManager() {
|
||||
async function remove(dish: Dish) {
|
||||
if (
|
||||
!window.confirm(
|
||||
`„${dish.name}“ wirklich löschen? Das Gericht wird auch aus allen Wochenplänen entfernt.`
|
||||
formatMessage(dict.dishManager.confirmDelete, { name: dish.name })
|
||||
)
|
||||
)
|
||||
return;
|
||||
const { error } = await supabase.from("dishes").delete().eq("id", dish.id);
|
||||
if (error) setError(`Löschen fehlgeschlagen: ${error.message}`);
|
||||
if (error)
|
||||
setError(formatMessage(dict.dishManager.deleteError, { message: error.message }));
|
||||
setSelected((prev) => {
|
||||
const next = new Set(prev);
|
||||
next.delete(dish.id);
|
||||
@@ -106,7 +144,9 @@ export default function DishManager() {
|
||||
if (selected.size === 0) return;
|
||||
if (
|
||||
!window.confirm(
|
||||
`${selected.size} Gericht(e) wirklich löschen? Sie werden auch aus allen Wochenplänen entfernt.`
|
||||
formatMessage(dict.dishManager.confirmDeleteSelected, {
|
||||
count: selected.size,
|
||||
})
|
||||
)
|
||||
)
|
||||
return;
|
||||
@@ -116,12 +156,63 @@ export default function DishManager() {
|
||||
.from("dishes")
|
||||
.delete()
|
||||
.in("id", Array.from(selected));
|
||||
if (error) setError(`Löschen fehlgeschlagen: ${error.message}`);
|
||||
if (error)
|
||||
setError(formatMessage(dict.dishManager.deleteError, { message: error.message }));
|
||||
setSelected(new Set());
|
||||
setBulkBusy(false);
|
||||
await load();
|
||||
}
|
||||
|
||||
function toggleAllergen(code: string) {
|
||||
if (!form) return;
|
||||
setForm({
|
||||
...form,
|
||||
allergens: form.allergens.includes(code)
|
||||
? form.allergens.filter((c) => c !== code)
|
||||
: [...form.allergens, code],
|
||||
});
|
||||
}
|
||||
|
||||
function toggleAdditive(code: string) {
|
||||
if (!form) return;
|
||||
setForm({
|
||||
...form,
|
||||
additives: form.additives.includes(code)
|
||||
? form.additives.filter((c) => c !== code)
|
||||
: [...form.additives, code],
|
||||
});
|
||||
}
|
||||
|
||||
async function autoTranslate() {
|
||||
if (!form || !form.name.trim()) return;
|
||||
setTranslateState("busy");
|
||||
setError(null);
|
||||
try {
|
||||
const res = await fetch("/api/translate", {
|
||||
method: "POST",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
body: JSON.stringify({
|
||||
table: "dishes",
|
||||
id: form.id,
|
||||
text: form.name.trim(),
|
||||
}),
|
||||
});
|
||||
const data = await res.json();
|
||||
if (!res.ok) throw new Error(data?.error ?? `Fehler (${res.status})`);
|
||||
if (data.configured === false) {
|
||||
setTranslateState("unavailable");
|
||||
return;
|
||||
}
|
||||
setForm((prev) =>
|
||||
prev ? { ...prev, nameEn: data.en ?? prev.nameEn, namePl: data.pl ?? prev.namePl } : prev
|
||||
);
|
||||
setTranslateState("done");
|
||||
} catch (err) {
|
||||
setError(err instanceof Error ? err.message : String(err));
|
||||
setTranslateState("idle");
|
||||
}
|
||||
}
|
||||
|
||||
const allSelected =
|
||||
visible.length > 0 && visible.every((d) => selected.has(d.id));
|
||||
|
||||
@@ -129,14 +220,17 @@ export default function DishManager() {
|
||||
<div className="max-w-3xl">
|
||||
<div className="flex items-center gap-3 mb-4">
|
||||
<h1 className="text-xl font-bold text-[var(--c-primary)] mr-auto">
|
||||
Gerichte
|
||||
{dict.dishManager.title}
|
||||
</h1>
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-add"
|
||||
onClick={() => setForm(EMPTY_FORM)}
|
||||
onClick={() => {
|
||||
setForm(EMPTY_FORM);
|
||||
setTranslateState("idle");
|
||||
}}
|
||||
>
|
||||
Neues Gericht
|
||||
{dict.dishManager.newDish}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -147,13 +241,13 @@ export default function DishManager() {
|
||||
)}
|
||||
|
||||
{form && (
|
||||
<form onSubmit={save} className="card mb-4 space-y-3">
|
||||
<form onSubmit={save} className="card mb-4 space-y-4">
|
||||
<h2 className="font-semibold">
|
||||
{form.id ? "Gericht bearbeiten" : "Neues Gericht"}
|
||||
{form.id ? dict.dishManager.editDish : dict.dishManager.newDish}
|
||||
</h2>
|
||||
<div>
|
||||
<label className="label" htmlFor="dish-name">
|
||||
Bezeichnung
|
||||
{dict.dishManager.nameLabel}
|
||||
</label>
|
||||
<input
|
||||
id="dish-name"
|
||||
@@ -165,45 +259,105 @@ export default function DishManager() {
|
||||
</div>
|
||||
<div className="max-w-40">
|
||||
<label className="label" htmlFor="dish-price">
|
||||
Preis in €
|
||||
{dict.dishManager.priceLabel}
|
||||
</label>
|
||||
<input
|
||||
id="dish-price"
|
||||
className="input"
|
||||
inputMode="decimal"
|
||||
placeholder="3,50"
|
||||
placeholder={dict.dishManager.pricePlaceholder}
|
||||
value={form.price}
|
||||
onChange={(e) => setForm({ ...form, price: e.target.value })}
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="grid gap-3 sm:grid-cols-2">
|
||||
<div>
|
||||
<label className="label" htmlFor="dish-name-en">
|
||||
{dict.dishManager.nameEnLabel}
|
||||
</label>
|
||||
<input
|
||||
id="dish-name-en"
|
||||
className="input"
|
||||
value={form.nameEn}
|
||||
onChange={(e) => setForm({ ...form, nameEn: e.target.value })}
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="label" htmlFor="dish-name-pl">
|
||||
{dict.dishManager.namePlLabel}
|
||||
</label>
|
||||
<input
|
||||
id="dish-name-pl"
|
||||
className="input"
|
||||
value={form.namePl}
|
||||
onChange={(e) => setForm({ ...form, namePl: e.target.value })}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-neutral"
|
||||
onClick={autoTranslate}
|
||||
disabled={translateState === "busy" || !form.name.trim()}
|
||||
>
|
||||
{translateState === "busy"
|
||||
? dict.dishManager.translating
|
||||
: dict.dishManager.autoTranslate}
|
||||
</button>
|
||||
{translateState === "done" && (
|
||||
<span className="ml-2 text-sm text-green-700">
|
||||
{dict.dishManager.translated}
|
||||
</span>
|
||||
)}
|
||||
{translateState === "unavailable" && (
|
||||
<span className="ml-2 text-sm text-gray-500">
|
||||
{dict.dishManager.translateUnavailable}
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<ChipPicker
|
||||
label={dict.codeList.allergensTitle}
|
||||
items={allergens}
|
||||
selected={form.allergens}
|
||||
onToggle={toggleAllergen}
|
||||
/>
|
||||
<ChipPicker
|
||||
label={dict.codeList.additivesTitle}
|
||||
items={additives}
|
||||
selected={form.additives}
|
||||
onToggle={toggleAdditive}
|
||||
/>
|
||||
<div className="flex gap-2">
|
||||
<button type="submit" className="btn btn-add">
|
||||
Speichern
|
||||
{dict.common.save}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-neutral"
|
||||
onClick={() => setForm(null)}
|
||||
>
|
||||
Abbrechen
|
||||
{dict.common.cancel}
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
)}
|
||||
|
||||
{loading ? (
|
||||
<p className="text-gray-500">Lade Gerichte…</p>
|
||||
<p className="text-gray-500">{dict.common.loading}</p>
|
||||
) : (
|
||||
<>
|
||||
{dishes.length > 0 && (
|
||||
<input
|
||||
type="search"
|
||||
className="input mb-3"
|
||||
placeholder="Gericht suchen…"
|
||||
placeholder={dict.dishManager.searchPlaceholder}
|
||||
value={search}
|
||||
onChange={(e) => setSearch(e.target.value)}
|
||||
aria-label="Gerichte durchsuchen"
|
||||
aria-label={dict.dishManager.searchPlaceholder}
|
||||
/>
|
||||
)}
|
||||
{dishes.length > 0 && (
|
||||
@@ -214,10 +368,10 @@ export default function DishManager() {
|
||||
checked={allSelected}
|
||||
onChange={toggleAll}
|
||||
/>
|
||||
Alle auswählen
|
||||
{dict.dishManager.selectAll}
|
||||
</label>
|
||||
<span className="text-gray-500">
|
||||
{selected.size} ausgewählt
|
||||
{formatMessage(dict.dishManager.selectedCount, { count: selected.size })}
|
||||
</span>
|
||||
<button
|
||||
type="button"
|
||||
@@ -225,53 +379,66 @@ export default function DishManager() {
|
||||
onClick={removeSelected}
|
||||
disabled={selected.size === 0 || bulkBusy}
|
||||
>
|
||||
Ausgewählte löschen{selected.size > 0 ? ` (${selected.size})` : ""}
|
||||
{selected.size > 0
|
||||
? formatMessage(dict.dishManager.deleteSelectedCount, {
|
||||
count: selected.size,
|
||||
})
|
||||
: dict.dishManager.deleteSelected}
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
<ul className="divide-y divide-gray-200 border border-gray-200 rounded-md bg-white">
|
||||
{visible.map((dish) => (
|
||||
{visible.map((dish) => {
|
||||
const codes = dishCodes(dish);
|
||||
return (
|
||||
<li key={dish.id} className="flex items-center gap-3 px-4 py-2">
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={selected.has(dish.id)}
|
||||
onChange={() => toggleOne(dish.id)}
|
||||
aria-label={`${dish.name} auswählen`}
|
||||
aria-label={dish.name}
|
||||
/>
|
||||
<span className="mr-auto">
|
||||
<span className="font-semibold">{dish.name}</span>{" "}
|
||||
<span className="text-gray-500">– {formatPrice(dish.price)}</span>
|
||||
<span className="font-semibold">{localized(dish, locale)}</span>
|
||||
{codes && <sup className="dish-codes">{codes}</sup>}{" "}
|
||||
<span className="text-gray-500">
|
||||
– {formatPrice(dish.price)}
|
||||
</span>
|
||||
</span>
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-primary"
|
||||
onClick={() =>
|
||||
onClick={() => {
|
||||
setForm({
|
||||
id: dish.id,
|
||||
name: dish.name,
|
||||
nameEn: dish.name_en ?? "",
|
||||
namePl: dish.name_pl ?? "",
|
||||
price: String(dish.price).replace(".", ","),
|
||||
})
|
||||
}
|
||||
allergens: dish.allergens ?? [],
|
||||
additives: dish.additives ?? [],
|
||||
});
|
||||
setTranslateState("idle");
|
||||
}}
|
||||
>
|
||||
Bearbeiten
|
||||
{dict.common.edit}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-del"
|
||||
onClick={() => remove(dish)}
|
||||
>
|
||||
Löschen
|
||||
{dict.common.delete}
|
||||
</button>
|
||||
</li>
|
||||
))}
|
||||
);
|
||||
})}
|
||||
{dishes.length === 0 && (
|
||||
<li className="px-4 py-3 text-gray-500">
|
||||
Noch keine Gerichte angelegt.
|
||||
</li>
|
||||
<li className="px-4 py-3 text-gray-500">{dict.dishManager.empty}</li>
|
||||
)}
|
||||
{dishes.length > 0 && visible.length === 0 && (
|
||||
<li className="px-4 py-3 text-gray-500">
|
||||
Keine Treffer für „{search}“.
|
||||
{formatMessage(dict.dishManager.noResults, { query: search })}
|
||||
</li>
|
||||
)}
|
||||
</ul>
|
||||
|
||||
@@ -2,6 +2,8 @@
|
||||
|
||||
import { useCallback, useEffect, useMemo, useState } from "react";
|
||||
import { createClient } from "@/lib/supabase/client";
|
||||
import { formatMessage } from "@/lib/i18n/shared";
|
||||
import { useDict } from "@/components/i18n/LocaleProvider";
|
||||
|
||||
interface PasskeyItem {
|
||||
id: string;
|
||||
@@ -12,6 +14,7 @@ interface PasskeyItem {
|
||||
|
||||
export default function PasskeyManager() {
|
||||
const supabase = useMemo(() => createClient(), []);
|
||||
const dict = useDict();
|
||||
const [passkeys, setPasskeys] = useState<PasskeyItem[]>([]);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
const [info, setInfo] = useState<string | null>(null);
|
||||
@@ -19,9 +22,10 @@ export default function PasskeyManager() {
|
||||
|
||||
const load = useCallback(async () => {
|
||||
const { data, error } = await supabase.auth.passkey.list();
|
||||
if (error) setError(`Passkeys konnten nicht geladen werden: ${error.message}`);
|
||||
if (error)
|
||||
setError(formatMessage(dict.passkeys.loadError, { message: error.message }));
|
||||
else setPasskeys((data ?? []) as PasskeyItem[]);
|
||||
}, [supabase]);
|
||||
}, [supabase, dict]);
|
||||
|
||||
useEffect(() => {
|
||||
load();
|
||||
@@ -34,37 +38,35 @@ export default function PasskeyManager() {
|
||||
try {
|
||||
const { error } = await supabase.auth.registerPasskey();
|
||||
if (error) {
|
||||
setError(`Registrierung fehlgeschlagen: ${error.message}`);
|
||||
setError(formatMessage(dict.passkeys.registerError, { message: error.message }));
|
||||
} else {
|
||||
setInfo("Passkey wurde erfolgreich registriert.");
|
||||
setInfo(dict.passkeys.registered);
|
||||
await load();
|
||||
}
|
||||
} catch (err) {
|
||||
setError(
|
||||
/NotAllowedError|abort/i.test(String(err))
|
||||
? "Die Passkey-Registrierung wurde abgebrochen."
|
||||
: `Registrierung fehlgeschlagen: ${err instanceof Error ? err.message : String(err)}`
|
||||
? dict.passkeys.registerCancelled
|
||||
: formatMessage(dict.passkeys.registerError, {
|
||||
message: err instanceof Error ? err.message : String(err),
|
||||
})
|
||||
);
|
||||
}
|
||||
setBusy(false);
|
||||
}
|
||||
|
||||
async function remove(pk: PasskeyItem) {
|
||||
if (!window.confirm("Diesen Passkey wirklich löschen?")) return;
|
||||
if (!window.confirm(dict.passkeys.confirmDelete)) return;
|
||||
const { error } = await supabase.auth.passkey.delete({ passkeyId: pk.id });
|
||||
if (error) setError(`Löschen fehlgeschlagen: ${error.message}`);
|
||||
if (error)
|
||||
setError(formatMessage(dict.passkeys.deleteError, { message: error.message }));
|
||||
await load();
|
||||
}
|
||||
|
||||
return (
|
||||
<section className="card">
|
||||
<h2 className="font-semibold mb-1">Passkeys</h2>
|
||||
<p className="text-sm text-gray-600 mb-3">
|
||||
Mit einem Passkey (Fingerabdruck, Gesichtserkennung oder
|
||||
Sicherheitsschlüssel) kannst du dich künftig ohne Passwort anmelden.
|
||||
Passkeys gelten pro Domain – für den Live-Betrieb muss die Domain in
|
||||
der Supabase-Konfiguration hinterlegt sein.
|
||||
</p>
|
||||
<h2 className="font-semibold mb-1">{dict.passkeys.title}</h2>
|
||||
<p className="text-sm text-gray-600 mb-3">{dict.passkeys.hint}</p>
|
||||
|
||||
{error && (
|
||||
<p className="mb-2 text-sm text-[var(--c-del)]" role="alert">
|
||||
@@ -79,7 +81,7 @@ export default function PasskeyManager() {
|
||||
onClick={register}
|
||||
disabled={busy}
|
||||
>
|
||||
Neuen Passkey registrieren
|
||||
{dict.passkeys.register}
|
||||
</button>
|
||||
|
||||
<ul className="divide-y divide-gray-100">
|
||||
@@ -90,8 +92,9 @@ export default function PasskeyManager() {
|
||||
{pk.friendly_name || "Passkey"}
|
||||
</span>{" "}
|
||||
<span className="text-gray-500">
|
||||
– angelegt am{" "}
|
||||
{new Date(pk.created_at).toLocaleDateString("de-DE")}
|
||||
{formatMessage(dict.passkeys.createdOn, {
|
||||
date: new Date(pk.created_at).toLocaleDateString(dict.dateLocale),
|
||||
})}
|
||||
</span>
|
||||
</span>
|
||||
<button
|
||||
@@ -99,14 +102,12 @@ export default function PasskeyManager() {
|
||||
className="btn btn-del"
|
||||
onClick={() => remove(pk)}
|
||||
>
|
||||
Löschen
|
||||
{dict.common.delete}
|
||||
</button>
|
||||
</li>
|
||||
))}
|
||||
{passkeys.length === 0 && (
|
||||
<li className="py-2 text-gray-500 text-sm">
|
||||
Noch keine Passkeys registriert.
|
||||
</li>
|
||||
<li className="py-2 text-gray-500 text-sm">{dict.passkeys.empty}</li>
|
||||
)}
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
@@ -0,0 +1,182 @@
|
||||
"use client";
|
||||
|
||||
// Mobile Ansicht der öffentlichen Speisekarte: Tag (Standard) oder Woche,
|
||||
// umschaltbar ohne Seiten-Reload. Ab dem "sm"-Breakpoint übernimmt die
|
||||
// normale Wochentabelle (siehe app/page.tsx), diese Komponente blendet
|
||||
// sich dort per CSS aus.
|
||||
|
||||
import Link from "next/link";
|
||||
import { useRouter } from "next/navigation";
|
||||
import { useState } from "react";
|
||||
import {
|
||||
addDays,
|
||||
dishCodes,
|
||||
entriesFor,
|
||||
formatDateLong,
|
||||
formatPrice,
|
||||
mondayOf,
|
||||
todayISO,
|
||||
weekdayIndex,
|
||||
} from "@/lib/menu";
|
||||
import { localized } from "@/lib/types";
|
||||
import type { MenuEntry, Section } from "@/lib/types";
|
||||
import { useDict, useLocale } from "@/components/i18n/LocaleProvider";
|
||||
import LanguageSwitcher from "@/components/i18n/LanguageSwitcher";
|
||||
|
||||
export default function PublicMobileMenu({
|
||||
monday,
|
||||
sections,
|
||||
entries,
|
||||
}: {
|
||||
monday: string;
|
||||
sections: Section[];
|
||||
entries: MenuEntry[];
|
||||
}) {
|
||||
const router = useRouter();
|
||||
const dict = useDict();
|
||||
const locale = useLocale();
|
||||
const days = dict.weekdays.long.map((weekday, i) => ({
|
||||
weekday,
|
||||
short: dict.weekdays.short[i],
|
||||
iso: addDays(monday, i),
|
||||
}));
|
||||
const isCurrentWeek = monday === mondayOf(todayISO());
|
||||
const todayIdx = isCurrentWeek ? weekdayIndex(todayISO()) : -1;
|
||||
|
||||
const [tab, setTab] = useState<"tag" | "woche">("tag");
|
||||
const [selectedIdx, setSelectedIdx] = useState(todayIdx >= 0 ? todayIdx : 0);
|
||||
|
||||
function goToday() {
|
||||
const currentMonday = mondayOf(todayISO());
|
||||
if (currentMonday === monday) {
|
||||
const idx = weekdayIndex(todayISO());
|
||||
setSelectedIdx(idx >= 0 ? idx : 0);
|
||||
setTab("tag");
|
||||
} else {
|
||||
router.push(`/?woche=${currentMonday}`);
|
||||
}
|
||||
}
|
||||
|
||||
function renderDay(day: { weekday: string; iso: string }) {
|
||||
return (
|
||||
<div key={day.iso} className="mb-4 last:mb-0">
|
||||
<h3 className="font-bold text-[var(--c-primary)] mb-2">
|
||||
{day.weekday} · {formatDateLong(day.iso, dict.dateLocale)}
|
||||
</h3>
|
||||
<div className="space-y-3">
|
||||
{sections.map((s) => {
|
||||
const items = entriesFor(entries, day.iso, s.key);
|
||||
return (
|
||||
<div
|
||||
key={s.key}
|
||||
className="rounded-md border border-gray-200 overflow-hidden"
|
||||
>
|
||||
<div className="bg-[var(--c-primary)] text-[var(--c-header-text)] px-3 py-1.5 text-sm">
|
||||
<span className="font-semibold">{localized(s, locale)}</span>{" "}
|
||||
<span className="opacity-80">· {s.time_range}</span>
|
||||
</div>
|
||||
<div className="bg-[var(--c-row-bg)] px-3 py-2 text-sm">
|
||||
{items.length === 0 ? (
|
||||
<p className="text-gray-500">{dict.publicMenu.noEntry}</p>
|
||||
) : (
|
||||
items.map((e) => {
|
||||
const codes = dishCodes(e.dish);
|
||||
return (
|
||||
<p key={e.id} className="mb-1 last:mb-0">
|
||||
<span className="font-semibold">
|
||||
{localized(e.dish, locale)}
|
||||
</span>
|
||||
{codes && <sup className="dish-codes">{codes}</sup>}{" "}
|
||||
– {formatPrice(e.dish.price)}
|
||||
</p>
|
||||
);
|
||||
})
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="sm:hidden mb-6">
|
||||
<div className="flex justify-end mb-3">
|
||||
<LanguageSwitcher variant="light" />
|
||||
</div>
|
||||
|
||||
<div className="flex gap-2 mb-3">
|
||||
<Link
|
||||
href={`/?woche=${addDays(monday, -7)}`}
|
||||
className="btn btn-add flex-1 justify-center"
|
||||
>
|
||||
{dict.publicMenu.prevWeekShort}
|
||||
</Link>
|
||||
<button
|
||||
type="button"
|
||||
onClick={goToday}
|
||||
className="btn btn-primary flex-1"
|
||||
>
|
||||
{dict.publicMenu.today}
|
||||
</button>
|
||||
<Link
|
||||
href={`/?woche=${addDays(monday, 7)}`}
|
||||
className="btn btn-add flex-1 justify-center"
|
||||
>
|
||||
{dict.publicMenu.nextWeekShort}
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-2 mb-3" role="tablist" aria-label="Ansicht">
|
||||
<button
|
||||
type="button"
|
||||
role="tab"
|
||||
aria-selected={tab === "tag"}
|
||||
onClick={() => setTab("tag")}
|
||||
className={`btn flex-1 ${tab === "tag" ? "btn-primary" : "btn-neutral"}`}
|
||||
>
|
||||
{dict.publicMenu.dayTab}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
role="tab"
|
||||
aria-selected={tab === "woche"}
|
||||
onClick={() => setTab("woche")}
|
||||
className={`btn flex-1 ${tab === "woche" ? "btn-primary" : "btn-neutral"}`}
|
||||
>
|
||||
{dict.publicMenu.weekTab}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{tab === "tag" ? (
|
||||
<>
|
||||
<div className="flex gap-1 mb-3">
|
||||
{days.map((d, i) => (
|
||||
<button
|
||||
key={d.iso}
|
||||
type="button"
|
||||
onClick={() => setSelectedIdx(i)}
|
||||
className={`flex-1 rounded-md py-1.5 text-sm font-semibold border transition-colors ${
|
||||
i === selectedIdx
|
||||
? "bg-[var(--c-primary)] text-white border-[var(--c-primary)]"
|
||||
: "bg-white text-gray-600 border-gray-200"
|
||||
} ${i === todayIdx ? "ring-2 ring-[var(--c-accent)] ring-offset-1" : ""}`}
|
||||
>
|
||||
{d.short}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
{renderDay(days[selectedIdx])}
|
||||
</>
|
||||
) : (
|
||||
<div>{days.map((d) => renderDay(d))}</div>
|
||||
)}
|
||||
|
||||
<Link href="/vorschlag" className="btn btn-neutral w-full justify-center mt-2">
|
||||
{dict.publicMenu.suggestDish}
|
||||
</Link>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,132 @@
|
||||
"use client";
|
||||
|
||||
import { useState } from "react";
|
||||
import Link from "next/link";
|
||||
import { createClient } from "@/lib/supabase/client";
|
||||
import { formatMessage } from "@/lib/i18n/shared";
|
||||
import { useDict } from "@/components/i18n/LocaleProvider";
|
||||
import LanguageSwitcher from "@/components/i18n/LanguageSwitcher";
|
||||
|
||||
export default function SuggestionForm() {
|
||||
const supabase = createClient();
|
||||
const dict = useDict();
|
||||
const [name, setName] = useState("");
|
||||
const [description, setDescription] = useState("");
|
||||
// Honeypot: für echte Nutzer unsichtbares Feld. Füllt ein Bot es aus,
|
||||
// tun wir so, als sei alles gut gegangen, ohne wirklich zu speichern.
|
||||
const [website, setWebsite] = useState("");
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
const [success, setSuccess] = useState(false);
|
||||
const [busy, setBusy] = useState(false);
|
||||
|
||||
async function submit(e: React.FormEvent) {
|
||||
e.preventDefault();
|
||||
setError(null);
|
||||
const trimmedName = name.trim();
|
||||
if (!trimmedName) {
|
||||
setError(dict.suggestions.nameRequired);
|
||||
return;
|
||||
}
|
||||
if (website.trim()) {
|
||||
// Bot-Falle ausgelöst: keine echte Anfrage, aber Erfolg vortäuschen.
|
||||
setSuccess(true);
|
||||
return;
|
||||
}
|
||||
setBusy(true);
|
||||
|
||||
const { data: existing } = await supabase
|
||||
.from("dishes")
|
||||
.select("id")
|
||||
.ilike("name", trimmedName)
|
||||
.limit(1);
|
||||
if (existing && existing.length > 0) {
|
||||
setError(dict.suggestions.duplicate);
|
||||
setBusy(false);
|
||||
return;
|
||||
}
|
||||
|
||||
const { error: insertError } = await supabase.from("dish_suggestions").insert({
|
||||
name: trimmedName,
|
||||
description: description.trim() || null,
|
||||
});
|
||||
if (insertError) {
|
||||
setError(formatMessage(dict.suggestions.genericError, { message: insertError.message }));
|
||||
setBusy(false);
|
||||
return;
|
||||
}
|
||||
setSuccess(true);
|
||||
setBusy(false);
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="flex-1 flex items-center justify-center p-4">
|
||||
<div className="card w-full max-w-md">
|
||||
<div className="flex justify-between items-center mb-1">
|
||||
<h1 className="text-xl font-bold text-[var(--c-primary)]">
|
||||
{dict.suggestions.formTitle}
|
||||
</h1>
|
||||
<LanguageSwitcher variant="light" />
|
||||
</div>
|
||||
<p className="text-sm text-gray-600 mb-4">{dict.suggestions.formHint}</p>
|
||||
|
||||
{success ? (
|
||||
<p className="text-sm text-green-700">{dict.suggestions.success}</p>
|
||||
) : (
|
||||
<form onSubmit={submit} className="space-y-3">
|
||||
<div>
|
||||
<label className="label" htmlFor="suggestion-name">
|
||||
{dict.suggestions.nameLabel}
|
||||
</label>
|
||||
<input
|
||||
id="suggestion-name"
|
||||
className="input"
|
||||
value={name}
|
||||
onChange={(e) => setName(e.target.value)}
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="label" htmlFor="suggestion-description">
|
||||
{dict.suggestions.descriptionLabel}
|
||||
</label>
|
||||
<textarea
|
||||
id="suggestion-description"
|
||||
className="input"
|
||||
rows={3}
|
||||
value={description}
|
||||
onChange={(e) => setDescription(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
{/* Honeypot – für Menschen unsichtbar, keine echten Nutzerdaten */}
|
||||
<div className="absolute -left-[9999px]" aria-hidden="true">
|
||||
<label htmlFor="website">Website</label>
|
||||
<input
|
||||
id="website"
|
||||
name="website"
|
||||
type="text"
|
||||
tabIndex={-1}
|
||||
autoComplete="off"
|
||||
value={website}
|
||||
onChange={(e) => setWebsite(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
{error && (
|
||||
<p className="text-sm text-[var(--c-del)]" role="alert">
|
||||
{error}
|
||||
</p>
|
||||
)}
|
||||
<button type="submit" className="btn btn-primary w-full" disabled={busy}>
|
||||
{busy ? dict.suggestions.submitting : dict.suggestions.submit}
|
||||
</button>
|
||||
</form>
|
||||
)}
|
||||
|
||||
<p className="mt-4 text-center text-sm">
|
||||
<Link href="/" className="text-gray-500 hover:text-[var(--c-primary)]">
|
||||
{dict.suggestions.backToMenu}
|
||||
</Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,137 @@
|
||||
"use client";
|
||||
|
||||
import { useCallback, useEffect, useMemo, useState } from "react";
|
||||
import { createClient } from "@/lib/supabase/client";
|
||||
import { formatMessage } from "@/lib/i18n/shared";
|
||||
import { useDict } from "@/components/i18n/LocaleProvider";
|
||||
import type { DishSuggestion } from "@/lib/types";
|
||||
|
||||
export default function SuggestionReview() {
|
||||
const supabase = useMemo(() => createClient(), []);
|
||||
const dict = useDict();
|
||||
const [items, setItems] = useState<DishSuggestion[]>([]);
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
const [info, setInfo] = useState<string | null>(null);
|
||||
const [busyId, setBusyId] = useState<string | null>(null);
|
||||
|
||||
const load = useCallback(async () => {
|
||||
const { data, error } = await supabase
|
||||
.from("dish_suggestions")
|
||||
.select("*")
|
||||
.order("created_at", { ascending: false });
|
||||
if (error)
|
||||
setError(formatMessage(dict.suggestions.loadError, { message: error.message }));
|
||||
else setItems(data as DishSuggestion[]);
|
||||
setLoading(false);
|
||||
}, [supabase, dict]);
|
||||
|
||||
useEffect(() => {
|
||||
load();
|
||||
}, [load]);
|
||||
|
||||
async function accept(item: DishSuggestion) {
|
||||
setBusyId(item.id);
|
||||
setError(null);
|
||||
setInfo(null);
|
||||
const { error: insertError } = await supabase.from("dishes").insert({
|
||||
name: item.name,
|
||||
price: 0,
|
||||
});
|
||||
if (insertError) {
|
||||
setError(
|
||||
formatMessage(dict.suggestions.actionError, { message: insertError.message })
|
||||
);
|
||||
setBusyId(null);
|
||||
return;
|
||||
}
|
||||
const { error: deleteError } = await supabase
|
||||
.from("dish_suggestions")
|
||||
.delete()
|
||||
.eq("id", item.id);
|
||||
if (deleteError) {
|
||||
setError(
|
||||
formatMessage(dict.suggestions.actionError, { message: deleteError.message })
|
||||
);
|
||||
setBusyId(null);
|
||||
return;
|
||||
}
|
||||
setInfo(dict.suggestions.accepted);
|
||||
setBusyId(null);
|
||||
await load();
|
||||
}
|
||||
|
||||
async function reject(item: DishSuggestion) {
|
||||
if (!window.confirm(formatMessage(dict.suggestions.confirmReject, { name: item.name })))
|
||||
return;
|
||||
setBusyId(item.id);
|
||||
setError(null);
|
||||
setInfo(null);
|
||||
const { error } = await supabase.from("dish_suggestions").delete().eq("id", item.id);
|
||||
if (error) {
|
||||
setError(formatMessage(dict.suggestions.actionError, { message: error.message }));
|
||||
} else {
|
||||
setInfo(dict.suggestions.rejected);
|
||||
}
|
||||
setBusyId(null);
|
||||
await load();
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="max-w-3xl">
|
||||
<h1 className="text-xl font-bold text-[var(--c-primary)] mb-4">
|
||||
{dict.suggestions.reviewTitle}
|
||||
</h1>
|
||||
|
||||
{error && (
|
||||
<p className="mb-3 text-sm text-[var(--c-del)]" role="alert">
|
||||
{error}
|
||||
</p>
|
||||
)}
|
||||
{info && <p className="mb-3 text-sm text-green-700">{info}</p>}
|
||||
|
||||
{loading ? (
|
||||
<p className="text-gray-500">{dict.common.loading}</p>
|
||||
) : (
|
||||
<ul className="divide-y divide-gray-200 border border-gray-200 rounded-md bg-white">
|
||||
{items.map((item) => (
|
||||
<li key={item.id} className="flex flex-wrap items-center gap-3 px-4 py-3">
|
||||
<span className="mr-auto">
|
||||
<span className="font-semibold">{item.name}</span>
|
||||
{item.description && (
|
||||
<span className="block text-sm text-gray-600 mt-0.5">
|
||||
{item.description}
|
||||
</span>
|
||||
)}
|
||||
<span className="block text-xs text-gray-400 mt-0.5">
|
||||
{formatMessage(dict.suggestions.submittedOn, {
|
||||
date: new Date(item.created_at).toLocaleDateString(dict.dateLocale),
|
||||
})}
|
||||
</span>
|
||||
</span>
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-add"
|
||||
onClick={() => accept(item)}
|
||||
disabled={busyId === item.id}
|
||||
>
|
||||
{dict.suggestions.accept}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-del"
|
||||
onClick={() => reject(item)}
|
||||
disabled={busyId === item.id}
|
||||
>
|
||||
{dict.suggestions.reject}
|
||||
</button>
|
||||
</li>
|
||||
))}
|
||||
{items.length === 0 && (
|
||||
<li className="px-4 py-3 text-gray-500">{dict.suggestions.reviewEmpty}</li>
|
||||
)}
|
||||
</ul>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
+50
-23
@@ -2,7 +2,9 @@
|
||||
|
||||
import { useCallback, useEffect, useMemo, useState } from "react";
|
||||
import { createClient } from "@/lib/supabase/client";
|
||||
import { formatMessage } from "@/lib/i18n/shared";
|
||||
import type { Profile, Role } from "@/lib/types";
|
||||
import { useDict } from "@/components/i18n/LocaleProvider";
|
||||
|
||||
interface UserForm {
|
||||
id: string | null; // null = neuer Benutzer
|
||||
@@ -10,6 +12,7 @@ interface UserForm {
|
||||
full_name: string;
|
||||
role: Role;
|
||||
password: string; // bei Bearbeitung optional (leer = unverändert)
|
||||
passwordRepeat: string;
|
||||
}
|
||||
|
||||
const EMPTY_FORM: UserForm = {
|
||||
@@ -18,15 +21,16 @@ const EMPTY_FORM: UserForm = {
|
||||
full_name: "",
|
||||
role: "staff",
|
||||
password: "",
|
||||
};
|
||||
|
||||
const ROLE_LABELS: Record<Role, string> = {
|
||||
admin: "Administrator",
|
||||
staff: "Kantinenmitarbeiter",
|
||||
passwordRepeat: "",
|
||||
};
|
||||
|
||||
export default function UserManager() {
|
||||
const supabase = useMemo(() => createClient(), []);
|
||||
const dict = useDict();
|
||||
const roleLabels: Record<Role, string> = {
|
||||
admin: dict.common.roleAdmin,
|
||||
staff: dict.common.roleStaff,
|
||||
};
|
||||
const [profiles, setProfiles] = useState<Profile[]>([]);
|
||||
const [me, setMe] = useState<string | null>(null);
|
||||
const [form, setForm] = useState<UserForm | null>(null);
|
||||
@@ -39,10 +43,11 @@ export default function UserManager() {
|
||||
supabase.from("profiles").select("*").order("created_at"),
|
||||
supabase.auth.getUser(),
|
||||
]);
|
||||
if (profileError) setError(`Laden fehlgeschlagen: ${profileError.message}`);
|
||||
if (profileError)
|
||||
setError(formatMessage(dict.userManager.loadError, { message: profileError.message }));
|
||||
else setProfiles(profileData as Profile[]);
|
||||
setMe(userData.user?.id ?? null);
|
||||
}, [supabase]);
|
||||
}, [supabase, dict]);
|
||||
|
||||
useEffect(() => {
|
||||
load();
|
||||
@@ -74,6 +79,10 @@ export default function UserManager() {
|
||||
async function save(e: React.FormEvent) {
|
||||
e.preventDefault();
|
||||
if (!form) return;
|
||||
if (form.password && form.password !== form.passwordRepeat) {
|
||||
setError(dict.userManager.passwordMismatch);
|
||||
return;
|
||||
}
|
||||
const ok = form.id
|
||||
? await callApi("PATCH", {
|
||||
id: form.id,
|
||||
@@ -96,7 +105,7 @@ export default function UserManager() {
|
||||
async function remove(profile: Profile) {
|
||||
if (
|
||||
!window.confirm(
|
||||
`Benutzer „${profile.email}“ wirklich löschen? Der Zugang wird dauerhaft entfernt.`
|
||||
formatMessage(dict.userManager.confirmDelete, { email: profile.email })
|
||||
)
|
||||
)
|
||||
return;
|
||||
@@ -107,14 +116,14 @@ export default function UserManager() {
|
||||
<div className="max-w-3xl">
|
||||
<div className="flex items-center gap-3 mb-4">
|
||||
<h1 className="text-xl font-bold text-[var(--c-primary)] mr-auto">
|
||||
Benutzer
|
||||
{dict.userManager.title}
|
||||
</h1>
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-add"
|
||||
onClick={() => setForm(EMPTY_FORM)}
|
||||
>
|
||||
Neuer Benutzer
|
||||
{dict.userManager.newUser}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -127,12 +136,12 @@ export default function UserManager() {
|
||||
{form && (
|
||||
<form onSubmit={save} className="card mb-4 space-y-3">
|
||||
<h2 className="font-semibold">
|
||||
{form.id ? "Benutzer bearbeiten" : "Neuer Benutzer"}
|
||||
{form.id ? dict.userManager.editUser : dict.userManager.newUser}
|
||||
</h2>
|
||||
{!form.id && (
|
||||
<div>
|
||||
<label className="label" htmlFor="user-email">
|
||||
E-Mail-Adresse
|
||||
{dict.common.email}
|
||||
</label>
|
||||
<input
|
||||
id="user-email"
|
||||
@@ -146,7 +155,7 @@ export default function UserManager() {
|
||||
)}
|
||||
<div>
|
||||
<label className="label" htmlFor="user-name">
|
||||
Name
|
||||
{dict.common.name}
|
||||
</label>
|
||||
<input
|
||||
id="user-name"
|
||||
@@ -157,7 +166,7 @@ export default function UserManager() {
|
||||
</div>
|
||||
<div className="max-w-60">
|
||||
<label className="label" htmlFor="user-role">
|
||||
Rolle
|
||||
{dict.common.role}
|
||||
</label>
|
||||
<select
|
||||
id="user-role"
|
||||
@@ -167,13 +176,13 @@ export default function UserManager() {
|
||||
setForm({ ...form, role: e.target.value as Role })
|
||||
}
|
||||
>
|
||||
<option value="staff">Kantinenmitarbeiter</option>
|
||||
<option value="admin">Administrator</option>
|
||||
<option value="staff">{dict.common.roleStaff}</option>
|
||||
<option value="admin">{dict.common.roleAdmin}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div className="max-w-60">
|
||||
<label className="label" htmlFor="user-password">
|
||||
{form.id ? "Neues Passwort (optional)" : "Passwort"}
|
||||
{form.id ? dict.userManager.newPasswordLabel : dict.common.password}
|
||||
</label>
|
||||
<input
|
||||
id="user-password"
|
||||
@@ -186,16 +195,33 @@ export default function UserManager() {
|
||||
autoComplete="new-password"
|
||||
/>
|
||||
</div>
|
||||
<div className="max-w-60">
|
||||
<label className="label" htmlFor="user-password-repeat">
|
||||
{dict.userManager.repeatPasswordLabel}
|
||||
</label>
|
||||
<input
|
||||
id="user-password-repeat"
|
||||
type="password"
|
||||
className="input"
|
||||
value={form.passwordRepeat}
|
||||
onChange={(e) =>
|
||||
setForm({ ...form, passwordRepeat: e.target.value })
|
||||
}
|
||||
minLength={8}
|
||||
required={!form.id || !!form.password}
|
||||
autoComplete="new-password"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex gap-2">
|
||||
<button type="submit" className="btn btn-add" disabled={busy}>
|
||||
Speichern
|
||||
{dict.common.save}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-neutral"
|
||||
onClick={() => setForm(null)}
|
||||
>
|
||||
Abbrechen
|
||||
{dict.common.cancel}
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
@@ -207,9 +233,9 @@ export default function UserManager() {
|
||||
<span className="mr-auto">
|
||||
<span className="font-semibold">{p.full_name || p.email}</span>{" "}
|
||||
<span className="text-gray-500">
|
||||
– {p.email} – {ROLE_LABELS[p.role]}
|
||||
– {p.email} – {roleLabels[p.role]}
|
||||
</span>
|
||||
{p.id === me && <span className="text-gray-400"> (du)</span>}
|
||||
{p.id === me && <span className="text-gray-400"> {dict.common.you}</span>}
|
||||
</span>
|
||||
<button
|
||||
type="button"
|
||||
@@ -221,10 +247,11 @@ export default function UserManager() {
|
||||
full_name: p.full_name,
|
||||
role: p.role,
|
||||
password: "",
|
||||
passwordRepeat: "",
|
||||
})
|
||||
}
|
||||
>
|
||||
Bearbeiten
|
||||
{dict.common.edit}
|
||||
</button>
|
||||
{p.id !== me && (
|
||||
<button
|
||||
@@ -232,7 +259,7 @@ export default function UserManager() {
|
||||
className="btn btn-del"
|
||||
onClick={() => remove(p)}
|
||||
>
|
||||
Löschen
|
||||
{dict.common.delete}
|
||||
</button>
|
||||
)}
|
||||
</li>
|
||||
|
||||
+56
-29
@@ -3,13 +3,26 @@
|
||||
import { useCallback, useEffect, useMemo, useState } from "react";
|
||||
import Link from "next/link";
|
||||
import { createClient } from "@/lib/supabase/client";
|
||||
import { addDays, formatDateLong, formatPrice, WEEKDAYS } from "@/lib/menu";
|
||||
import {
|
||||
addDays,
|
||||
dishCodes,
|
||||
entriesFor,
|
||||
formatDateLong,
|
||||
formatPrice,
|
||||
mondayOf,
|
||||
todayISO,
|
||||
} from "@/lib/menu";
|
||||
import { formatMessage } from "@/lib/i18n/shared";
|
||||
import { localized } from "@/lib/types";
|
||||
import type { Dish, MenuEntry, Section } from "@/lib/types";
|
||||
import { useDict, useLocale } from "@/components/i18n/LocaleProvider";
|
||||
|
||||
export default function WeekEditor({ monday }: { monday: string }) {
|
||||
const supabase = useMemo(() => createClient(), []);
|
||||
const dict = useDict();
|
||||
const locale = useLocale();
|
||||
const friday = addDays(monday, 4);
|
||||
const days = WEEKDAYS.map((weekday, i) => ({
|
||||
const days = dict.weekdays.long.map((weekday, i) => ({
|
||||
weekday,
|
||||
iso: addDays(monday, i),
|
||||
}));
|
||||
@@ -32,7 +45,9 @@ export default function WeekEditor({ monday }: { monday: string }) {
|
||||
supabase.from("dishes").select("*").order("name"),
|
||||
supabase
|
||||
.from("menu_entries")
|
||||
.select("id, menu_date, section_key, position, dish:dishes(id, name, price)")
|
||||
.select(
|
||||
"id, menu_date, section_key, position, dish:dishes(id, name, name_en, name_pl, price, allergens, additives)"
|
||||
)
|
||||
.gte("menu_date", monday)
|
||||
.lte("menu_date", friday)
|
||||
.order("position")
|
||||
@@ -40,14 +55,14 @@ export default function WeekEditor({ monday }: { monday: string }) {
|
||||
]);
|
||||
const problem = se.error ?? di.error ?? en.error;
|
||||
if (problem) {
|
||||
setError(`Laden fehlgeschlagen: ${problem.message}`);
|
||||
setError(formatMessage(dict.weekEditor.loadError, { message: problem.message }));
|
||||
} else {
|
||||
setSections(se.data as Section[]);
|
||||
setDishes(di.data as Dish[]);
|
||||
setEntries(en.data as unknown as MenuEntry[]);
|
||||
}
|
||||
setLoading(false);
|
||||
}, [supabase, monday, friday]);
|
||||
}, [supabase, monday, friday, dict]);
|
||||
|
||||
useEffect(() => {
|
||||
setLoading(true);
|
||||
@@ -64,8 +79,8 @@ export default function WeekEditor({ monday }: { monday: string }) {
|
||||
if (error) {
|
||||
setError(
|
||||
/duplicate key/i.test(error.message)
|
||||
? "Dieses Gericht ist an diesem Tag bereits zugewiesen."
|
||||
: `Speichern fehlgeschlagen: ${error.message}`
|
||||
? dict.weekEditor.duplicateEntry
|
||||
: formatMessage(dict.weekEditor.saveError, { message: error.message })
|
||||
);
|
||||
}
|
||||
setAdding(null);
|
||||
@@ -75,24 +90,30 @@ export default function WeekEditor({ monday }: { monday: string }) {
|
||||
|
||||
async function removeEntry(id: string) {
|
||||
const { error } = await supabase.from("menu_entries").delete().eq("id", id);
|
||||
if (error) setError(`Löschen fehlgeschlagen: ${error.message}`);
|
||||
if (error)
|
||||
setError(formatMessage(dict.weekEditor.deleteError, { message: error.message }));
|
||||
await load();
|
||||
}
|
||||
|
||||
const cell = (iso: string, sectionKey: string) =>
|
||||
entries.filter((e) => e.menu_date === iso && e.section_key === sectionKey);
|
||||
const [hintBefore, hintAfter] = dict.weekEditor.newDishesHint.split("{link}");
|
||||
|
||||
return (
|
||||
<div>
|
||||
<div className="flex flex-wrap items-center gap-3 mb-4">
|
||||
<h1 className="text-xl font-bold text-[var(--c-primary)] mr-auto">
|
||||
Wochenplan
|
||||
{dict.weekEditor.title}
|
||||
</h1>
|
||||
<Link href={`/intern?woche=${addDays(monday, -7)}`} className="btn btn-add">
|
||||
← Vorherige Woche
|
||||
{dict.publicMenu.prevWeek}
|
||||
</Link>
|
||||
<Link
|
||||
href={`/intern?woche=${mondayOf(todayISO())}`}
|
||||
className="btn btn-primary"
|
||||
>
|
||||
{dict.publicMenu.today}
|
||||
</Link>
|
||||
<Link href={`/intern?woche=${addDays(monday, 7)}`} className="btn btn-add">
|
||||
Nächste Woche →
|
||||
{dict.publicMenu.nextWeek}
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
@@ -102,7 +123,7 @@ export default function WeekEditor({ monday }: { monday: string }) {
|
||||
</p>
|
||||
)}
|
||||
{loading ? (
|
||||
<p className="text-gray-500">Lade Wochenplan…</p>
|
||||
<p className="text-gray-500">{dict.weekEditor.loading}</p>
|
||||
) : (
|
||||
<table className="menu-table">
|
||||
<thead>
|
||||
@@ -112,7 +133,7 @@ export default function WeekEditor({ monday }: { monday: string }) {
|
||||
<th key={d.iso} className="day-head">
|
||||
<span className="font-bold">{d.weekday}</span>
|
||||
<br />
|
||||
{formatDateLong(d.iso)}
|
||||
{formatDateLong(d.iso, dict.dateLocale)}
|
||||
</th>
|
||||
))}
|
||||
</tr>
|
||||
@@ -121,7 +142,7 @@ export default function WeekEditor({ monday }: { monday: string }) {
|
||||
{sections.map((s) => (
|
||||
<tr key={s.key}>
|
||||
<th className="section-head">
|
||||
<div>{s.label}</div>
|
||||
<div>{localized(s, locale)}</div>
|
||||
<div className="time">{s.time_range}</div>
|
||||
</th>
|
||||
{days.map((d) => {
|
||||
@@ -129,9 +150,14 @@ export default function WeekEditor({ monday }: { monday: string }) {
|
||||
adding?.iso === d.iso && adding?.section === s.key;
|
||||
return (
|
||||
<td key={d.iso} className="cell">
|
||||
{cell(d.iso, s.key).map((e) => (
|
||||
{entriesFor(entries, d.iso, s.key).map((e) => {
|
||||
const codes = dishCodes(e.dish);
|
||||
return (
|
||||
<div key={e.id} className="dish">
|
||||
<span className="font-bold">{e.dish.name}</span>
|
||||
<span className="font-bold">
|
||||
{localized(e.dish, locale)}
|
||||
</span>
|
||||
{codes && <sup className="dish-codes">{codes}</sup>}
|
||||
{" – "}
|
||||
{formatPrice(e.dish.price)}
|
||||
<div className="mt-1">
|
||||
@@ -140,11 +166,12 @@ export default function WeekEditor({ monday }: { monday: string }) {
|
||||
className="btn btn-del"
|
||||
onClick={() => removeEntry(e.id)}
|
||||
>
|
||||
Löschen
|
||||
{dict.common.delete}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
);
|
||||
})}
|
||||
{isAdding ? (
|
||||
<div className="mt-2 space-y-1 text-left">
|
||||
<select
|
||||
@@ -152,10 +179,10 @@ export default function WeekEditor({ monday }: { monday: string }) {
|
||||
value={selectedDish}
|
||||
onChange={(e) => setSelectedDish(e.target.value)}
|
||||
>
|
||||
<option value="">– Gericht wählen –</option>
|
||||
<option value="">{dict.weekEditor.selectDish}</option>
|
||||
{dishes.map((dish) => (
|
||||
<option key={dish.id} value={dish.id}>
|
||||
{dish.name} ({formatPrice(dish.price)})
|
||||
{localized(dish, locale)} ({formatPrice(dish.price)})
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
@@ -166,7 +193,7 @@ export default function WeekEditor({ monday }: { monday: string }) {
|
||||
onClick={addEntry}
|
||||
disabled={!selectedDish}
|
||||
>
|
||||
Hinzufügen
|
||||
{dict.common.add}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
@@ -176,7 +203,7 @@ export default function WeekEditor({ monday }: { monday: string }) {
|
||||
setSelectedDish("");
|
||||
}}
|
||||
>
|
||||
Abbrechen
|
||||
{dict.common.cancel}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -189,7 +216,7 @@ export default function WeekEditor({ monday }: { monday: string }) {
|
||||
setSelectedDish("");
|
||||
}}
|
||||
>
|
||||
Mahlzeit hinzufügen
|
||||
{dict.weekEditor.addMeal}
|
||||
</button>
|
||||
)}
|
||||
</td>
|
||||
@@ -201,11 +228,11 @@ export default function WeekEditor({ monday }: { monday: string }) {
|
||||
</table>
|
||||
)}
|
||||
<p className="mt-4 text-sm text-gray-500">
|
||||
Neue Gerichte legst du unter{" "}
|
||||
{hintBefore}
|
||||
<Link href="/intern/gerichte" className="underline">
|
||||
Gerichte
|
||||
</Link>{" "}
|
||||
an.
|
||||
{dict.weekEditor.newDishesLinkLabel}
|
||||
</Link>
|
||||
{hintAfter}
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
|
||||
@@ -0,0 +1,58 @@
|
||||
"use client";
|
||||
|
||||
import { useRouter } from "next/navigation";
|
||||
import { useState } from "react";
|
||||
import { LOCALES, LOCALE_LABELS } from "@/lib/i18n/shared";
|
||||
import type { Locale } from "@/lib/i18n/shared";
|
||||
import { useLocale } from "@/components/i18n/LocaleProvider";
|
||||
|
||||
export default function LanguageSwitcher({
|
||||
className = "",
|
||||
variant = "dark",
|
||||
}: {
|
||||
className?: string;
|
||||
variant?: "dark" | "light";
|
||||
}) {
|
||||
const locale = useLocale();
|
||||
const router = useRouter();
|
||||
const [busy, setBusy] = useState(false);
|
||||
|
||||
async function change(next: Locale) {
|
||||
if (next === locale || busy) return;
|
||||
setBusy(true);
|
||||
await fetch("/api/locale", {
|
||||
method: "POST",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
body: JSON.stringify({ locale: next }),
|
||||
});
|
||||
router.refresh();
|
||||
setBusy(false);
|
||||
}
|
||||
|
||||
const activeCls =
|
||||
variant === "dark" ? "bg-white/25 text-white" : "bg-gray-200 text-gray-900";
|
||||
const inactiveCls =
|
||||
variant === "dark"
|
||||
? "text-white/60 hover:text-white hover:bg-white/10"
|
||||
: "text-gray-400 hover:text-gray-700 hover:bg-gray-100";
|
||||
|
||||
return (
|
||||
<div className={`flex gap-1 text-xs ${className}`} aria-label="Sprache">
|
||||
{LOCALES.map((l) => (
|
||||
<button
|
||||
key={l}
|
||||
type="button"
|
||||
onClick={() => change(l)}
|
||||
disabled={busy}
|
||||
aria-current={l === locale}
|
||||
title={LOCALE_LABELS[l]}
|
||||
className={`rounded px-1.5 py-0.5 uppercase font-semibold transition-colors ${
|
||||
l === locale ? activeCls : inactiveCls
|
||||
}`}
|
||||
>
|
||||
{l}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,46 @@
|
||||
"use client";
|
||||
|
||||
// Stellt Sprache + Wörterbuch für Client-Komponenten bereit. Wird einmal
|
||||
// im Root-Layout mit dem serverseitig aus dem Cookie gelesenen Locale
|
||||
// instanziiert; Client-Komponenten lesen darüber via useDict()/useLocale().
|
||||
|
||||
import { createContext, useContext, useMemo } from "react";
|
||||
import { formatMessage } from "@/lib/i18n/shared";
|
||||
import type { Dict, Locale } from "@/lib/i18n/shared";
|
||||
|
||||
interface LocaleContextValue {
|
||||
locale: Locale;
|
||||
dict: Dict;
|
||||
}
|
||||
|
||||
const LocaleContext = createContext<LocaleContextValue | null>(null);
|
||||
|
||||
export function LocaleProvider({
|
||||
locale,
|
||||
dict,
|
||||
children,
|
||||
}: LocaleContextValue & { children: React.ReactNode }) {
|
||||
const value = useMemo(() => ({ locale, dict }), [locale, dict]);
|
||||
return (
|
||||
<LocaleContext.Provider value={value}>{children}</LocaleContext.Provider>
|
||||
);
|
||||
}
|
||||
|
||||
function useLocaleContext(): LocaleContextValue {
|
||||
const ctx = useContext(LocaleContext);
|
||||
if (!ctx) throw new Error("useDict/useLocale muss innerhalb von LocaleProvider verwendet werden.");
|
||||
return ctx;
|
||||
}
|
||||
|
||||
export function useDict(): Dict {
|
||||
return useLocaleContext().dict;
|
||||
}
|
||||
|
||||
export function useLocale(): Locale {
|
||||
return useLocaleContext().locale;
|
||||
}
|
||||
|
||||
/** t("Text mit {var}", { var: "Wert" }) für Platzhalter in Übersetzungen. */
|
||||
export function useFormatMessage() {
|
||||
return formatMessage;
|
||||
}
|
||||
@@ -34,6 +34,12 @@ services:
|
||||
# Wird für den CSRF-Origin-Check genutzt; dieselbe URL ist die
|
||||
# Passkey-Domain (siehe scripts/configure-passkeys.mjs).
|
||||
APP_URL: ${APP_URL:-http://localhost:3000}
|
||||
# Titel im Browser-Tab und Überschrift, solange kein Logo hochgeladen ist.
|
||||
SITE_TITLE: ${SITE_TITLE:-Canteen Menu}
|
||||
# Optional: DeepL-API-Key für automatische Übersetzung von Gerichten
|
||||
# (Kürzel-Erklärungen, Bereichen) nach Englisch/Polnisch. Ohne Key
|
||||
# bleibt "Automatisch übersetzen" inaktiv, manuelle Eingabe geht immer.
|
||||
DEEPL_API_KEY: ${DEEPL_API_KEY:-}
|
||||
ports:
|
||||
- "0.0.0.0:3000:3000"
|
||||
restart: unless-stopped
|
||||
@@ -68,6 +74,8 @@ services:
|
||||
NEXT_PUBLIC_SUPABASE_ANON_KEY: ${NEXT_PUBLIC_SUPABASE_ANON_KEY}
|
||||
SUPABASE_SERVICE_ROLE_KEY: ${SUPABASE_SERVICE_ROLE_KEY}
|
||||
APP_URL: ${APP_URL:-http://localhost:3000}
|
||||
SITE_TITLE: ${SITE_TITLE:-Canteen Menu}
|
||||
DEEPL_API_KEY: ${DEEPL_API_KEY:-}
|
||||
ports:
|
||||
- "0.0.0.0:3000:3000"
|
||||
volumes:
|
||||
|
||||
@@ -0,0 +1,719 @@
|
||||
// Übersetzungswörterbücher für die komplette Oberfläche.
|
||||
// "de" ist die Referenzstruktur; en/pl werden dagegen typgeprüft,
|
||||
// damit kein Schlüssel in einer Sprache fehlt.
|
||||
|
||||
const de = {
|
||||
common: {
|
||||
save: "Speichern",
|
||||
cancel: "Abbrechen",
|
||||
delete: "Löschen",
|
||||
edit: "Bearbeiten",
|
||||
add: "Hinzufügen",
|
||||
back: "Zurück",
|
||||
login: "Anmelden",
|
||||
logout: "Abmelden",
|
||||
loading: "Lade…",
|
||||
you: "(du)",
|
||||
name: "Name",
|
||||
email: "E-Mail-Adresse",
|
||||
password: "Passwort",
|
||||
role: "Rolle",
|
||||
roleAdmin: "Administrator",
|
||||
roleStaff: "Kantinenmitarbeiter",
|
||||
},
|
||||
weekdays: {
|
||||
long: ["Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag"],
|
||||
short: ["Mo", "Di", "Mi", "Do", "Fr"],
|
||||
},
|
||||
dateLocale: "de-DE",
|
||||
header: {
|
||||
canteen: "Kantine",
|
||||
menuGroup: "Speiseplan",
|
||||
weekPlan: "Wochenplan",
|
||||
dishes: "Gerichte",
|
||||
labels: "Allergene & Zusatzstoffe",
|
||||
adminGroup: "Verwaltung",
|
||||
users: "Benutzer",
|
||||
design: "Design",
|
||||
suggestions: "Vorschläge",
|
||||
viewMenu: "Speisekarte ansehen",
|
||||
myAccount: "Mein Konto",
|
||||
},
|
||||
login: {
|
||||
title: "Anmeldung",
|
||||
submit: "Anmelden",
|
||||
or: "oder",
|
||||
passkeyButton: "Mit Passkey anmelden",
|
||||
backToMenu: "← Zur Speisekarte",
|
||||
errorInvalidCredentials: "E-Mail-Adresse oder Passwort ist falsch.",
|
||||
errorEmailNotConfirmed: "Die E-Mail-Adresse wurde noch nicht bestätigt.",
|
||||
errorPasskeyCancelled: "Passkey-Anmeldung wurde abgebrochen.",
|
||||
errorGeneric: "Anmeldung fehlgeschlagen: {message}",
|
||||
errorPasswordDisabled:
|
||||
"Die Anmeldung mit Passwort ist für dieses Konto deaktiviert. Bitte mit Passkey anmelden.",
|
||||
},
|
||||
publicMenu: {
|
||||
prevWeek: "← Vorherige Woche",
|
||||
nextWeek: "Nächste Woche →",
|
||||
prevWeekShort: "← Woche",
|
||||
nextWeekShort: "Woche →",
|
||||
today: "Heute",
|
||||
dayTab: "Tag",
|
||||
weekTab: "Woche",
|
||||
allergens: "Allergene",
|
||||
additives: "Zusatzstoffe",
|
||||
suggestDish: "Rezept vorschlagen",
|
||||
noEntry: "–",
|
||||
},
|
||||
weekEditor: {
|
||||
title: "Wochenplan",
|
||||
loading: "Lade Wochenplan…",
|
||||
selectDish: "– Gericht wählen –",
|
||||
addMeal: "Mahlzeit hinzufügen",
|
||||
newDishesHint: "Neue Gerichte legst du unter {link} an.",
|
||||
newDishesLinkLabel: "Gerichte",
|
||||
loadError: "Laden fehlgeschlagen: {message}",
|
||||
duplicateEntry: "Dieses Gericht ist an diesem Tag bereits zugewiesen.",
|
||||
saveError: "Speichern fehlgeschlagen: {message}",
|
||||
deleteError: "Löschen fehlgeschlagen: {message}",
|
||||
},
|
||||
dishManager: {
|
||||
title: "Gerichte",
|
||||
newDish: "Neues Gericht",
|
||||
editDish: "Gericht bearbeiten",
|
||||
nameLabel: "Bezeichnung",
|
||||
nameEnLabel: "Name (Englisch)",
|
||||
namePlLabel: "Name (Polnisch)",
|
||||
autoTranslate: "Automatisch übersetzen",
|
||||
translating: "Übersetze…",
|
||||
translated: "Übersetzt.",
|
||||
translateUnavailable:
|
||||
"Automatische Übersetzung ist nicht eingerichtet. Bitte Englisch/Polnisch manuell ausfüllen.",
|
||||
priceLabel: "Preis in €",
|
||||
pricePlaceholder: "3,50",
|
||||
searchPlaceholder: "Gericht suchen…",
|
||||
selectAll: "Alle auswählen",
|
||||
selectedCount: "{count} ausgewählt",
|
||||
deleteSelected: "Ausgewählte löschen",
|
||||
deleteSelectedCount: "Ausgewählte löschen ({count})",
|
||||
empty: "Noch keine Gerichte angelegt.",
|
||||
noResults: "Keine Treffer für „{query}“.",
|
||||
confirmDelete:
|
||||
"„{name}“ wirklich löschen? Das Gericht wird auch aus allen Wochenplänen entfernt.",
|
||||
confirmDeleteSelected:
|
||||
"{count} Gericht(e) wirklich löschen? Sie werden auch aus allen Wochenplänen entfernt.",
|
||||
invalidPrice: "Bitte einen gültigen Preis angeben, z. B. 3,50",
|
||||
loadError: "Laden fehlgeschlagen: {message}",
|
||||
saveError: "Speichern fehlgeschlagen: {message}",
|
||||
deleteError: "Löschen fehlgeschlagen: {message}",
|
||||
},
|
||||
codeList: {
|
||||
allergensTitle: "Allergene",
|
||||
additivesTitle: "Zusatzstoffe",
|
||||
allergenCodeLabel: "Kürzel (z. B. A)",
|
||||
additiveCodeLabel: "Kürzel (z. B. 1)",
|
||||
nameLabel: "Bezeichnung",
|
||||
empty: "Keine Einträge.",
|
||||
confirmDelete: "„{code} – {name}“ wirklich löschen?",
|
||||
duplicateCode: "Das Kürzel „{code}“ existiert bereits.",
|
||||
loadError: "Laden fehlgeschlagen: {message}",
|
||||
saveError: "Speichern fehlgeschlagen: {message}",
|
||||
deleteError: "Löschen fehlgeschlagen: {message}",
|
||||
},
|
||||
userManager: {
|
||||
title: "Benutzer",
|
||||
newUser: "Neuer Benutzer",
|
||||
editUser: "Benutzer bearbeiten",
|
||||
newPasswordLabel: "Neues Passwort (optional)",
|
||||
repeatPasswordLabel: "Passwort wiederholen",
|
||||
passwordMismatch: "Die Passwörter stimmen nicht überein.",
|
||||
confirmDelete:
|
||||
"Benutzer „{email}“ wirklich löschen? Der Zugang wird dauerhaft entfernt.",
|
||||
loadError: "Laden fehlgeschlagen: {message}",
|
||||
},
|
||||
designEditor: {
|
||||
title: "Design",
|
||||
logoTitle: "Logo",
|
||||
logoHint: "Das Logo wird zentriert über der Speisekarte angezeigt.",
|
||||
logoNone: "Kein Logo hinterlegt.",
|
||||
logoUpload: "Logo hochladen",
|
||||
logoRemove: "Logo entfernen",
|
||||
logoUpdated: "Logo aktualisiert.",
|
||||
logoRemoved: "Logo entfernt.",
|
||||
faviconTitle: "Favicon",
|
||||
faviconHint:
|
||||
"Wird als Icon im Browser-Tab angezeigt. Ohne eigenes Favicon gilt das Standard-Icon der Anwendung.",
|
||||
faviconNone: "Kein eigenes Favicon hinterlegt.",
|
||||
faviconUpload: "Favicon hochladen",
|
||||
faviconRemove: "Favicon entfernen",
|
||||
faviconUpdated: "Favicon aktualisiert.",
|
||||
faviconRemoved: "Favicon entfernt.",
|
||||
invalidImage: "Bitte eine Bilddatei auswählen (PNG, JPG, SVG, WebP, ICO).",
|
||||
colorsTitle: "Farbgebung",
|
||||
colorsSave: "Farben speichern",
|
||||
colorsReset: "Auf Standard zurücksetzen",
|
||||
colorsSaved: "Farben gespeichert.",
|
||||
colorPrimary: "Primärfarbe (Tabellenkopf)",
|
||||
colorPrimaryDark: "Primärfarbe dunkel (Kopfleiste intern)",
|
||||
colorAccent: "Akzentfarbe",
|
||||
colorHeaderText: "Schriftfarbe im Tabellenkopf",
|
||||
colorRowBg: "Zellen-Hintergrund",
|
||||
colorRowBgAlt: "Zellen-Hintergrund (alternierend)",
|
||||
colorAddBtn: "Button „Hinzufügen“",
|
||||
colorDeleteBtn: "Button „Löschen“",
|
||||
loadError: "Laden fehlgeschlagen: {message}",
|
||||
saveError: "Speichern fehlgeschlagen: {message}",
|
||||
uploadError: "Upload fehlgeschlagen: {message}",
|
||||
confirmRemoveLogo: "Logo wirklich entfernen?",
|
||||
confirmRemoveFavicon: "Favicon wirklich entfernen?",
|
||||
},
|
||||
passkeys: {
|
||||
title: "Passkeys",
|
||||
hint: "Mit einem Passkey (Fingerabdruck, Gesichtserkennung oder Sicherheitsschlüssel) kannst du dich künftig ohne Passwort anmelden. Passkeys gelten pro Domain – für den Live-Betrieb muss die Domain in der Supabase-Konfiguration hinterlegt sein.",
|
||||
register: "Neuen Passkey registrieren",
|
||||
empty: "Noch keine Passkeys registriert.",
|
||||
createdOn: "– angelegt am {date}",
|
||||
registered: "Passkey wurde erfolgreich registriert.",
|
||||
registerError: "Registrierung fehlgeschlagen: {message}",
|
||||
registerCancelled: "Die Passkey-Registrierung wurde abgebrochen.",
|
||||
loadError: "Passkeys konnten nicht geladen werden: {message}",
|
||||
deleteError: "Löschen fehlgeschlagen: {message}",
|
||||
confirmDelete: "Diesen Passkey wirklich löschen?",
|
||||
},
|
||||
account: {
|
||||
title: "Mein Konto",
|
||||
personalTitle: "Persönliche Daten",
|
||||
saveName: "Name speichern",
|
||||
nameSaved: "Name gespeichert.",
|
||||
nameRequired: "Bitte einen Namen angeben.",
|
||||
emailTitle: "E-Mail-Adresse",
|
||||
changeEmail: "E-Mail-Adresse ändern",
|
||||
emailSent:
|
||||
"Bestätigungs-E-Mails wurden verschickt. Die neue Adresse wird erst nach Bestätigung des Links aktiv.",
|
||||
passwordTitle: "Passwort ändern",
|
||||
currentPassword: "Aktuelles Passwort (zur Verifizierung)",
|
||||
newPassword: "Neues Passwort",
|
||||
newPasswordRepeat: "Neues Passwort wiederholen",
|
||||
changePassword: "Passwort ändern",
|
||||
passwordChanged: "Passwort geändert.",
|
||||
passwordMismatch: "Die Passwörter stimmen nicht überein.",
|
||||
passwordTooShort: "Das neue Passwort muss mindestens 8 Zeichen lang sein.",
|
||||
passwordAuthTitle: "Anmeldung mit Passwort",
|
||||
passwordAuthHint:
|
||||
"Du kannst die Anmeldung mit E-Mail und Passwort für dein Konto deaktivieren und dich künftig ausschließlich per Passkey anmelden. Dafür muss mindestens ein Passkey registriert sein.",
|
||||
passwordAuthCheckbox: "Anmeldung mit E-Mail und Passwort erlaubt",
|
||||
passwordAuthEnabled: "Passwort-Anmeldung aktiviert.",
|
||||
passwordAuthDisabled: "Passwort-Anmeldung deaktiviert.",
|
||||
passwordAuthNeedsPasskey:
|
||||
"Ohne registrierten Passkey kannst du die Passwort-Anmeldung nicht deaktivieren – sonst wärst du ausgesperrt. Registriere zuerst einen Passkey weiter unten.",
|
||||
confirmDisablePasswordAuth:
|
||||
"Anmeldung mit E-Mail und Passwort wirklich deaktivieren? Du kannst dich danach nur noch per Passkey anmelden.",
|
||||
wrongCurrentPassword: "Das aktuelle Passwort ist falsch.",
|
||||
emailAlreadyUsed: "Diese E-Mail-Adresse wird bereits verwendet.",
|
||||
saveError: "Speichern fehlgeschlagen: {message}",
|
||||
changeError: "Ändern fehlgeschlagen: {message}",
|
||||
},
|
||||
suggestions: {
|
||||
formTitle: "Rezept vorschlagen",
|
||||
formHint:
|
||||
"Fehlt dir ein Gericht auf der Speisekarte? Schlage es hier vor – das Kantinen-Team sichtet deinen Vorschlag.",
|
||||
nameLabel: "Gerichtname",
|
||||
descriptionLabel: "Beschreibung / Zutaten (optional)",
|
||||
submit: "Vorschlag senden",
|
||||
submitting: "Wird gesendet…",
|
||||
success: "Danke! Dein Vorschlag wurde übermittelt.",
|
||||
duplicate: "Dieses Gericht gibt es bereits auf der Speisekarte.",
|
||||
genericError: "Senden fehlgeschlagen: {message}",
|
||||
nameRequired: "Bitte einen Namen angeben.",
|
||||
backToMenu: "← Zur Speisekarte",
|
||||
reviewTitle: "Rezeptvorschläge",
|
||||
reviewEmpty: "Noch keine Vorschläge.",
|
||||
accept: "Als Gericht übernehmen",
|
||||
reject: "Ablehnen",
|
||||
confirmReject: "Vorschlag „{name}“ wirklich ablehnen und löschen?",
|
||||
accepted: "Als Gericht übernommen.",
|
||||
rejected: "Vorschlag abgelehnt.",
|
||||
loadError: "Laden fehlgeschlagen: {message}",
|
||||
actionError: "Aktion fehlgeschlagen: {message}",
|
||||
submittedOn: "eingereicht am {date}",
|
||||
},
|
||||
};
|
||||
|
||||
type Dict = typeof de;
|
||||
|
||||
const en: Dict = {
|
||||
common: {
|
||||
save: "Save",
|
||||
cancel: "Cancel",
|
||||
delete: "Delete",
|
||||
edit: "Edit",
|
||||
add: "Add",
|
||||
back: "Back",
|
||||
login: "Log in",
|
||||
logout: "Log out",
|
||||
loading: "Loading…",
|
||||
you: "(you)",
|
||||
name: "Name",
|
||||
email: "Email address",
|
||||
password: "Password",
|
||||
role: "Role",
|
||||
roleAdmin: "Administrator",
|
||||
roleStaff: "Canteen staff",
|
||||
},
|
||||
weekdays: {
|
||||
long: ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
|
||||
short: ["Mon", "Tue", "Wed", "Thu", "Fri"],
|
||||
},
|
||||
dateLocale: "en-GB",
|
||||
header: {
|
||||
canteen: "Canteen",
|
||||
menuGroup: "Menu",
|
||||
weekPlan: "Weekly plan",
|
||||
dishes: "Dishes",
|
||||
labels: "Allergens & Additives",
|
||||
adminGroup: "Administration",
|
||||
users: "Users",
|
||||
design: "Design",
|
||||
suggestions: "Suggestions",
|
||||
viewMenu: "View menu",
|
||||
myAccount: "My account",
|
||||
},
|
||||
login: {
|
||||
title: "Sign in",
|
||||
submit: "Log in",
|
||||
or: "or",
|
||||
passkeyButton: "Sign in with passkey",
|
||||
backToMenu: "← Back to menu",
|
||||
errorInvalidCredentials: "Email address or password is incorrect.",
|
||||
errorEmailNotConfirmed: "This email address has not been confirmed yet.",
|
||||
errorPasskeyCancelled: "Passkey sign-in was cancelled.",
|
||||
errorGeneric: "Sign-in failed: {message}",
|
||||
errorPasswordDisabled:
|
||||
"Password sign-in is disabled for this account. Please sign in with a passkey.",
|
||||
},
|
||||
publicMenu: {
|
||||
prevWeek: "← Previous week",
|
||||
nextWeek: "Next week →",
|
||||
prevWeekShort: "← Week",
|
||||
nextWeekShort: "Week →",
|
||||
today: "Today",
|
||||
dayTab: "Day",
|
||||
weekTab: "Week",
|
||||
allergens: "Allergens",
|
||||
additives: "Additives",
|
||||
suggestDish: "Suggest a dish",
|
||||
noEntry: "–",
|
||||
},
|
||||
weekEditor: {
|
||||
title: "Weekly plan",
|
||||
loading: "Loading weekly plan…",
|
||||
selectDish: "– Select dish –",
|
||||
addMeal: "Add meal",
|
||||
newDishesHint: "Add new dishes under {link}.",
|
||||
newDishesLinkLabel: "Dishes",
|
||||
loadError: "Loading failed: {message}",
|
||||
duplicateEntry: "This dish is already assigned on this day.",
|
||||
saveError: "Saving failed: {message}",
|
||||
deleteError: "Deleting failed: {message}",
|
||||
},
|
||||
dishManager: {
|
||||
title: "Dishes",
|
||||
newDish: "New dish",
|
||||
editDish: "Edit dish",
|
||||
nameLabel: "Name",
|
||||
nameEnLabel: "Name (English)",
|
||||
namePlLabel: "Name (Polish)",
|
||||
autoTranslate: "Auto-translate",
|
||||
translating: "Translating…",
|
||||
translated: "Translated.",
|
||||
translateUnavailable:
|
||||
"Automatic translation is not set up. Please fill in English/Polish manually.",
|
||||
priceLabel: "Price in €",
|
||||
pricePlaceholder: "3.50",
|
||||
searchPlaceholder: "Search dishes…",
|
||||
selectAll: "Select all",
|
||||
selectedCount: "{count} selected",
|
||||
deleteSelected: "Delete selected",
|
||||
deleteSelectedCount: "Delete selected ({count})",
|
||||
empty: "No dishes yet.",
|
||||
noResults: "No results for “{query}”.",
|
||||
confirmDelete:
|
||||
"Really delete “{name}”? The dish will also be removed from all weekly plans.",
|
||||
confirmDeleteSelected:
|
||||
"Really delete {count} dish(es)? They will also be removed from all weekly plans.",
|
||||
invalidPrice: "Please enter a valid price, e.g. 3.50",
|
||||
loadError: "Loading failed: {message}",
|
||||
saveError: "Saving failed: {message}",
|
||||
deleteError: "Deleting failed: {message}",
|
||||
},
|
||||
codeList: {
|
||||
allergensTitle: "Allergens",
|
||||
additivesTitle: "Additives",
|
||||
allergenCodeLabel: "Code (e.g. A)",
|
||||
additiveCodeLabel: "Code (e.g. 1)",
|
||||
nameLabel: "Name",
|
||||
empty: "No entries.",
|
||||
confirmDelete: "Really delete “{code} – {name}”?",
|
||||
duplicateCode: "The code “{code}” already exists.",
|
||||
loadError: "Loading failed: {message}",
|
||||
saveError: "Saving failed: {message}",
|
||||
deleteError: "Deleting failed: {message}",
|
||||
},
|
||||
userManager: {
|
||||
title: "Users",
|
||||
newUser: "New user",
|
||||
editUser: "Edit user",
|
||||
newPasswordLabel: "New password (optional)",
|
||||
repeatPasswordLabel: "Repeat password",
|
||||
passwordMismatch: "The passwords do not match.",
|
||||
confirmDelete:
|
||||
"Really delete user “{email}”? Access will be permanently removed.",
|
||||
loadError: "Loading failed: {message}",
|
||||
},
|
||||
designEditor: {
|
||||
title: "Design",
|
||||
logoTitle: "Logo",
|
||||
logoHint: "The logo is displayed centered above the menu.",
|
||||
logoNone: "No logo set.",
|
||||
logoUpload: "Upload logo",
|
||||
logoRemove: "Remove logo",
|
||||
logoUpdated: "Logo updated.",
|
||||
logoRemoved: "Logo removed.",
|
||||
faviconTitle: "Favicon",
|
||||
faviconHint:
|
||||
"Shown as the icon in the browser tab. Without a custom favicon, the application's default icon is used.",
|
||||
faviconNone: "No custom favicon set.",
|
||||
faviconUpload: "Upload favicon",
|
||||
faviconRemove: "Remove favicon",
|
||||
faviconUpdated: "Favicon updated.",
|
||||
faviconRemoved: "Favicon removed.",
|
||||
invalidImage: "Please choose an image file (PNG, JPG, SVG, WebP, ICO).",
|
||||
colorsTitle: "Colors",
|
||||
colorsSave: "Save colors",
|
||||
colorsReset: "Reset to default",
|
||||
colorsSaved: "Colors saved.",
|
||||
colorPrimary: "Primary color (table header)",
|
||||
colorPrimaryDark: "Primary color, dark (internal top bar)",
|
||||
colorAccent: "Accent color",
|
||||
colorHeaderText: "Table header text color",
|
||||
colorRowBg: "Cell background",
|
||||
colorRowBgAlt: "Cell background (alternating)",
|
||||
colorAddBtn: "“Add” button",
|
||||
colorDeleteBtn: "“Delete” button",
|
||||
loadError: "Loading failed: {message}",
|
||||
saveError: "Saving failed: {message}",
|
||||
uploadError: "Upload failed: {message}",
|
||||
confirmRemoveLogo: "Really remove the logo?",
|
||||
confirmRemoveFavicon: "Really remove the favicon?",
|
||||
},
|
||||
passkeys: {
|
||||
title: "Passkeys",
|
||||
hint: "With a passkey (fingerprint, face recognition, or a security key) you can sign in without a password in the future. Passkeys are bound to a domain – for production use, the domain must be configured in Supabase.",
|
||||
register: "Register new passkey",
|
||||
empty: "No passkeys registered yet.",
|
||||
createdOn: "– created on {date}",
|
||||
registered: "Passkey registered successfully.",
|
||||
registerError: "Registration failed: {message}",
|
||||
registerCancelled: "Passkey registration was cancelled.",
|
||||
loadError: "Could not load passkeys: {message}",
|
||||
deleteError: "Deleting failed: {message}",
|
||||
confirmDelete: "Really delete this passkey?",
|
||||
},
|
||||
account: {
|
||||
title: "My account",
|
||||
personalTitle: "Personal details",
|
||||
saveName: "Save name",
|
||||
nameSaved: "Name saved.",
|
||||
nameRequired: "Please enter a name.",
|
||||
emailTitle: "Email address",
|
||||
changeEmail: "Change email address",
|
||||
emailSent:
|
||||
"Confirmation emails have been sent. The new address becomes active only after confirming the link.",
|
||||
passwordTitle: "Change password",
|
||||
currentPassword: "Current password (for verification)",
|
||||
newPassword: "New password",
|
||||
newPasswordRepeat: "Repeat new password",
|
||||
changePassword: "Change password",
|
||||
passwordChanged: "Password changed.",
|
||||
passwordMismatch: "The passwords do not match.",
|
||||
passwordTooShort: "The new password must be at least 8 characters long.",
|
||||
passwordAuthTitle: "Password sign-in",
|
||||
passwordAuthHint:
|
||||
"You can disable email and password sign-in for your account and sign in exclusively with a passkey in the future. At least one passkey must be registered for this.",
|
||||
passwordAuthCheckbox: "Email and password sign-in allowed",
|
||||
passwordAuthEnabled: "Password sign-in enabled.",
|
||||
passwordAuthDisabled: "Password sign-in disabled.",
|
||||
passwordAuthNeedsPasskey:
|
||||
"You can't disable password sign-in without a registered passkey – you would lock yourself out. Register a passkey below first.",
|
||||
confirmDisablePasswordAuth:
|
||||
"Really disable email and password sign-in? Afterwards you can only sign in with a passkey.",
|
||||
wrongCurrentPassword: "The current password is incorrect.",
|
||||
emailAlreadyUsed: "This email address is already in use.",
|
||||
saveError: "Saving failed: {message}",
|
||||
changeError: "Change failed: {message}",
|
||||
},
|
||||
suggestions: {
|
||||
formTitle: "Suggest a dish",
|
||||
formHint:
|
||||
"Missing a dish on the menu? Suggest it here – the canteen team will review your suggestion.",
|
||||
nameLabel: "Dish name",
|
||||
descriptionLabel: "Description / ingredients (optional)",
|
||||
submit: "Submit suggestion",
|
||||
submitting: "Submitting…",
|
||||
success: "Thanks! Your suggestion has been submitted.",
|
||||
duplicate: "This dish already exists on the menu.",
|
||||
genericError: "Submission failed: {message}",
|
||||
nameRequired: "Please enter a name.",
|
||||
backToMenu: "← Back to menu",
|
||||
reviewTitle: "Dish suggestions",
|
||||
reviewEmpty: "No suggestions yet.",
|
||||
accept: "Add as dish",
|
||||
reject: "Reject",
|
||||
confirmReject: "Really reject and delete the suggestion “{name}”?",
|
||||
accepted: "Added as dish.",
|
||||
rejected: "Suggestion rejected.",
|
||||
loadError: "Loading failed: {message}",
|
||||
actionError: "Action failed: {message}",
|
||||
submittedOn: "submitted on {date}",
|
||||
},
|
||||
};
|
||||
|
||||
const pl: Dict = {
|
||||
common: {
|
||||
save: "Zapisz",
|
||||
cancel: "Anuluj",
|
||||
delete: "Usuń",
|
||||
edit: "Edytuj",
|
||||
add: "Dodaj",
|
||||
back: "Wstecz",
|
||||
login: "Zaloguj się",
|
||||
logout: "Wyloguj się",
|
||||
loading: "Wczytywanie…",
|
||||
you: "(ty)",
|
||||
name: "Nazwa",
|
||||
email: "Adres e-mail",
|
||||
password: "Hasło",
|
||||
role: "Rola",
|
||||
roleAdmin: "Administrator",
|
||||
roleStaff: "Personel stołówki",
|
||||
},
|
||||
weekdays: {
|
||||
long: ["Poniedziałek", "Wtorek", "Środa", "Czwartek", "Piątek"],
|
||||
short: ["Pon", "Wto", "Śro", "Czw", "Pią"],
|
||||
},
|
||||
dateLocale: "pl-PL",
|
||||
header: {
|
||||
canteen: "Stołówka",
|
||||
menuGroup: "Jadłospis",
|
||||
weekPlan: "Plan tygodnia",
|
||||
dishes: "Dania",
|
||||
labels: "Alergeny i dodatki",
|
||||
adminGroup: "Administracja",
|
||||
users: "Użytkownicy",
|
||||
design: "Wygląd",
|
||||
suggestions: "Propozycje",
|
||||
viewMenu: "Zobacz jadłospis",
|
||||
myAccount: "Moje konto",
|
||||
},
|
||||
login: {
|
||||
title: "Logowanie",
|
||||
submit: "Zaloguj się",
|
||||
or: "lub",
|
||||
passkeyButton: "Zaloguj się kluczem dostępu",
|
||||
backToMenu: "← Powrót do jadłospisu",
|
||||
errorInvalidCredentials: "Nieprawidłowy adres e-mail lub hasło.",
|
||||
errorEmailNotConfirmed: "Adres e-mail nie został jeszcze potwierdzony.",
|
||||
errorPasskeyCancelled: "Logowanie kluczem dostępu zostało anulowane.",
|
||||
errorGeneric: "Logowanie nie powiodło się: {message}",
|
||||
errorPasswordDisabled:
|
||||
"Logowanie hasłem jest wyłączone dla tego konta. Zaloguj się kluczem dostępu.",
|
||||
},
|
||||
publicMenu: {
|
||||
prevWeek: "← Poprzedni tydzień",
|
||||
nextWeek: "Następny tydzień →",
|
||||
prevWeekShort: "← Tydzień",
|
||||
nextWeekShort: "Tydzień →",
|
||||
today: "Dziś",
|
||||
dayTab: "Dzień",
|
||||
weekTab: "Tydzień",
|
||||
allergens: "Alergeny",
|
||||
additives: "Dodatki",
|
||||
suggestDish: "Zaproponuj danie",
|
||||
noEntry: "–",
|
||||
},
|
||||
weekEditor: {
|
||||
title: "Plan tygodnia",
|
||||
loading: "Wczytywanie planu tygodnia…",
|
||||
selectDish: "– Wybierz danie –",
|
||||
addMeal: "Dodaj posiłek",
|
||||
newDishesHint: "Nowe dania możesz dodać w zakładce {link}.",
|
||||
newDishesLinkLabel: "Dania",
|
||||
loadError: "Wczytywanie nie powiodło się: {message}",
|
||||
duplicateEntry: "To danie jest już przypisane na ten dzień.",
|
||||
saveError: "Zapisywanie nie powiodło się: {message}",
|
||||
deleteError: "Usuwanie nie powiodło się: {message}",
|
||||
},
|
||||
dishManager: {
|
||||
title: "Dania",
|
||||
newDish: "Nowe danie",
|
||||
editDish: "Edytuj danie",
|
||||
nameLabel: "Nazwa",
|
||||
nameEnLabel: "Nazwa (angielski)",
|
||||
namePlLabel: "Nazwa (polski)",
|
||||
autoTranslate: "Przetłumacz automatycznie",
|
||||
translating: "Tłumaczenie…",
|
||||
translated: "Przetłumaczono.",
|
||||
translateUnavailable:
|
||||
"Automatyczne tłumaczenie nie jest skonfigurowane. Wypełnij angielski/polski ręcznie.",
|
||||
priceLabel: "Cena w €",
|
||||
pricePlaceholder: "3,50",
|
||||
searchPlaceholder: "Szukaj dania…",
|
||||
selectAll: "Zaznacz wszystko",
|
||||
selectedCount: "Zaznaczono: {count}",
|
||||
deleteSelected: "Usuń zaznaczone",
|
||||
deleteSelectedCount: "Usuń zaznaczone ({count})",
|
||||
empty: "Nie dodano jeszcze żadnych dań.",
|
||||
noResults: "Brak wyników dla „{query}”.",
|
||||
confirmDelete:
|
||||
"Czy na pewno usunąć „{name}”? Danie zostanie również usunięte ze wszystkich planów tygodniowych.",
|
||||
confirmDeleteSelected:
|
||||
"Czy na pewno usunąć {count} danie/dania? Zostaną również usunięte ze wszystkich planów tygodniowych.",
|
||||
invalidPrice: "Podaj prawidłową cenę, np. 3,50",
|
||||
loadError: "Wczytywanie nie powiodło się: {message}",
|
||||
saveError: "Zapisywanie nie powiodło się: {message}",
|
||||
deleteError: "Usuwanie nie powiodło się: {message}",
|
||||
},
|
||||
codeList: {
|
||||
allergensTitle: "Alergeny",
|
||||
additivesTitle: "Dodatki",
|
||||
allergenCodeLabel: "Kod (np. A)",
|
||||
additiveCodeLabel: "Kod (np. 1)",
|
||||
nameLabel: "Nazwa",
|
||||
empty: "Brak wpisów.",
|
||||
confirmDelete: "Czy na pewno usunąć „{code} – {name}”?",
|
||||
duplicateCode: "Kod „{code}” już istnieje.",
|
||||
loadError: "Wczytywanie nie powiodło się: {message}",
|
||||
saveError: "Zapisywanie nie powiodło się: {message}",
|
||||
deleteError: "Usuwanie nie powiodło się: {message}",
|
||||
},
|
||||
userManager: {
|
||||
title: "Użytkownicy",
|
||||
newUser: "Nowy użytkownik",
|
||||
editUser: "Edytuj użytkownika",
|
||||
newPasswordLabel: "Nowe hasło (opcjonalnie)",
|
||||
repeatPasswordLabel: "Powtórz hasło",
|
||||
passwordMismatch: "Hasła nie są zgodne.",
|
||||
confirmDelete:
|
||||
"Czy na pewno usunąć użytkownika „{email}”? Dostęp zostanie trwale usunięty.",
|
||||
loadError: "Wczytywanie nie powiodło się: {message}",
|
||||
},
|
||||
designEditor: {
|
||||
title: "Wygląd",
|
||||
logoTitle: "Logo",
|
||||
logoHint: "Logo jest wyświetlane wyśrodkowane nad jadłospisem.",
|
||||
logoNone: "Nie ustawiono logo.",
|
||||
logoUpload: "Prześlij logo",
|
||||
logoRemove: "Usuń logo",
|
||||
logoUpdated: "Logo zaktualizowane.",
|
||||
logoRemoved: "Logo usunięte.",
|
||||
faviconTitle: "Favicon",
|
||||
faviconHint:
|
||||
"Wyświetlane jako ikona na karcie przeglądarki. Bez własnego favicona używana jest domyślna ikona aplikacji.",
|
||||
faviconNone: "Nie ustawiono własnego favicona.",
|
||||
faviconUpload: "Prześlij favicon",
|
||||
faviconRemove: "Usuń favicon",
|
||||
faviconUpdated: "Favicon zaktualizowany.",
|
||||
faviconRemoved: "Favicon usunięty.",
|
||||
invalidImage: "Wybierz plik graficzny (PNG, JPG, SVG, WebP, ICO).",
|
||||
colorsTitle: "Kolorystyka",
|
||||
colorsSave: "Zapisz kolory",
|
||||
colorsReset: "Przywróć domyślne",
|
||||
colorsSaved: "Kolory zapisane.",
|
||||
colorPrimary: "Kolor główny (nagłówek tabeli)",
|
||||
colorPrimaryDark: "Kolor główny, ciemny (górny pasek wewnętrzny)",
|
||||
colorAccent: "Kolor akcentu",
|
||||
colorHeaderText: "Kolor tekstu w nagłówku tabeli",
|
||||
colorRowBg: "Tło komórek",
|
||||
colorRowBgAlt: "Tło komórek (naprzemienne)",
|
||||
colorAddBtn: "Przycisk „Dodaj”",
|
||||
colorDeleteBtn: "Przycisk „Usuń”",
|
||||
loadError: "Wczytywanie nie powiodło się: {message}",
|
||||
saveError: "Zapisywanie nie powiodło się: {message}",
|
||||
uploadError: "Przesyłanie nie powiodło się: {message}",
|
||||
confirmRemoveLogo: "Czy na pewno usunąć logo?",
|
||||
confirmRemoveFavicon: "Czy na pewno usunąć favicon?",
|
||||
},
|
||||
passkeys: {
|
||||
title: "Klucze dostępu",
|
||||
hint: "Dzięki kluczowi dostępu (odcisk palca, rozpoznawanie twarzy lub klucz bezpieczeństwa) możesz w przyszłości logować się bez hasła. Klucze dostępu są przypisane do domeny – w środowisku produkcyjnym domena musi być skonfigurowana w Supabase.",
|
||||
register: "Zarejestruj nowy klucz dostępu",
|
||||
empty: "Nie zarejestrowano jeszcze żadnych kluczy dostępu.",
|
||||
createdOn: "– utworzono {date}",
|
||||
registered: "Klucz dostępu został pomyślnie zarejestrowany.",
|
||||
registerError: "Rejestracja nie powiodła się: {message}",
|
||||
registerCancelled: "Rejestracja klucza dostępu została anulowana.",
|
||||
loadError: "Nie udało się wczytać kluczy dostępu: {message}",
|
||||
deleteError: "Usuwanie nie powiodło się: {message}",
|
||||
confirmDelete: "Czy na pewno usunąć ten klucz dostępu?",
|
||||
},
|
||||
account: {
|
||||
title: "Moje konto",
|
||||
personalTitle: "Dane osobowe",
|
||||
saveName: "Zapisz nazwę",
|
||||
nameSaved: "Nazwa zapisana.",
|
||||
nameRequired: "Podaj nazwę.",
|
||||
emailTitle: "Adres e-mail",
|
||||
changeEmail: "Zmień adres e-mail",
|
||||
emailSent:
|
||||
"Wysłano e-maile potwierdzające. Nowy adres zacznie obowiązywać dopiero po potwierdzeniu linku.",
|
||||
passwordTitle: "Zmień hasło",
|
||||
currentPassword: "Obecne hasło (do weryfikacji)",
|
||||
newPassword: "Nowe hasło",
|
||||
newPasswordRepeat: "Powtórz nowe hasło",
|
||||
changePassword: "Zmień hasło",
|
||||
passwordChanged: "Hasło zmienione.",
|
||||
passwordMismatch: "Hasła nie są zgodne.",
|
||||
passwordTooShort: "Nowe hasło musi mieć co najmniej 8 znaków.",
|
||||
passwordAuthTitle: "Logowanie hasłem",
|
||||
passwordAuthHint:
|
||||
"Możesz wyłączyć logowanie e-mailem i hasłem dla swojego konta i logować się w przyszłości wyłącznie kluczem dostępu. Wymaga to zarejestrowania co najmniej jednego klucza dostępu.",
|
||||
passwordAuthCheckbox: "Logowanie e-mailem i hasłem dozwolone",
|
||||
passwordAuthEnabled: "Logowanie hasłem włączone.",
|
||||
passwordAuthDisabled: "Logowanie hasłem wyłączone.",
|
||||
passwordAuthNeedsPasskey:
|
||||
"Bez zarejestrowanego klucza dostępu nie możesz wyłączyć logowania hasłem – stracisz dostęp do konta. Najpierw zarejestruj klucz dostępu poniżej.",
|
||||
confirmDisablePasswordAuth:
|
||||
"Czy na pewno wyłączyć logowanie e-mailem i hasłem? Potem będziesz mógł/mogła zalogować się tylko kluczem dostępu.",
|
||||
wrongCurrentPassword: "Obecne hasło jest nieprawidłowe.",
|
||||
emailAlreadyUsed: "Ten adres e-mail jest już używany.",
|
||||
saveError: "Zapisywanie nie powiodło się: {message}",
|
||||
changeError: "Zmiana nie powiodła się: {message}",
|
||||
},
|
||||
suggestions: {
|
||||
formTitle: "Zaproponuj danie",
|
||||
formHint:
|
||||
"Brakuje dania w jadłospisie? Zaproponuj je tutaj – zespół stołówki sprawdzi Twoją propozycję.",
|
||||
nameLabel: "Nazwa dania",
|
||||
descriptionLabel: "Opis / składniki (opcjonalnie)",
|
||||
submit: "Wyślij propozycję",
|
||||
submitting: "Wysyłanie…",
|
||||
success: "Dziękujemy! Twoja propozycja została przesłana.",
|
||||
duplicate: "To danie już istnieje w jadłospisie.",
|
||||
genericError: "Wysyłanie nie powiodło się: {message}",
|
||||
nameRequired: "Podaj nazwę.",
|
||||
backToMenu: "← Powrót do jadłospisu",
|
||||
reviewTitle: "Propozycje dań",
|
||||
reviewEmpty: "Brak propozycji.",
|
||||
accept: "Dodaj jako danie",
|
||||
reject: "Odrzuć",
|
||||
confirmReject: "Czy na pewno odrzucić i usunąć propozycję „{name}”?",
|
||||
accepted: "Dodano jako danie.",
|
||||
rejected: "Propozycja odrzucona.",
|
||||
loadError: "Wczytywanie nie powiodło się: {message}",
|
||||
actionError: "Czynność nie powiodła się: {message}",
|
||||
submittedOn: "przesłano {date}",
|
||||
},
|
||||
};
|
||||
|
||||
export type { Dict };
|
||||
export const dictionaries = { de, en, pl };
|
||||
@@ -0,0 +1,16 @@
|
||||
// Nur für Server-Komponenten/Routen importieren (next/headers)!
|
||||
// Client-Komponenten müssen stattdessen "@/lib/i18n/shared" verwenden,
|
||||
// sonst landet next/headers im Client-Bundle.
|
||||
|
||||
import "server-only";
|
||||
import { cookies } from "next/headers";
|
||||
import { DEFAULT_LOCALE, isLocale, type Locale } from "./locales";
|
||||
|
||||
export * from "./shared";
|
||||
|
||||
/** Aktuelle Sprache aus dem Cookie lesen (Server-Komponenten). */
|
||||
export async function getLocale(): Promise<Locale> {
|
||||
const store = await cookies();
|
||||
const value = store.get("locale")?.value;
|
||||
return isLocale(value) ? value : DEFAULT_LOCALE;
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
export const LOCALES = ["de", "en", "pl"] as const;
|
||||
export type Locale = (typeof LOCALES)[number];
|
||||
export const DEFAULT_LOCALE: Locale = "de";
|
||||
|
||||
export const LOCALE_LABELS: Record<Locale, string> = {
|
||||
de: "Deutsch",
|
||||
en: "English",
|
||||
pl: "Polski",
|
||||
};
|
||||
|
||||
export function isLocale(value: string | undefined | null): value is Locale {
|
||||
return !!value && (LOCALES as readonly string[]).includes(value);
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
// Client-sicherer Teil von lib/i18n: keine Abhängigkeit auf next/headers,
|
||||
// darf daher auch von "use client"-Komponenten importiert werden.
|
||||
|
||||
import { dictionaries, type Dict } from "./dictionaries";
|
||||
import type { Locale } from "./locales";
|
||||
|
||||
export { LOCALES, LOCALE_LABELS, DEFAULT_LOCALE, isLocale } from "./locales";
|
||||
export type { Locale } from "./locales";
|
||||
export type { Dict } from "./dictionaries";
|
||||
|
||||
export const LOCALE_COOKIE = "locale";
|
||||
|
||||
export function getDictionary(locale: Locale): Dict {
|
||||
return dictionaries[locale];
|
||||
}
|
||||
|
||||
/** Platzhalter der Form "{name}" durch vars.name ersetzen. */
|
||||
export function formatMessage(
|
||||
template: string,
|
||||
vars?: Record<string, string | number>
|
||||
): string {
|
||||
if (!vars) return template;
|
||||
return template.replace(/\{(\w+)\}/g, (match, key) =>
|
||||
key in vars ? String(vars[key]) : match
|
||||
);
|
||||
}
|
||||
+29
-4
@@ -2,6 +2,8 @@
|
||||
// Alle Berechnungen laufen über UTC, damit Server und Browser
|
||||
// unabhängig von der Zeitzone dieselbe Woche ermitteln.
|
||||
|
||||
import type { MenuEntry } from "./types";
|
||||
|
||||
const ISO_DATE = /^\d{4}-\d{2}-\d{2}$/;
|
||||
|
||||
function toDate(iso: string): Date {
|
||||
@@ -31,11 +33,20 @@ export function addDays(iso: string, days: number): string {
|
||||
return toISO(d);
|
||||
}
|
||||
|
||||
export const WEEKDAYS = ["Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag"];
|
||||
/** Heutiges Datum als YYYY-MM-DD (UTC). */
|
||||
export function todayISO(): string {
|
||||
return toISO(new Date());
|
||||
}
|
||||
|
||||
/** z. B. "13. Juli 2026" */
|
||||
export function formatDateLong(iso: string): string {
|
||||
return toDate(iso).toLocaleDateString("de-DE", {
|
||||
/** Index (0=Montag…4=Freitag) von `iso` innerhalb seiner Woche, sonst -1 (Wochenende). */
|
||||
export function weekdayIndex(iso: string): number {
|
||||
const day = (toDate(iso).getUTCDay() + 6) % 7;
|
||||
return day <= 4 ? day : -1;
|
||||
}
|
||||
|
||||
/** z. B. "13. Juli 2026" (dateLocale z. B. "de-DE", "en-GB", "pl-PL") */
|
||||
export function formatDateLong(iso: string, dateLocale: string): string {
|
||||
return toDate(iso).toLocaleDateString(dateLocale, {
|
||||
day: "numeric",
|
||||
month: "long",
|
||||
year: "numeric",
|
||||
@@ -47,3 +58,17 @@ export function formatDateLong(iso: string): string {
|
||||
export function formatPrice(price: number | string): string {
|
||||
return Number(price).toFixed(2).replace(".", ",") + "€";
|
||||
}
|
||||
|
||||
/** Allergen-/Zusatzstoff-Kürzel eines Gerichts, z. B. "A,G,2" */
|
||||
export function dishCodes(dish: { allergens: string[]; additives: string[] }): string {
|
||||
return [...(dish.allergens ?? []), ...(dish.additives ?? [])].join(",");
|
||||
}
|
||||
|
||||
/** Einträge eines Tages/Bereichs aus der geladenen Wochenliste herausfiltern. */
|
||||
export function entriesFor(
|
||||
entries: MenuEntry[],
|
||||
iso: string,
|
||||
sectionKey: string
|
||||
): MenuEntry[] {
|
||||
return entries.filter((e) => e.menu_date === iso && e.section_key === sectionKey);
|
||||
}
|
||||
|
||||
+34
-11
@@ -5,12 +5,15 @@ export interface Profile {
|
||||
email: string;
|
||||
full_name: string;
|
||||
role: Role;
|
||||
password_auth_enabled: boolean;
|
||||
created_at: string;
|
||||
}
|
||||
|
||||
export interface Section {
|
||||
key: string;
|
||||
label: string;
|
||||
label_en: string | null;
|
||||
label_pl: string | null;
|
||||
time_range: string;
|
||||
sort: number;
|
||||
}
|
||||
@@ -18,7 +21,11 @@ export interface Section {
|
||||
export interface Dish {
|
||||
id: string;
|
||||
name: string;
|
||||
name_en: string | null;
|
||||
name_pl: string | null;
|
||||
price: number;
|
||||
allergens: string[];
|
||||
additives: string[];
|
||||
}
|
||||
|
||||
export interface MenuEntry {
|
||||
@@ -32,9 +39,29 @@ export interface MenuEntry {
|
||||
export interface CodeItem {
|
||||
code: string;
|
||||
name: string;
|
||||
name_en: string | null;
|
||||
name_pl: string | null;
|
||||
sort: number;
|
||||
}
|
||||
|
||||
export interface DishSuggestion {
|
||||
id: string;
|
||||
name: string;
|
||||
description: string | null;
|
||||
created_at: string;
|
||||
}
|
||||
|
||||
/** Übersetzten Namen für die aktuelle Sprache liefern, sonst Deutsch als Fallback. */
|
||||
export function localized(
|
||||
item: { name?: string; label?: string; name_en?: string | null; name_pl?: string | null; label_en?: string | null; label_pl?: string | null },
|
||||
locale: string
|
||||
): string {
|
||||
const de = item.name ?? item.label ?? "";
|
||||
if (locale === "en") return item.name_en || item.label_en || de;
|
||||
if (locale === "pl") return item.name_pl || item.label_pl || de;
|
||||
return de;
|
||||
}
|
||||
|
||||
// Farb-Defaults (r-hofmann.de: Blau #003388, Navy #0d315c, Orange #ff6900)
|
||||
export const DEFAULT_COLORS: Record<string, string> = {
|
||||
primary: "#003388",
|
||||
@@ -58,18 +85,14 @@ export const COLOR_VARS: Record<string, string> = {
|
||||
deleteBtn: "--c-del",
|
||||
};
|
||||
|
||||
export const COLOR_LABELS: Record<string, string> = {
|
||||
primary: "Primärfarbe (Tabellenkopf)",
|
||||
primaryDark: "Primärfarbe dunkel (Kopfleiste intern)",
|
||||
accent: "Akzentfarbe",
|
||||
headerText: "Schriftfarbe im Tabellenkopf",
|
||||
rowBg: "Zellen-Hintergrund",
|
||||
rowBgAlt: "Zellen-Hintergrund (alternierend)",
|
||||
addBtn: "Button „Hinzufügen“",
|
||||
deleteBtn: "Button „Löschen“",
|
||||
};
|
||||
|
||||
export function logoUrl(path: string | null | undefined): string | null {
|
||||
if (!path) return null;
|
||||
return `${process.env.NEXT_PUBLIC_SUPABASE_URL}/storage/v1/object/public/branding/${path}`;
|
||||
}
|
||||
|
||||
export function faviconUrl(path: string | null | undefined): string | null {
|
||||
if (!path) return null;
|
||||
return `${process.env.NEXT_PUBLIC_SUPABASE_URL}/storage/v1/object/public/branding/${path}`;
|
||||
}
|
||||
|
||||
export const SITE_TITLE = process.env.SITE_TITLE?.trim() || "Canteen Menu";
|
||||
|
||||
Generated
+2
-2
@@ -1,12 +1,12 @@
|
||||
{
|
||||
"name": "canteen-menu",
|
||||
"version": "0.1.0",
|
||||
"version": "1.3.0",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "canteen-menu",
|
||||
"version": "0.1.0",
|
||||
"version": "1.3.0",
|
||||
"dependencies": {
|
||||
"@supabase/ssr": "^0.12.3",
|
||||
"@supabase/supabase-js": "^2.110.7",
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "canteen-menu",
|
||||
"version": "0.1.0",
|
||||
"version": "1.3.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "next dev -H 0.0.0.0",
|
||||
|
||||
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 25 KiB |
@@ -2,6 +2,7 @@
|
||||
-- PostgreSQL database dump
|
||||
--
|
||||
|
||||
|
||||
-- Dumped from database version 17.6
|
||||
-- Dumped by pg_dump version 17.10
|
||||
|
||||
@@ -108,7 +109,9 @@ SET default_table_access_method = heap;
|
||||
CREATE TABLE public.additives (
|
||||
code text NOT NULL,
|
||||
name text NOT NULL,
|
||||
sort integer DEFAULT 0 NOT NULL
|
||||
sort integer DEFAULT 0 NOT NULL,
|
||||
name_en text,
|
||||
name_pl text
|
||||
);
|
||||
|
||||
|
||||
@@ -119,7 +122,21 @@ CREATE TABLE public.additives (
|
||||
CREATE TABLE public.allergens (
|
||||
code text NOT NULL,
|
||||
name text NOT NULL,
|
||||
sort integer DEFAULT 0 NOT NULL
|
||||
sort integer DEFAULT 0 NOT NULL,
|
||||
name_en text,
|
||||
name_pl text
|
||||
);
|
||||
|
||||
|
||||
--
|
||||
-- Name: dish_suggestions; Type: TABLE; Schema: public; Owner: -
|
||||
--
|
||||
|
||||
CREATE TABLE public.dish_suggestions (
|
||||
id uuid DEFAULT gen_random_uuid() NOT NULL,
|
||||
name text NOT NULL,
|
||||
description text,
|
||||
created_at timestamp with time zone DEFAULT now() NOT NULL
|
||||
);
|
||||
|
||||
|
||||
@@ -132,7 +149,11 @@ CREATE TABLE public.dishes (
|
||||
name text NOT NULL,
|
||||
price numeric(6,2) DEFAULT 0 NOT NULL,
|
||||
created_at timestamp with time zone DEFAULT now() NOT NULL,
|
||||
updated_at timestamp with time zone DEFAULT now() NOT NULL
|
||||
updated_at timestamp with time zone DEFAULT now() NOT NULL,
|
||||
allergens text[] DEFAULT '{}'::text[] NOT NULL,
|
||||
additives text[] DEFAULT '{}'::text[] NOT NULL,
|
||||
name_en text,
|
||||
name_pl text
|
||||
);
|
||||
|
||||
|
||||
@@ -160,6 +181,7 @@ CREATE TABLE public.profiles (
|
||||
full_name text DEFAULT ''::text NOT NULL,
|
||||
role text DEFAULT 'staff'::text NOT NULL,
|
||||
created_at timestamp with time zone DEFAULT now() NOT NULL,
|
||||
password_auth_enabled boolean DEFAULT true NOT NULL,
|
||||
CONSTRAINT profiles_role_check CHECK ((role = ANY (ARRAY['admin'::text, 'staff'::text])))
|
||||
);
|
||||
|
||||
@@ -172,7 +194,9 @@ CREATE TABLE public.sections (
|
||||
key text NOT NULL,
|
||||
label text NOT NULL,
|
||||
time_range text NOT NULL,
|
||||
sort integer NOT NULL
|
||||
sort integer NOT NULL,
|
||||
label_en text,
|
||||
label_pl text
|
||||
);
|
||||
|
||||
|
||||
@@ -185,6 +209,7 @@ CREATE TABLE public.settings (
|
||||
colors jsonb DEFAULT '{}'::jsonb NOT NULL,
|
||||
logo_path text,
|
||||
updated_at timestamp with time zone DEFAULT now() NOT NULL,
|
||||
favicon_path text,
|
||||
CONSTRAINT settings_id_check CHECK ((id = 1))
|
||||
);
|
||||
|
||||
@@ -205,6 +230,14 @@ ALTER TABLE ONLY public.allergens
|
||||
ADD CONSTRAINT allergens_pkey PRIMARY KEY (code);
|
||||
|
||||
|
||||
--
|
||||
-- Name: dish_suggestions dish_suggestions_pkey; Type: CONSTRAINT; Schema: public; Owner: -
|
||||
--
|
||||
|
||||
ALTER TABLE ONLY public.dish_suggestions
|
||||
ADD CONSTRAINT dish_suggestions_pkey PRIMARY KEY (id);
|
||||
|
||||
|
||||
--
|
||||
-- Name: dishes dishes_pkey; Type: CONSTRAINT; Schema: public; Owner: -
|
||||
--
|
||||
@@ -338,6 +371,33 @@ CREATE POLICY allergens_public_read ON public.allergens FOR SELECT TO authentica
|
||||
CREATE POLICY allergens_staff_write ON public.allergens TO authenticated USING ((public.app_role() = ANY (ARRAY['staff'::text, 'admin'::text]))) WITH CHECK ((public.app_role() = ANY (ARRAY['staff'::text, 'admin'::text])));
|
||||
|
||||
|
||||
--
|
||||
-- Name: dish_suggestions; Type: ROW SECURITY; Schema: public; Owner: -
|
||||
--
|
||||
|
||||
ALTER TABLE public.dish_suggestions ENABLE ROW LEVEL SECURITY;
|
||||
|
||||
--
|
||||
-- Name: dish_suggestions dish_suggestions_public_insert; Type: POLICY; Schema: public; Owner: -
|
||||
--
|
||||
|
||||
CREATE POLICY dish_suggestions_public_insert ON public.dish_suggestions FOR INSERT TO authenticated, anon WITH CHECK (true);
|
||||
|
||||
|
||||
--
|
||||
-- Name: dish_suggestions dish_suggestions_staff_delete; Type: POLICY; Schema: public; Owner: -
|
||||
--
|
||||
|
||||
CREATE POLICY dish_suggestions_staff_delete ON public.dish_suggestions FOR DELETE TO authenticated USING ((public.app_role() = ANY (ARRAY['staff'::text, 'admin'::text])));
|
||||
|
||||
|
||||
--
|
||||
-- Name: dish_suggestions dish_suggestions_staff_select; Type: POLICY; Schema: public; Owner: -
|
||||
--
|
||||
|
||||
CREATE POLICY dish_suggestions_staff_select ON public.dish_suggestions FOR SELECT TO authenticated USING ((public.app_role() = ANY (ARRAY['staff'::text, 'admin'::text])));
|
||||
|
||||
|
||||
--
|
||||
-- Name: dishes; Type: ROW SECURITY; Schema: public; Owner: -
|
||||
--
|
||||
@@ -392,10 +452,10 @@ CREATE POLICY profiles_select_own_or_admin ON public.profiles FOR SELECT TO auth
|
||||
|
||||
|
||||
--
|
||||
-- Name: profiles profiles_update_own_name; Type: POLICY; Schema: public; Owner: -
|
||||
-- Name: profiles profiles_update_own; Type: POLICY; Schema: public; Owner: -
|
||||
--
|
||||
|
||||
CREATE POLICY profiles_update_own_name ON public.profiles FOR UPDATE TO authenticated USING ((id = ( SELECT auth.uid() AS uid))) WITH CHECK ((id = ( SELECT auth.uid() AS uid)));
|
||||
CREATE POLICY profiles_update_own ON public.profiles FOR UPDATE TO authenticated USING ((id = ( SELECT auth.uid() AS uid))) WITH CHECK ((id = ( SELECT auth.uid() AS uid)));
|
||||
|
||||
|
||||
--
|
||||
@@ -435,3 +495,4 @@ CREATE POLICY settings_public_read ON public.settings FOR SELECT TO authenticate
|
||||
-- PostgreSQL database dump complete
|
||||
--
|
||||
|
||||
|
||||
|
||||
+74
-60
@@ -2,7 +2,7 @@
|
||||
-- PostgreSQL database dump
|
||||
--
|
||||
|
||||
\restrict HfcGijNcMcy9jPlPpFachgl8LfchhPK39kzgfhc84Q6jsOJpHN3jqf6T368FXri
|
||||
\restrict m2Vnc4kNXrHeKWS4dSX5SqMU5nUOxMfipXDVyLuYabYYzEbAHutmaRS8m10Dsdh
|
||||
|
||||
-- Dumped from database version 17.6
|
||||
-- Dumped by pg_dump version 17.10
|
||||
@@ -27,18 +27,18 @@ SET SESSION AUTHORIZATION DEFAULT;
|
||||
|
||||
ALTER TABLE public.additives DISABLE TRIGGER ALL;
|
||||
|
||||
COPY public.additives (code, name, sort) FROM stdin;
|
||||
1 mit Farbstoff 1
|
||||
2 mit Konservierungsstoff 2
|
||||
3 mit Antioxidationsmittel 3
|
||||
4 mit Geschmacksverstärker 4
|
||||
5 geschwefelt 5
|
||||
6 geschwärzt 6
|
||||
7 gewachst 7
|
||||
8 mit Phosphat 8
|
||||
9 mit Süßungsmittel(n) 9
|
||||
10 enthält eine Phenylalaninquelle 10
|
||||
11 koffeinhaltig 11
|
||||
COPY public.additives (code, name, sort, name_en, name_pl) FROM stdin;
|
||||
1 mit Farbstoff 1 with colouring z barwnikiem
|
||||
2 mit Konservierungsstoff 2 with preservative z konserwantem
|
||||
3 mit Antioxidationsmittel 3 with antioxidant z przeciwutleniaczem
|
||||
4 mit Geschmacksverstärker 4 with flavour enhancer ze wzmacniaczem smaku
|
||||
5 geschwefelt 5 sulphured siarkowany
|
||||
6 geschwärzt 6 blackened barwiony na czarno
|
||||
7 gewachst 7 waxed woskowany
|
||||
8 mit Phosphat 8 with phosphate z fosforanem
|
||||
9 mit Süßungsmittel(n) 9 with sweetener(s) ze słodzikiem/słodzikami
|
||||
10 enthält eine Phenylalaninquelle 10 contains a source of phenylalanine zawiera źródło fenyloalaniny
|
||||
11 koffeinhaltig 11 caffeinated zawiera kofeinę
|
||||
\.
|
||||
|
||||
|
||||
@@ -50,51 +50,64 @@ ALTER TABLE public.additives ENABLE TRIGGER ALL;
|
||||
|
||||
ALTER TABLE public.allergens DISABLE TRIGGER ALL;
|
||||
|
||||
COPY public.allergens (code, name, sort) FROM stdin;
|
||||
A Glutenhaltiges Getreide 1
|
||||
B Krebstiere 2
|
||||
C Eier 3
|
||||
D Fisch 4
|
||||
E Erdnüsse 5
|
||||
F Sojabohnen 6
|
||||
G Milch (einschließlich Laktose) 7
|
||||
H Schalenfrüchte (Nüsse) 8
|
||||
I Sellerie 9
|
||||
J Senf 10
|
||||
K Sesamsamen 11
|
||||
L Schwefeldioxid und Sulfite 12
|
||||
M Lupinen 13
|
||||
N Weichtiere 14
|
||||
COPY public.allergens (code, name, sort, name_en, name_pl) FROM stdin;
|
||||
A Glutenhaltiges Getreide 1 Cereals containing gluten Zboża zawierające gluten
|
||||
B Krebstiere 2 Crustaceans Skorupiaki
|
||||
C Eier 3 Eggs Jaja
|
||||
D Fisch 4 Fish Ryby
|
||||
E Erdnüsse 5 Peanuts Orzeszki ziemne
|
||||
F Sojabohnen 6 Soybeans Soja
|
||||
G Milch (einschließlich Laktose) 7 Milk (including lactose) Mleko (w tym laktoza)
|
||||
H Schalenfrüchte (Nüsse) 8 Tree nuts Orzechy
|
||||
I Sellerie 9 Celery Seler
|
||||
J Senf 10 Mustard Gorczyca
|
||||
K Sesamsamen 11 Sesame seeds Nasiona sezamu
|
||||
L Schwefeldioxid und Sulfite 12 Sulphur dioxide and sulphites Dwutlenek siarki i siarczyny
|
||||
M Lupinen 13 Lupin Łubin
|
||||
N Weichtiere 14 Molluscs Mięczaki
|
||||
\.
|
||||
|
||||
|
||||
ALTER TABLE public.allergens ENABLE TRIGGER ALL;
|
||||
|
||||
--
|
||||
-- Data for Name: dish_suggestions; Type: TABLE DATA; Schema: public; Owner: -
|
||||
--
|
||||
|
||||
ALTER TABLE public.dish_suggestions DISABLE TRIGGER ALL;
|
||||
|
||||
COPY public.dish_suggestions (id, name, description, created_at) FROM stdin;
|
||||
\.
|
||||
|
||||
|
||||
ALTER TABLE public.dish_suggestions ENABLE TRIGGER ALL;
|
||||
|
||||
--
|
||||
-- Data for Name: dishes; Type: TABLE DATA; Schema: public; Owner: -
|
||||
--
|
||||
|
||||
ALTER TABLE public.dishes DISABLE TRIGGER ALL;
|
||||
|
||||
COPY public.dishes (id, name, price, created_at, updated_at) FROM stdin;
|
||||
2b136266-a80d-4c76-8520-38001c92a634 1 Stk. Rindskäsewurst mit Brötchen 2.30 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00
|
||||
bf612ae7-8cdd-4149-8b21-f651631ccc02 Hackfleischbaguette 3.20 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00
|
||||
81c58cc6-7298-4d4a-9997-71d17df5aedf Knusperhähnchen Wrap 3.70 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00
|
||||
cc7fb9d9-a9ab-4c4c-a376-a8fae0e801c9 Leberkäse im Brötchen 2.30 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00
|
||||
a987c96f-25a0-4e5e-b8a8-aab683a01feb Chili con Carne mit Brötchen 3.90 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00
|
||||
14ef6893-93a7-4649-afe3-d6b6bdf5903c Schnitzel Baguette 3.50 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00
|
||||
ec3c5e37-9cbc-4c92-ab05-1e3fb942c504 Penne mit Grünen Spargel und Garnelenspieße 5.90 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00
|
||||
dbe5ee6e-8b04-4bf7-99bb-f936f6564217 Bratkartoffel Gemüse Pfanne mit Hähnchenbrust und Dip 5.90 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00
|
||||
c0613fe7-e5c6-489e-afe5-6da2533b2bd4 Schweinefilet im Speckmantel dazu Rahmsoße und Butterspätzle 5.90 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00
|
||||
c5cfa5b4-e502-4b56-b579-b9fbbf817f25 Penne mit Grünen Spargel, get. Tomaten und Cherrytomaten 5.30 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00
|
||||
f8ba1844-1f23-4b23-9e03-f59148f8b2ed Spaghetti mit fruchtiger Tomatensauce und Parmesan 5.30 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00
|
||||
7a6fed05-e0f5-4e97-bdd4-a46c5ef1376a Gebackener Feta mit griechischen Bauernsalat und Baguette 5.30 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00
|
||||
ff40ea65-63bc-4d01-b626-e0c9e5d2acb3 Gemüse-Curry mit Basmatireis 4.90 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00
|
||||
ea26f18b-ddf3-4899-95e7-5dbd0878d90c Kartoffelcremesuppe 1.50 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00
|
||||
6222d5f4-05e3-4af4-a41c-3f8b4c9c5c78 Gulaschsuppe 2.50 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00
|
||||
3c8cf0c2-b0a9-43e3-8233-723d5718a157 Tomatensuppe mit Croutons 1.80 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00
|
||||
2dd85835-5425-4271-9fc0-e5215bbce476 Kürbiscremesuppe 1.80 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00
|
||||
06df753a-65ed-4bd0-a325-d32c78ec88fa Linseneintopf mit Würstchen 2.20 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00
|
||||
COPY public.dishes (id, name, price, created_at, updated_at, allergens, additives, name_en, name_pl) FROM stdin;
|
||||
bf612ae7-8cdd-4149-8b21-f651631ccc02 Hackfleischbaguette 3.20 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00 {} {} \N \N
|
||||
81c58cc6-7298-4d4a-9997-71d17df5aedf Knusperhähnchen Wrap 3.70 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00 {} {} \N \N
|
||||
cc7fb9d9-a9ab-4c4c-a376-a8fae0e801c9 Leberkäse im Brötchen 2.30 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00 {} {} \N \N
|
||||
14ef6893-93a7-4649-afe3-d6b6bdf5903c Schnitzel Baguette 3.50 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00 {} {} \N \N
|
||||
ec3c5e37-9cbc-4c92-ab05-1e3fb942c504 Penne mit Grünen Spargel und Garnelenspieße 5.90 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00 {} {} \N \N
|
||||
dbe5ee6e-8b04-4bf7-99bb-f936f6564217 Bratkartoffel Gemüse Pfanne mit Hähnchenbrust und Dip 5.90 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00 {} {} \N \N
|
||||
c0613fe7-e5c6-489e-afe5-6da2533b2bd4 Schweinefilet im Speckmantel dazu Rahmsoße und Butterspätzle 5.90 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00 {} {} \N \N
|
||||
c5cfa5b4-e502-4b56-b579-b9fbbf817f25 Penne mit Grünen Spargel, get. Tomaten und Cherrytomaten 5.30 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00 {} {} \N \N
|
||||
f8ba1844-1f23-4b23-9e03-f59148f8b2ed Spaghetti mit fruchtiger Tomatensauce und Parmesan 5.30 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00 {} {} \N \N
|
||||
7a6fed05-e0f5-4e97-bdd4-a46c5ef1376a Gebackener Feta mit griechischen Bauernsalat und Baguette 5.30 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00 {} {} \N \N
|
||||
ff40ea65-63bc-4d01-b626-e0c9e5d2acb3 Gemüse-Curry mit Basmatireis 4.90 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00 {} {} \N \N
|
||||
ea26f18b-ddf3-4899-95e7-5dbd0878d90c Kartoffelcremesuppe 1.50 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00 {} {} \N \N
|
||||
6222d5f4-05e3-4af4-a41c-3f8b4c9c5c78 Gulaschsuppe 2.50 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00 {} {} \N \N
|
||||
3c8cf0c2-b0a9-43e3-8233-723d5718a157 Tomatensuppe mit Croutons 1.80 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00 {} {} \N \N
|
||||
2dd85835-5425-4271-9fc0-e5215bbce476 Kürbiscremesuppe 1.80 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00 {} {} \N \N
|
||||
06df753a-65ed-4bd0-a325-d32c78ec88fa Linseneintopf mit Würstchen 2.20 2026-07-17 15:17:02.979184+00 2026-07-17 15:17:02.979184+00 {} {} \N \N
|
||||
a987c96f-25a0-4e5e-b8a8-aab683a01feb Chili con Carne mit Brötchen 3.90 2026-07-17 15:17:02.979184+00 2026-07-17 22:21:35.276672+00 {A} {4} \N \N
|
||||
7ebdf56a-9482-4bde-bf60-e6e5424e397b Kürbisrisotto 0.00 2026-07-17 23:57:48.351754+00 2026-07-17 23:57:48.351754+00 {} {} \N \N
|
||||
fd356340-e10f-42d7-ae5a-3521a9151bb8 Test 0.00 2026-07-17 23:58:04.141825+00 2026-07-17 23:58:19.411846+00 {} {} abc bca
|
||||
\.
|
||||
|
||||
|
||||
@@ -106,11 +119,11 @@ ALTER TABLE public.dishes ENABLE TRIGGER ALL;
|
||||
|
||||
ALTER TABLE public.sections DISABLE TRIGGER ALL;
|
||||
|
||||
COPY public.sections (key, label, time_range, sort) FROM stdin;
|
||||
brotzeit Brotzeit 09:00 - 10:00 1
|
||||
mittagessen Mittagessen 11:30 - 13:30 2
|
||||
mittagessen_veg Mittagessen vegetarisch 11:30 - 13:30 3
|
||||
suppe Suppe 11:30 - 13:30 4
|
||||
COPY public.sections (key, label, time_range, sort, label_en, label_pl) FROM stdin;
|
||||
brotzeit Brotzeit 09:00 - 10:00 1 Breakfast Śniadanie
|
||||
mittagessen Mittagessen 11:30 - 13:30 2 Lunch Obiad
|
||||
mittagessen_veg Mittagessen vegetarisch 11:30 - 13:30 3 Lunch (vegetarian) Obiad (wegetariański)
|
||||
suppe Suppe 11:30 - 13:30 4 Soup Zupa
|
||||
\.
|
||||
|
||||
|
||||
@@ -123,7 +136,6 @@ ALTER TABLE public.sections ENABLE TRIGGER ALL;
|
||||
ALTER TABLE public.menu_entries DISABLE TRIGGER ALL;
|
||||
|
||||
COPY public.menu_entries (id, menu_date, section_key, dish_id, "position", created_at) FROM stdin;
|
||||
5d1ea849-61b3-48ac-b1e9-48b6b2c7d8c1 2026-07-13 brotzeit 2b136266-a80d-4c76-8520-38001c92a634 0 2026-07-17 15:17:02.979184+00
|
||||
70469091-417b-47ed-aab5-747ff97e4ad4 2026-07-14 brotzeit bf612ae7-8cdd-4149-8b21-f651631ccc02 0 2026-07-17 15:17:02.979184+00
|
||||
1e1f9b4e-75e7-413f-a747-c2884675d9f7 2026-07-15 brotzeit 81c58cc6-7298-4d4a-9997-71d17df5aedf 0 2026-07-17 15:17:02.979184+00
|
||||
7b2089f7-7c01-4d6a-9e68-ebfa594bb713 2026-07-16 brotzeit cc7fb9d9-a9ab-4c4c-a376-a8fae0e801c9 0 2026-07-17 15:17:02.979184+00
|
||||
@@ -140,7 +152,6 @@ e2bfe62e-12c4-4f68-a7e7-ca1ee30a6039 2026-07-14 suppe 6222d5f4-05e3-4af4-a41c-3f
|
||||
662902e0-bb5e-4268-b977-cef2ac20dc35 2026-07-15 suppe 3c8cf0c2-b0a9-43e3-8233-723d5718a157 0 2026-07-17 15:17:02.979184+00
|
||||
6083a3f3-a54e-40c5-be1f-c96e474eb8a0 2026-07-16 suppe 2dd85835-5425-4271-9fc0-e5215bbce476 0 2026-07-17 15:17:02.979184+00
|
||||
36279cd1-b0e2-46a8-b46c-c23f9f5dbb1b 2026-07-17 suppe 06df753a-65ed-4bd0-a325-d32c78ec88fa 0 2026-07-17 15:17:02.979184+00
|
||||
ae3f7ced-23b1-42a9-a5d4-2bfab6c333b7 2026-07-22 brotzeit 2b136266-a80d-4c76-8520-38001c92a634 0 2026-07-17 15:17:02.979184+00
|
||||
bfa36cb8-82d6-466c-b954-bf82c6a67b95 2026-07-23 brotzeit bf612ae7-8cdd-4149-8b21-f651631ccc02 0 2026-07-17 15:17:02.979184+00
|
||||
b86caf93-34eb-46a3-bbe4-3a67dcf79be0 2026-07-21 brotzeit 81c58cc6-7298-4d4a-9997-71d17df5aedf 0 2026-07-17 15:17:02.979184+00
|
||||
d8a962cd-f1cf-4f87-95fb-f5af79cbd0a5 2026-07-20 brotzeit cc7fb9d9-a9ab-4c4c-a376-a8fae0e801c9 0 2026-07-17 15:17:02.979184+00
|
||||
@@ -158,6 +169,7 @@ a6f66639-7a0a-4129-bcea-c6ac9cbccac3 2026-07-20 suppe 6222d5f4-05e3-4af4-a41c-3f
|
||||
b0dbf487-c704-4ab2-af67-082addc88039 2026-07-23 suppe 3c8cf0c2-b0a9-43e3-8233-723d5718a157 0 2026-07-17 15:17:02.979184+00
|
||||
d7b5d414-85c2-495a-9945-2ffc10de32ea 2026-07-24 suppe 2dd85835-5425-4271-9fc0-e5215bbce476 0 2026-07-17 15:17:02.979184+00
|
||||
7a025e66-44b7-43e7-a51b-5564ab8150b1 2026-07-22 suppe 06df753a-65ed-4bd0-a325-d32c78ec88fa 0 2026-07-17 15:17:02.979184+00
|
||||
2eb81b52-3c50-4449-bef9-bb12aac9991e 2026-07-13 brotzeit 6222d5f4-05e3-4af4-a41c-3f8b4c9c5c78 0 2026-07-17 15:43:22.829239+00
|
||||
\.
|
||||
|
||||
|
||||
@@ -169,9 +181,11 @@ ALTER TABLE public.menu_entries ENABLE TRIGGER ALL;
|
||||
|
||||
ALTER TABLE public.profiles DISABLE TRIGGER ALL;
|
||||
|
||||
COPY public.profiles (id, email, full_name, role, created_at) FROM stdin;
|
||||
cee4160a-ab3a-4109-b706-b9f27d515596 fw@wildeflorian.de Florian Wilde admin 2026-07-17 15:17:33.46696+00
|
||||
102d405c-b010-41f6-9409-244004a3c567 kantine@example.com Kantinen-Team staff 2026-07-17 15:17:34.233848+00
|
||||
COPY public.profiles (id, email, full_name, role, created_at, password_auth_enabled) FROM stdin;
|
||||
cee4160a-ab3a-4109-b706-b9f27d515596 fw@wildeflorian.de Florian Wilde admin 2026-07-17 15:17:33.46696+00 t
|
||||
6e3ebbd4-a00a-4b08-a799-1a445a3f9eaa test@test.de Hans admin 2026-07-17 16:56:13.331443+00 t
|
||||
102d405c-b010-41f6-9409-244004a3c567 kantine@example.com Kantinen-Team staff 2026-07-17 15:17:34.233848+00 t
|
||||
952b21ad-65a0-4a12-aed1-6c86709e0eb2 kantine@kantine.de Kantine staff 2026-07-17 22:02:36.854844+00 t
|
||||
\.
|
||||
|
||||
|
||||
@@ -183,8 +197,8 @@ ALTER TABLE public.profiles ENABLE TRIGGER ALL;
|
||||
|
||||
ALTER TABLE public.settings DISABLE TRIGGER ALL;
|
||||
|
||||
COPY public.settings (id, colors, logo_path, updated_at) FROM stdin;
|
||||
1 {"rowBg": "#e3e4f1", "accent": "#ff6900", "addBtn": "#6da54c", "primary": "#003388", "rowBgAlt": "#f4f4fa", "deleteBtn": "#e2371d", "headerText": "#ffffff", "primaryDark": "#0d315c"} \N 2026-07-17 15:39:01.866456+00
|
||||
COPY public.settings (id, colors, logo_path, updated_at, favicon_path) FROM stdin;
|
||||
1 {"rowBg": "#e3e4f1", "accent": "#ff6900", "addBtn": "#6da54c", "primary": "#003388", "rowBgAlt": "#f4f4fa", "deleteBtn": "#e2371d", "headerText": "#ffffff", "primaryDark": "#0d315c"} logo-1784305413466.webp 2026-07-17 22:40:52.997491+00 \N
|
||||
\.
|
||||
|
||||
|
||||
@@ -194,5 +208,5 @@ ALTER TABLE public.settings ENABLE TRIGGER ALL;
|
||||
-- PostgreSQL database dump complete
|
||||
--
|
||||
|
||||
\unrestrict HfcGijNcMcy9jPlPpFachgl8LfchhPK39kzgfhc84Q6jsOJpHN3jqf6T368FXri
|
||||
\unrestrict m2Vnc4kNXrHeKWS4dSX5SqMU5nUOxMfipXDVyLuYabYYzEbAHutmaRS8m10Dsdh
|
||||
|
||||
|
||||
@@ -0,0 +1,32 @@
|
||||
-- =============================================================
|
||||
-- Allergene/Zusatzstoffe pro Gericht, Passwort-Login abschaltbar,
|
||||
-- austauschbares Favicon
|
||||
-- =============================================================
|
||||
|
||||
-- ---------- Allergene/Zusatzstoffe je Gericht ----------
|
||||
-- Referenziert Kürzel aus den globalen Listen (allergens/additives),
|
||||
-- die weiterhin unterhalb der Speisekarte als Legende dienen.
|
||||
alter table public.dishes
|
||||
add column allergens text[] not null default '{}',
|
||||
add column additives text[] not null default '{}';
|
||||
|
||||
-- ---------- Passwort-Login pro Benutzer abschaltbar ----------
|
||||
alter table public.profiles
|
||||
add column password_auth_enabled boolean not null default true;
|
||||
|
||||
-- Selbstverwaltung: Nutzer dürfen zusätzlich zum Namen (Migration 0003)
|
||||
-- jetzt auch dieses eine Flag für ihr eigenes Konto setzen. Weiterhin
|
||||
-- kein Zugriff auf "role" oder "email" über diesen Weg.
|
||||
grant update (password_auth_enabled) on public.profiles to authenticated;
|
||||
|
||||
-- Klarerer Name für die inzwischen zwei selbstverwaltbaren Spalten.
|
||||
drop policy "profiles_update_own_name" on public.profiles;
|
||||
create policy "profiles_update_own"
|
||||
on public.profiles for update
|
||||
to authenticated
|
||||
using (id = (select auth.uid()))
|
||||
with check (id = (select auth.uid()));
|
||||
|
||||
-- ---------- Austauschbares Favicon ----------
|
||||
alter table public.settings
|
||||
add column favicon_path text;
|
||||
@@ -0,0 +1,68 @@
|
||||
-- =============================================================
|
||||
-- Mehrsprachigkeit (Inhalte) + Rezeptvorschläge
|
||||
-- =============================================================
|
||||
|
||||
-- ---------- Übersetzungsspalten ----------
|
||||
-- Nullable: ohne Übersetzung fällt die Anzeige auf den deutschen
|
||||
-- Text zurück. Werden manuell oder per DeepL-Anbindung befüllt.
|
||||
alter table public.dishes add column name_en text, add column name_pl text;
|
||||
alter table public.sections add column label_en text, add column label_pl text;
|
||||
alter table public.allergens add column name_en text, add column name_pl text;
|
||||
alter table public.additives add column name_en text, add column name_pl text;
|
||||
|
||||
-- ---------- Referenz-Übersetzungen (feste EU-Kennzeichnung) ----------
|
||||
update public.sections set label_en = 'Breakfast', label_pl = 'Śniadanie' where key = 'brotzeit';
|
||||
update public.sections set label_en = 'Lunch', label_pl = 'Obiad' where key = 'mittagessen';
|
||||
update public.sections set label_en = 'Lunch (vegetarian)', label_pl = 'Obiad (wegetariański)' where key = 'mittagessen_veg';
|
||||
update public.sections set label_en = 'Soup', label_pl = 'Zupa' where key = 'suppe';
|
||||
|
||||
update public.allergens set name_en = 'Cereals containing gluten', name_pl = 'Zboża zawierające gluten' where code = 'A';
|
||||
update public.allergens set name_en = 'Crustaceans', name_pl = 'Skorupiaki' where code = 'B';
|
||||
update public.allergens set name_en = 'Eggs', name_pl = 'Jaja' where code = 'C';
|
||||
update public.allergens set name_en = 'Fish', name_pl = 'Ryby' where code = 'D';
|
||||
update public.allergens set name_en = 'Peanuts', name_pl = 'Orzeszki ziemne' where code = 'E';
|
||||
update public.allergens set name_en = 'Soybeans', name_pl = 'Soja' where code = 'F';
|
||||
update public.allergens set name_en = 'Milk (including lactose)', name_pl = 'Mleko (w tym laktoza)' where code = 'G';
|
||||
update public.allergens set name_en = 'Tree nuts', name_pl = 'Orzechy' where code = 'H';
|
||||
update public.allergens set name_en = 'Celery', name_pl = 'Seler' where code = 'I';
|
||||
update public.allergens set name_en = 'Mustard', name_pl = 'Gorczyca' where code = 'J';
|
||||
update public.allergens set name_en = 'Sesame seeds', name_pl = 'Nasiona sezamu' where code = 'K';
|
||||
update public.allergens set name_en = 'Sulphur dioxide and sulphites', name_pl = 'Dwutlenek siarki i siarczyny' where code = 'L';
|
||||
update public.allergens set name_en = 'Lupin', name_pl = 'Łubin' where code = 'M';
|
||||
update public.allergens set name_en = 'Molluscs', name_pl = 'Mięczaki' where code = 'N';
|
||||
|
||||
update public.additives set name_en = 'with colouring', name_pl = 'z barwnikiem' where code = '1';
|
||||
update public.additives set name_en = 'with preservative', name_pl = 'z konserwantem' where code = '2';
|
||||
update public.additives set name_en = 'with antioxidant', name_pl = 'z przeciwutleniaczem' where code = '3';
|
||||
update public.additives set name_en = 'with flavour enhancer', name_pl = 'ze wzmacniaczem smaku' where code = '4';
|
||||
update public.additives set name_en = 'sulphured', name_pl = 'siarkowany' where code = '5';
|
||||
update public.additives set name_en = 'blackened', name_pl = 'barwiony na czarno' where code = '6';
|
||||
update public.additives set name_en = 'waxed', name_pl = 'woskowany' where code = '7';
|
||||
update public.additives set name_en = 'with phosphate', name_pl = 'z fosforanem' where code = '8';
|
||||
update public.additives set name_en = 'with sweetener(s)', name_pl = 'ze słodzikiem/słodzikami' where code = '9';
|
||||
update public.additives set name_en = 'contains a source of phenylalanine', name_pl = 'zawiera źródło fenyloalaniny' where code = '10';
|
||||
update public.additives set name_en = 'caffeinated', name_pl = 'zawiera kofeinę' where code = '11';
|
||||
|
||||
-- ---------- Rezeptvorschläge ----------
|
||||
create table public.dish_suggestions (
|
||||
id uuid primary key default gen_random_uuid(),
|
||||
name text not null,
|
||||
description text,
|
||||
created_at timestamptz not null default now()
|
||||
);
|
||||
|
||||
alter table public.dish_suggestions enable row level security;
|
||||
|
||||
-- Jeder darf einen Vorschlag einreichen, aber niemand außer dem
|
||||
-- Kantinen-Team darf die Liste einsehen (kein Lesezugriff für anon).
|
||||
create policy "dish_suggestions_public_insert" on public.dish_suggestions
|
||||
for insert to anon, authenticated
|
||||
with check (true);
|
||||
|
||||
create policy "dish_suggestions_staff_select" on public.dish_suggestions
|
||||
for select to authenticated
|
||||
using (public.app_role() in ('staff', 'admin'));
|
||||
|
||||
create policy "dish_suggestions_staff_delete" on public.dish_suggestions
|
||||
for delete to authenticated
|
||||
using (public.app_role() in ('staff', 'admin'));
|
||||
Reference in New Issue
Block a user