chore: Projektgeruest mit Next.js, TypeScript und Tailwind
Grundgeruest der Anwendung: Next.js 15 (App Router), TypeScript im strict-Modus, Tailwind mit shadcn/ui-Farbtokens. Bewusste Festlegungen: - Nur Systemschriften, keine externen Fonts, kein CDN. - Grundschrift eine Stufe groesser, Fokusring immer sichtbar, Touchziele mindestens 44px. - Ampelfarben fuer Fristen als eigene Design-Tokens. - Betraege werden als Cent-Ganzzahl gefuehrt, damit die Rechnungslegung keine Rundungsfehler erbt. - .env.example dokumentiert alle Geheimnisse; npm run schluessel erzeugt sie. Etappe: 1 Phase: Fundament
This commit is contained in:
Florian Wilde
@@ -0,0 +1,14 @@
|
|||||||
|
node_modules
|
||||||
|
.next
|
||||||
|
.git
|
||||||
|
.env
|
||||||
|
.env.local
|
||||||
|
backups
|
||||||
|
uploads
|
||||||
|
postgres-data
|
||||||
|
caddy-data
|
||||||
|
caddy-config
|
||||||
|
coverage
|
||||||
|
test-results
|
||||||
|
playwright-report
|
||||||
|
README.md
|
||||||
@@ -0,0 +1,63 @@
|
|||||||
|
# =============================================================================
|
||||||
|
# Betreuungs-Cockpit - Beispielkonfiguration
|
||||||
|
# Kopiere diese Datei nach .env und fuelle die Werte aus.
|
||||||
|
# Alle Geheimnisse erzeugst du mit: npm run schluessel
|
||||||
|
# =============================================================================
|
||||||
|
|
||||||
|
# --- Datenbank --------------------------------------------------------------
|
||||||
|
# Lokal (Docker Compose): Host ist der Servicename "db".
|
||||||
|
POSTGRES_USER=cockpit
|
||||||
|
POSTGRES_PASSWORD=bitte-aendern
|
||||||
|
POSTGRES_DB=betreuungs_cockpit
|
||||||
|
DATABASE_URL="postgresql://cockpit:bitte-aendern@localhost:5432/betreuungs_cockpit?schema=public"
|
||||||
|
|
||||||
|
# --- Auth.js ----------------------------------------------------------------
|
||||||
|
# 32 zufaellige Bytes, base64. Erzeugen: npm run schluessel
|
||||||
|
AUTH_SECRET=
|
||||||
|
# Oeffentliche Basis-URL der Anwendung (ohne abschliessenden Slash).
|
||||||
|
AUTH_URL=http://localhost:3000
|
||||||
|
# Hinter einem Reverse Proxy (Caddy) auf true setzen.
|
||||||
|
AUTH_TRUST_HOST=true
|
||||||
|
|
||||||
|
# --- Anwendungsseitige Feldverschluesselung ---------------------------------
|
||||||
|
# AES-256-GCM. 32 Bytes, base64. OHNE DIESEN SCHLUESSEL SIND DIE VERSCHLUESSELTEN
|
||||||
|
# FELDER UNWIEDERBRINGLICH VERLOREN - unbedingt getrennt vom Backup sichern!
|
||||||
|
# Schluesselrotation: neuen Schluessel als ENC_KEY_V2 ergaenzen und
|
||||||
|
# ENC_KEY_AKTIV=2 setzen. Alte Schluessel bleiben zum Entschluesseln stehen.
|
||||||
|
ENC_KEY_V1=
|
||||||
|
ENC_KEY_AKTIV=1
|
||||||
|
|
||||||
|
# Separater Schluessel fuer Blind-Indizes (HMAC-SHA256).
|
||||||
|
# Erlaubt die Suche nach z.B. einer IBAN, ohne sie im Klartext zu speichern.
|
||||||
|
INDEX_KEY=
|
||||||
|
|
||||||
|
# --- Sicherheit -------------------------------------------------------------
|
||||||
|
# Leerlauf bis zur automatischen Abmeldung (Sekunden). 30 Minuten.
|
||||||
|
SESSION_MAX_AGE=1800
|
||||||
|
# Wie lange eine erneute Anmeldung fuer sensible Aktionen gilt (Sekunden).
|
||||||
|
REAUTH_MAX_AGE=300
|
||||||
|
# Login-Sperre: max. Fehlversuche pro Zeitfenster (Sekunden).
|
||||||
|
LOGIN_MAX_VERSUCHE=5
|
||||||
|
LOGIN_FENSTER_SEKUNDEN=900
|
||||||
|
LOGIN_SPERRE_SEKUNDEN=900
|
||||||
|
|
||||||
|
# --- Objektspeicher (S3-kompatibel, EU!) ------------------------------------
|
||||||
|
# Wird ab Etappe 3 verwendet. Beispiel: Hetzner Object Storage, Falkenstein.
|
||||||
|
# ACHTUNG: Mit dem Anbieter muss ein AV-Vertrag nach Art. 28 DSGVO bestehen.
|
||||||
|
S3_ENDPOINT=https://fsn1.your-objectstorage.com
|
||||||
|
S3_REGION=eu-central
|
||||||
|
S3_BUCKET=betreuungs-cockpit
|
||||||
|
S3_ACCESS_KEY_ID=
|
||||||
|
S3_SECRET_ACCESS_KEY=
|
||||||
|
|
||||||
|
# --- E-Mail-Erinnerungen (optional, ab Etappe 2) ----------------------------
|
||||||
|
SMTP_HOST=
|
||||||
|
SMTP_PORT=587
|
||||||
|
SMTP_USER=
|
||||||
|
SMTP_PASSWORD=
|
||||||
|
SMTP_FROM="Betreuungs-Cockpit <cockpit@example.de>"
|
||||||
|
|
||||||
|
# --- Erstanmeldung ----------------------------------------------------------
|
||||||
|
# Wird nur vom Seed benutzt, um den ersten Betreuer-Zugang anzulegen.
|
||||||
|
SEED_ADMIN_EMAIL=fw@wildeflorian.de
|
||||||
|
SEED_ADMIN_PASSWORT=bitte-beim-ersten-login-aendern
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"extends": ["next/core-web-vitals", "next/typescript"]
|
||||||
|
}
|
||||||
+41
@@ -0,0 +1,41 @@
|
|||||||
|
# Abhaengigkeiten
|
||||||
|
node_modules/
|
||||||
|
.pnp
|
||||||
|
.pnp.js
|
||||||
|
|
||||||
|
# Build
|
||||||
|
.next/
|
||||||
|
out/
|
||||||
|
build/
|
||||||
|
dist/
|
||||||
|
next-env.d.ts
|
||||||
|
*.tsbuildinfo
|
||||||
|
|
||||||
|
# Umgebung - enthaelt Schluessel, gehoert NIE ins Repo
|
||||||
|
.env
|
||||||
|
.env.local
|
||||||
|
.env.*.local
|
||||||
|
!.env.example
|
||||||
|
|
||||||
|
# Daten und Backups
|
||||||
|
backups/
|
||||||
|
uploads/
|
||||||
|
postgres-data/
|
||||||
|
caddy-data/
|
||||||
|
caddy-config/
|
||||||
|
*.dump
|
||||||
|
*.sql.gz
|
||||||
|
|
||||||
|
# Test-Artefakte
|
||||||
|
coverage/
|
||||||
|
playwright-report/
|
||||||
|
test-results/
|
||||||
|
.playwright/
|
||||||
|
|
||||||
|
# Werkzeuge
|
||||||
|
.vscode/
|
||||||
|
.idea/
|
||||||
|
.DS_Store
|
||||||
|
Thumbs.db
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
# Betreuungs-Cockpit
|
||||||
|
|
||||||
|
Arbeits- und Dokumentationswerkzeug für die ehrenamtliche rechtliche Betreuung
|
||||||
|
eines Angehörigen — Fristen, Vorgänge, Belege, Vermögen, Sozialhilfe.
|
||||||
|
|
||||||
|
> Die Anwendung erteilt **keine Rechtsberatung**. Alle Hinweise mit
|
||||||
|
> Paragraphen-Bezug ersetzen nicht die Rückfrage bei Betreuungsgericht,
|
||||||
|
> Sozialhilfeträger oder Anwalt.
|
||||||
|
|
||||||
|
Die vollständige Installations-, Betriebs- und Backup-Anleitung folgt in
|
||||||
|
diesem Dokument, sobald Etappe 1 steht.
|
||||||
@@ -0,0 +1,17 @@
|
|||||||
|
{
|
||||||
|
"$schema": "https://ui.shadcn.com/schema.json",
|
||||||
|
"style": "default",
|
||||||
|
"rsc": true,
|
||||||
|
"tsx": true,
|
||||||
|
"tailwind": {
|
||||||
|
"config": "tailwind.config.ts",
|
||||||
|
"css": "src/app/globals.css",
|
||||||
|
"baseColor": "slate",
|
||||||
|
"cssVariables": true
|
||||||
|
},
|
||||||
|
"aliases": {
|
||||||
|
"components": "@/components",
|
||||||
|
"utils": "@/lib/utils",
|
||||||
|
"ui": "@/components/ui"
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,36 @@
|
|||||||
|
/** @type {import('next').NextConfig} */
|
||||||
|
const nextConfig = {
|
||||||
|
// Standalone-Build fuer ein schlankes Docker-Image.
|
||||||
|
output: 'standalone',
|
||||||
|
reactStrictMode: true,
|
||||||
|
poweredByHeader: false,
|
||||||
|
// Argon2 ist eine native Bibliothek und darf nicht gebundelt werden.
|
||||||
|
serverExternalPackages: ['@node-rs/argon2'],
|
||||||
|
eslint: {
|
||||||
|
ignoreDuringBuilds: false,
|
||||||
|
},
|
||||||
|
async headers() {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
source: '/:path*',
|
||||||
|
headers: [
|
||||||
|
{ key: 'X-Content-Type-Options', value: 'nosniff' },
|
||||||
|
{ key: 'X-Frame-Options', value: 'DENY' },
|
||||||
|
{ key: 'Referrer-Policy', value: 'no-referrer' },
|
||||||
|
{ key: 'X-DNS-Prefetch-Control', value: 'off' },
|
||||||
|
{
|
||||||
|
key: 'Permissions-Policy',
|
||||||
|
// Kamera bleibt erlaubt: Belege werden am Handy fotografiert.
|
||||||
|
value: 'camera=(self), microphone=(self), geolocation=(), interest-cohort=()',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'Strict-Transport-Security',
|
||||||
|
value: 'max-age=63072000; includeSubDomains; preload',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
]
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
export default nextConfig
|
||||||
@@ -0,0 +1,66 @@
|
|||||||
|
{
|
||||||
|
"name": "betreuungs-cockpit",
|
||||||
|
"version": "0.1.0",
|
||||||
|
"private": true,
|
||||||
|
"description": "Arbeits- und Dokumentationswerkzeug fuer die ehrenamtliche rechtliche Betreuung",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=20.11"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"dev": "next dev",
|
||||||
|
"build": "next build",
|
||||||
|
"start": "next start",
|
||||||
|
"lint": "next lint",
|
||||||
|
"typecheck": "tsc --noEmit",
|
||||||
|
"test": "vitest run",
|
||||||
|
"test:watch": "vitest",
|
||||||
|
"db:generate": "prisma generate",
|
||||||
|
"db:migrate": "prisma migrate dev",
|
||||||
|
"db:deploy": "prisma migrate deploy",
|
||||||
|
"db:volltext": "prisma db execute --schema prisma/schema.prisma --file prisma/sql/volltextsuche.sql",
|
||||||
|
"db:seed": "prisma db seed",
|
||||||
|
"db:studio": "prisma studio",
|
||||||
|
"setup": "prisma migrate deploy && npm run db:volltext && npm run db:seed",
|
||||||
|
"schluessel": "node scripts/schluessel-erzeugen.mjs",
|
||||||
|
"postinstall": "prisma generate"
|
||||||
|
},
|
||||||
|
"prisma": {
|
||||||
|
"seed": "tsx prisma/seed.ts"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@node-rs/argon2": "2.0.2",
|
||||||
|
"@prisma/client": "6.3.1",
|
||||||
|
"@radix-ui/react-dialog": "1.1.4",
|
||||||
|
"@radix-ui/react-dropdown-menu": "2.1.4",
|
||||||
|
"@radix-ui/react-label": "2.1.1",
|
||||||
|
"@radix-ui/react-slot": "1.1.1",
|
||||||
|
"class-variance-authority": "0.7.1",
|
||||||
|
"clsx": "2.1.1",
|
||||||
|
"date-fns": "4.1.0",
|
||||||
|
"lucide-react": "0.474.0",
|
||||||
|
"next": "15.1.6",
|
||||||
|
"next-auth": "5.0.0-beta.25",
|
||||||
|
"otpauth": "9.3.6",
|
||||||
|
"qrcode": "1.5.4",
|
||||||
|
"react": "19.0.0",
|
||||||
|
"react-dom": "19.0.0",
|
||||||
|
"tailwind-merge": "2.6.0",
|
||||||
|
"tailwindcss-animate": "1.0.7",
|
||||||
|
"zod": "3.24.1"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@types/node": "22.13.1",
|
||||||
|
"@types/qrcode": "1.5.5",
|
||||||
|
"@types/react": "19.0.8",
|
||||||
|
"@types/react-dom": "19.0.3",
|
||||||
|
"autoprefixer": "10.4.20",
|
||||||
|
"eslint": "9.19.0",
|
||||||
|
"eslint-config-next": "15.1.6",
|
||||||
|
"postcss": "8.5.1",
|
||||||
|
"prisma": "6.3.1",
|
||||||
|
"tailwindcss": "3.4.17",
|
||||||
|
"tsx": "4.19.2",
|
||||||
|
"typescript": "5.7.3",
|
||||||
|
"vitest": "3.0.5"
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
export default {
|
||||||
|
plugins: {
|
||||||
|
tailwindcss: {},
|
||||||
|
autoprefixer: {},
|
||||||
|
},
|
||||||
|
}
|
||||||
@@ -0,0 +1,26 @@
|
|||||||
|
#!/usr/bin/env node
|
||||||
|
/**
|
||||||
|
* Erzeugt die Geheimnisse fuer die .env-Datei.
|
||||||
|
*
|
||||||
|
* Aufruf: npm run schluessel
|
||||||
|
*
|
||||||
|
* Die Werte werden bewusst nur ausgegeben und nirgends gespeichert.
|
||||||
|
* Kopiere sie in die .env und sichere ENC_KEY_V1 zusaetzlich getrennt
|
||||||
|
* vom Datenbank-Backup (z.B. Passwortmanager, Papier im Ordner).
|
||||||
|
*/
|
||||||
|
import { randomBytes } from 'node:crypto'
|
||||||
|
|
||||||
|
const b64 = (bytes) => randomBytes(bytes).toString('base64')
|
||||||
|
|
||||||
|
console.log(`
|
||||||
|
# --- Erzeugt am ${new Date().toISOString()} ---
|
||||||
|
AUTH_SECRET=${b64(32)}
|
||||||
|
ENC_KEY_V1=${b64(32)}
|
||||||
|
ENC_KEY_AKTIV=1
|
||||||
|
INDEX_KEY=${b64(32)}
|
||||||
|
POSTGRES_PASSWORD=${b64(24).replace(/[+/=]/g, 'x')}
|
||||||
|
|
||||||
|
# WICHTIG: ENC_KEY_V1 geht NICHT verloren gehen duerfen.
|
||||||
|
# Ohne ihn sind Diagnosen, IBANs, Versicherungsnummern und Notizen
|
||||||
|
# aus dem Backup nicht mehr lesbar.
|
||||||
|
`)
|
||||||
@@ -0,0 +1,139 @@
|
|||||||
|
@tailwind base;
|
||||||
|
@tailwind components;
|
||||||
|
@tailwind utilities;
|
||||||
|
|
||||||
|
@layer base {
|
||||||
|
:root {
|
||||||
|
/* Helles Thema - bewusst hoher Kontrast, kein Grau-auf-Grau. */
|
||||||
|
--background: 0 0% 100%;
|
||||||
|
--foreground: 222 47% 11%;
|
||||||
|
|
||||||
|
--card: 0 0% 100%;
|
||||||
|
--card-foreground: 222 47% 11%;
|
||||||
|
|
||||||
|
--popover: 0 0% 100%;
|
||||||
|
--popover-foreground: 222 47% 11%;
|
||||||
|
|
||||||
|
--primary: 214 80% 32%;
|
||||||
|
--primary-foreground: 0 0% 100%;
|
||||||
|
|
||||||
|
--secondary: 214 32% 94%;
|
||||||
|
--secondary-foreground: 222 47% 11%;
|
||||||
|
|
||||||
|
--muted: 214 32% 95%;
|
||||||
|
--muted-foreground: 215 20% 35%;
|
||||||
|
|
||||||
|
--accent: 214 32% 94%;
|
||||||
|
--accent-foreground: 222 47% 11%;
|
||||||
|
|
||||||
|
--destructive: 0 72% 40%;
|
||||||
|
--destructive-foreground: 0 0% 100%;
|
||||||
|
|
||||||
|
--border: 214 20% 84%;
|
||||||
|
--input: 214 20% 80%;
|
||||||
|
--ring: 214 80% 40%;
|
||||||
|
|
||||||
|
--ampel-rot: 0 72% 42%;
|
||||||
|
--ampel-orange: 25 90% 38%;
|
||||||
|
--ampel-gelb: 43 90% 30%;
|
||||||
|
--ampel-gruen: 145 63% 27%;
|
||||||
|
|
||||||
|
--radius: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark {
|
||||||
|
--background: 222 47% 9%;
|
||||||
|
--foreground: 210 40% 96%;
|
||||||
|
|
||||||
|
--card: 222 45% 12%;
|
||||||
|
--card-foreground: 210 40% 96%;
|
||||||
|
|
||||||
|
--popover: 222 45% 12%;
|
||||||
|
--popover-foreground: 210 40% 96%;
|
||||||
|
|
||||||
|
--primary: 210 90% 66%;
|
||||||
|
--primary-foreground: 222 47% 11%;
|
||||||
|
|
||||||
|
--secondary: 217 33% 18%;
|
||||||
|
--secondary-foreground: 210 40% 96%;
|
||||||
|
|
||||||
|
--muted: 217 33% 17%;
|
||||||
|
--muted-foreground: 215 25% 72%;
|
||||||
|
|
||||||
|
--accent: 217 33% 20%;
|
||||||
|
--accent-foreground: 210 40% 96%;
|
||||||
|
|
||||||
|
--destructive: 0 72% 62%;
|
||||||
|
--destructive-foreground: 222 47% 11%;
|
||||||
|
|
||||||
|
--border: 217 25% 26%;
|
||||||
|
--input: 217 25% 30%;
|
||||||
|
--ring: 210 90% 66%;
|
||||||
|
|
||||||
|
--ampel-rot: 0 84% 68%;
|
||||||
|
--ampel-orange: 25 95% 62%;
|
||||||
|
--ampel-gelb: 45 95% 60%;
|
||||||
|
--ampel-gruen: 145 60% 55%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@layer base {
|
||||||
|
* {
|
||||||
|
@apply border-border;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
/* Verhindert das automatische Hochskalieren von Text in iOS-Safari. */
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
@apply bg-background text-foreground antialiased;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tastaturbedienung muss sichtbar sein - niemals outline:none. */
|
||||||
|
:focus-visible {
|
||||||
|
@apply outline-none ring-2 ring-ring ring-offset-2 ring-offset-background;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Auf Touch-Geraeten sollen Bedienelemente mindestens 44px hoch sein. */
|
||||||
|
@media (pointer: coarse) {
|
||||||
|
button,
|
||||||
|
[role='button'],
|
||||||
|
a.btn,
|
||||||
|
input,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
min-height: 2.75rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
*,
|
||||||
|
*::before,
|
||||||
|
*::after {
|
||||||
|
animation-duration: 0.01ms !important;
|
||||||
|
transition-duration: 0.01ms !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@layer components {
|
||||||
|
/* Sprungmarke fuer Screenreader und Tastaturnutzer. */
|
||||||
|
.skip-link {
|
||||||
|
@apply absolute left-2 top-2 z-50 -translate-y-20 rounded-md bg-primary px-4 py-2
|
||||||
|
text-primary-foreground transition-transform focus:translate-y-0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
/* Berichte werden ausgedruckt und dem Gericht vorgelegt. */
|
||||||
|
.no-print {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: #fff;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,81 @@
|
|||||||
|
import { type ClassValue, clsx } from 'clsx'
|
||||||
|
import { twMerge } from 'tailwind-merge'
|
||||||
|
|
||||||
|
/** Tailwind-Klassen zusammenfuehren, spaetere gewinnen. */
|
||||||
|
export function cn(...inputs: ClassValue[]) {
|
||||||
|
return twMerge(clsx(inputs))
|
||||||
|
}
|
||||||
|
|
||||||
|
const DATUM_FORMAT = new Intl.DateTimeFormat('de-DE', {
|
||||||
|
day: '2-digit',
|
||||||
|
month: '2-digit',
|
||||||
|
year: 'numeric',
|
||||||
|
})
|
||||||
|
|
||||||
|
const DATUM_ZEIT_FORMAT = new Intl.DateTimeFormat('de-DE', {
|
||||||
|
day: '2-digit',
|
||||||
|
month: '2-digit',
|
||||||
|
year: 'numeric',
|
||||||
|
hour: '2-digit',
|
||||||
|
minute: '2-digit',
|
||||||
|
})
|
||||||
|
|
||||||
|
const EURO_FORMAT = new Intl.NumberFormat('de-DE', {
|
||||||
|
style: 'currency',
|
||||||
|
currency: 'EUR',
|
||||||
|
})
|
||||||
|
|
||||||
|
/** 22.08.2026 - oder ein Gedankenstrich, wenn nichts da ist. */
|
||||||
|
export function formatDatum(datum: Date | string | null | undefined): string {
|
||||||
|
if (!datum) return '–'
|
||||||
|
const d = typeof datum === 'string' ? new Date(datum) : datum
|
||||||
|
if (Number.isNaN(d.getTime())) return '–'
|
||||||
|
return DATUM_FORMAT.format(d)
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 22.08.2026, 14:30 */
|
||||||
|
export function formatDatumZeit(datum: Date | string | null | undefined): string {
|
||||||
|
if (!datum) return '–'
|
||||||
|
const d = typeof datum === 'string' ? new Date(datum) : datum
|
||||||
|
if (Number.isNaN(d.getTime())) return '–'
|
||||||
|
return DATUM_ZEIT_FORMAT.format(d)
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Betraege liegen in der Datenbank als Cent-Ganzzahl (BigInt), damit
|
||||||
|
* keine Rundungsfehler in die Rechnungslegung wandern.
|
||||||
|
*/
|
||||||
|
export function formatCent(cent: bigint | number | null | undefined): string {
|
||||||
|
if (cent === null || cent === undefined) return '–'
|
||||||
|
const zahl = typeof cent === 'bigint' ? Number(cent) : cent
|
||||||
|
return EURO_FORMAT.format(zahl / 100)
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Tage zwischen heute (Mitternacht) und einem Datum. Negativ = ueberfaellig. */
|
||||||
|
export function tageBis(datum: Date | string): number {
|
||||||
|
const ziel = typeof datum === 'string' ? new Date(datum) : datum
|
||||||
|
const heute = new Date()
|
||||||
|
heute.setHours(0, 0, 0, 0)
|
||||||
|
const zielTag = new Date(ziel)
|
||||||
|
zielTag.setHours(0, 0, 0, 0)
|
||||||
|
return Math.round((zielTag.getTime() - heute.getTime()) / 86_400_000)
|
||||||
|
}
|
||||||
|
|
||||||
|
/** "vor 3 Tagen", "in 2 Wochen" - fuer die Dashboard-Kacheln. */
|
||||||
|
export function relativeTage(tage: number): string {
|
||||||
|
if (tage === 0) return 'heute'
|
||||||
|
if (tage === 1) return 'morgen'
|
||||||
|
if (tage === -1) return 'gestern'
|
||||||
|
if (tage < 0) return `vor ${Math.abs(tage)} Tagen`
|
||||||
|
return `in ${tage} Tagen`
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Aus "Erika Mustermann" wird "EM" - fuer Avatare in der Navigation. */
|
||||||
|
export function initialen(name: string): string {
|
||||||
|
return name
|
||||||
|
.split(/\s+/)
|
||||||
|
.filter(Boolean)
|
||||||
|
.slice(0, 2)
|
||||||
|
.map((teil) => teil[0]?.toUpperCase() ?? '')
|
||||||
|
.join('')
|
||||||
|
}
|
||||||
@@ -0,0 +1,97 @@
|
|||||||
|
import type { Config } from 'tailwindcss'
|
||||||
|
import animate from 'tailwindcss-animate'
|
||||||
|
|
||||||
|
const config: Config = {
|
||||||
|
darkMode: ['class'],
|
||||||
|
content: ['./src/**/*.{ts,tsx}'],
|
||||||
|
theme: {
|
||||||
|
container: {
|
||||||
|
center: true,
|
||||||
|
padding: '1rem',
|
||||||
|
screens: { '2xl': '1400px' },
|
||||||
|
},
|
||||||
|
extend: {
|
||||||
|
fontFamily: {
|
||||||
|
// Bewusst nur Systemschriften - keine externen Fonts, kein CDN.
|
||||||
|
sans: [
|
||||||
|
'system-ui',
|
||||||
|
'-apple-system',
|
||||||
|
'Segoe UI',
|
||||||
|
'Roboto',
|
||||||
|
'Helvetica Neue',
|
||||||
|
'Arial',
|
||||||
|
'sans-serif',
|
||||||
|
],
|
||||||
|
},
|
||||||
|
fontSize: {
|
||||||
|
// Grundschrift eine Stufe groesser als der Tailwind-Standard.
|
||||||
|
base: ['1.0625rem', { lineHeight: '1.6' }],
|
||||||
|
lg: ['1.1875rem', { lineHeight: '1.6' }],
|
||||||
|
},
|
||||||
|
colors: {
|
||||||
|
border: 'hsl(var(--border))',
|
||||||
|
input: 'hsl(var(--input))',
|
||||||
|
ring: 'hsl(var(--ring))',
|
||||||
|
background: 'hsl(var(--background))',
|
||||||
|
foreground: 'hsl(var(--foreground))',
|
||||||
|
primary: {
|
||||||
|
DEFAULT: 'hsl(var(--primary))',
|
||||||
|
foreground: 'hsl(var(--primary-foreground))',
|
||||||
|
},
|
||||||
|
secondary: {
|
||||||
|
DEFAULT: 'hsl(var(--secondary))',
|
||||||
|
foreground: 'hsl(var(--secondary-foreground))',
|
||||||
|
},
|
||||||
|
destructive: {
|
||||||
|
DEFAULT: 'hsl(var(--destructive))',
|
||||||
|
foreground: 'hsl(var(--destructive-foreground))',
|
||||||
|
},
|
||||||
|
muted: {
|
||||||
|
DEFAULT: 'hsl(var(--muted))',
|
||||||
|
foreground: 'hsl(var(--muted-foreground))',
|
||||||
|
},
|
||||||
|
accent: {
|
||||||
|
DEFAULT: 'hsl(var(--accent))',
|
||||||
|
foreground: 'hsl(var(--accent-foreground))',
|
||||||
|
},
|
||||||
|
card: {
|
||||||
|
DEFAULT: 'hsl(var(--card))',
|
||||||
|
foreground: 'hsl(var(--card-foreground))',
|
||||||
|
},
|
||||||
|
popover: {
|
||||||
|
DEFAULT: 'hsl(var(--popover))',
|
||||||
|
foreground: 'hsl(var(--popover-foreground))',
|
||||||
|
},
|
||||||
|
// Ampelfarben fuer Fristen - als Token, damit sie ueberall gleich sind.
|
||||||
|
ampel: {
|
||||||
|
rot: 'hsl(var(--ampel-rot))',
|
||||||
|
orange: 'hsl(var(--ampel-orange))',
|
||||||
|
gelb: 'hsl(var(--ampel-gelb))',
|
||||||
|
gruen: 'hsl(var(--ampel-gruen))',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
borderRadius: {
|
||||||
|
lg: 'var(--radius)',
|
||||||
|
md: 'calc(var(--radius) - 2px)',
|
||||||
|
sm: 'calc(var(--radius) - 4px)',
|
||||||
|
},
|
||||||
|
keyframes: {
|
||||||
|
'accordion-down': {
|
||||||
|
from: { height: '0' },
|
||||||
|
to: { height: 'var(--radix-accordion-content-height)' },
|
||||||
|
},
|
||||||
|
'accordion-up': {
|
||||||
|
from: { height: 'var(--radix-accordion-content-height)' },
|
||||||
|
to: { height: '0' },
|
||||||
|
},
|
||||||
|
},
|
||||||
|
animation: {
|
||||||
|
'accordion-down': 'accordion-down 0.2s ease-out',
|
||||||
|
'accordion-up': 'accordion-up 0.2s ease-out',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
plugins: [animate],
|
||||||
|
}
|
||||||
|
|
||||||
|
export default config
|
||||||
@@ -0,0 +1,24 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"target": "ES2022",
|
||||||
|
"lib": ["dom", "dom.iterable", "esnext"],
|
||||||
|
"allowJs": false,
|
||||||
|
"skipLibCheck": true,
|
||||||
|
"strict": true,
|
||||||
|
"noUncheckedIndexedAccess": true,
|
||||||
|
"noEmit": true,
|
||||||
|
"esModuleInterop": true,
|
||||||
|
"module": "esnext",
|
||||||
|
"moduleResolution": "bundler",
|
||||||
|
"resolveJsonModule": true,
|
||||||
|
"isolatedModules": true,
|
||||||
|
"jsx": "preserve",
|
||||||
|
"incremental": true,
|
||||||
|
"plugins": [{ "name": "next" }],
|
||||||
|
"paths": {
|
||||||
|
"@/*": ["./src/*"]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
|
||||||
|
"exclude": ["node_modules"]
|
||||||
|
}
|
||||||
@@ -0,0 +1,14 @@
|
|||||||
|
import { defineConfig } from 'vitest/config'
|
||||||
|
import { fileURLToPath } from 'node:url'
|
||||||
|
|
||||||
|
export default defineConfig({
|
||||||
|
test: {
|
||||||
|
environment: 'node',
|
||||||
|
include: ['tests/**/*.test.ts'],
|
||||||
|
},
|
||||||
|
resolve: {
|
||||||
|
alias: {
|
||||||
|
'@': fileURLToPath(new URL('./src', import.meta.url)),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})
|
||||||
Reference in New Issue
Block a user