+
+
+
+ )
+}
diff --git a/src/components/admin/settings-tab.tsx b/src/components/admin/settings-tab.tsx
new file mode 100644
index 0000000..e28139a
--- /dev/null
+++ b/src/components/admin/settings-tab.tsx
@@ -0,0 +1,450 @@
+'use client'
+
+import { useState, useEffect } from 'react'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { useToast } from '@/components/ui/use-toast'
+import Link from 'next/link'
+import {
+ Mail, Send, CheckCircle, Ban, CreditCard, Map, MapPin, Settings,
+ Shield, UserPlus, ArrowLeft, Loader2,
+} from 'lucide-react'
+
+interface SettingsTabProps {
+ usersCount: number
+ tenantsCount: number
+ iconsCount: number
+ onNavigateTab: (tab: string) => void
+}
+
+export function SettingsTab({ usersCount, tenantsCount, iconsCount, onNavigateTab }: SettingsTabProps) {
+ const { toast } = useToast()
+
+ // SMTP Settings
+ const [smtpHost, setSmtpHost] = useState('')
+ const [smtpPort, setSmtpPort] = useState('587')
+ const [smtpSecure, setSmtpSecure] = useState(false)
+ const [smtpUser, setSmtpUser] = useState('')
+ const [smtpPass, setSmtpPass] = useState('')
+ const [smtpFromName, setSmtpFromName] = useState('Lageplan')
+ const [smtpFromEmail, setSmtpFromEmail] = useState('')
+ const [smtpTestEmail, setSmtpTestEmail] = useState('')
+ const [smtpLoading, setSmtpLoading] = useState(false)
+ const [smtpStatus, setSmtpStatus] = useState
+
+ + Globale Begriffe, die allen Mandanten als Journal-Vorschläge zur Verfügung stehen. + Mandanten können zusätzlich eigene Begriffe über ihre Wörterliste hinzufügen. +
+ + {/* Add new word */} +
+ setNewGlobalWord(e.target.value)}
+ onKeyDown={async (e) => {
+ if (e.key === 'Enter' && newGlobalWord.trim()) handleAdd()
+ }}
+ className="flex-1"
+ disabled={dictLoading}
+ />
+
+
+
+ {/* List of global words */}
+ {globalDictWords.length === 0 ? (
+
+ Noch keine globalen Begriffe hinterlegt.
+
+ ) : (
+
+ {globalDictWords.map((w) => (
+
+ {w.word}
+
+
+ ))}
+
+ )}
+
+ + {globalDictWords.length} globale(r) Begriff(e). Diese erscheinen bei allen Mandanten als Vorschläge im Journal. +
+
+ {/* Contact Email */}
+
+ )
+}
diff --git a/src/components/admin/soma-tab.tsx b/src/components/admin/soma-tab.tsx
new file mode 100644
index 0000000..446ea23
--- /dev/null
+++ b/src/components/admin/soma-tab.tsx
@@ -0,0 +1,147 @@
+'use client'
+
+import { useState, useEffect } from 'react'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { useToast } from '@/components/ui/use-toast'
+import { AlertTriangle, Eye, EyeOff, Trash2, Plus, Loader2, GripVertical } from 'lucide-react'
+
+interface SomaTemplate {
+ id: string
+ label: string
+ sortOrder: number
+ isActive: boolean
+}
+
+export function SomaTab() {
+ const { toast } = useToast()
+ const [somaTemplates, setSomaTemplates] = useState
+
+
+
+
+ {/* Registration Notification */}
+
+
+ E-Mail-Adresse für das Kontaktformular auf der Landing Page. Hierhin werden Anfragen gesendet.
+
+
+ setContactEmail(e.target.value)} placeholder="app@lageplan.ch" />
+
+
+
+
+
+
+ {/* SMTP Settings */}
+
+
+ E-Mail-Adresse, an die bei neuen Registrierungen eine Benachrichtigung gesendet wird. Leer lassen = keine Benachrichtigung.
+
+
+ setNotifyRegistrationEmail(e.target.value)} placeholder="admin@lageplan.ch" />
+
+
+
+
+
+
+ {/* Stripe Settings */}
+
+
+ SMTP-Server für den E-Mail-Versand konfigurieren. Empfohlen: TLS auf Port 587. Passwörter werden verschlüsselt in der Datenbank gespeichert.
+
+
+ setSmtpHost(e.target.value)} placeholder="smtp.gmail.com" />
+
+
+ setSmtpPort(e.target.value)} placeholder="587" />
+
+
+
+ setSmtpUser(e.target.value)} placeholder="user@example.com" />
+ setSmtpPass(e.target.value)} placeholder="App-Passwort oder SMTP-Passwort" />
+ setSmtpFromName(e.target.value)} placeholder="Lageplan" />
+ setSmtpFromEmail(e.target.value)} placeholder="noreply@lageplan.ch" />
+
+
+
+ {smtpStatus === 'connected' &&
+
+
+
+
+ setSmtpTestEmail(e.target.value)} placeholder="empfaenger@example.com" className="max-w-xs" />
+
+
+
+
+
+
+
+ {/* Demo Project */}
+
+
+ + Stripe API-Keys für die Spendenseite konfigurieren. Unterstützt Kreditkarte, Twint und weitere Zahlungsmethoden. + Keys findest du im Stripe Dashboard. +
+
+
+ setStripePublicKey(e.target.value)} placeholder="pk_live_..." />
+ setStripeSecretKey(e.target.value)} placeholder="sk_live_..." />
+ setStripeWebhookSecret(e.target.value)} placeholder="whsec_..." />
+
+ Webhook-Endpoint: {typeof window !== 'undefined' ? window.location.origin : ''}/api/donate/webhook
+
+
+ {stripeStatus === 'saved' &&
+
+
+
+ {/* Symbol-Grösse */}
+ + + Live-Demo auf der Startseite +
++ Wähle ein Projekt als Demo-Karte für die Landing Page. Besucher können die Karte sehen und zoomen, aber nichts bearbeiten. +
+
+
+ {demoProjectId && (
+
+
+
+
+
+ {demoStatus === 'saved' && + Vorschau: /demo +
+ )} +
+
+
+
+
+ {/* App Info */}
+
+
+ + Bestimmt die Standard-Grösse neuer Symbole auf der Karte. Kleinere Werte = kleinere Symbole. +
+
+ setDefaultSymbolScale(e.target.value)}
+ className="flex-1"
+ />
+ {defaultSymbolScale}x
+
+
+ 0.5x (klein)
+
+ 5x (gross)
+
+
+
+ {symbolScaleStatus === 'saved' &&
+
+
+
+
+
+ {/* Quick Actions */}
+
+
+
+
+ Version1.0.0
+ FrameworkNext.js 14.1
+ DatenbankPostgreSQL 16
+ Benutzer{usersCount}
+ Mandanten{tenantsCount}
+ Symbole{iconsCount}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/components/admin/suggestions-tab.tsx b/src/components/admin/suggestions-tab.tsx
new file mode 100644
index 0000000..566c80a
--- /dev/null
+++ b/src/components/admin/suggestions-tab.tsx
@@ -0,0 +1,150 @@
+'use client'
+
+import { useState, useEffect } from 'react'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { useToast } from '@/components/ui/use-toast'
+import { BookOpen, Plus, X, Download, Upload } from 'lucide-react'
+
+interface SuggestionsTabProps {
+ tenantId: string | undefined
+}
+
+export function SuggestionsTab({ tenantId }: SuggestionsTabProps) {
+ const { toast } = useToast()
+ const [journalSuggestions, setJournalSuggestions] = useState
+
+ + Definiere die Sofortmassnahmen (SOMA), die bei jedem neuen Einsatz als Checkliste erscheinen. + Bestehende Einsätze werden nicht verändert. +
+ + {somaLoading ? ( +
+
+ ) : (
+ <>
+ {/* Template list */}
+
+ {somaTemplates.length === 0 ? (
+
+
+ {/* Add new */}
+
+ Keine SOMA-Vorlagen definiert. Neue Einsätze starten ohne Checkliste.
+
+ ) : somaTemplates.map((tpl, idx) => (
+
+
+ ))}
+
+ setNewSomaLabel(e.target.value)}
+ onKeyDown={e => {
+ if (e.key === 'Enter' && newSomaLabel.trim()) {
+ e.preventDefault()
+ handleAdd()
+ }
+ }}
+ className="flex-1"
+ />
+
+
+
+ + {somaTemplates.filter(t => t.isActive).length} aktiv / {somaTemplates.length} gesamt — + Nur aktive Vorlagen erscheinen bei neuen Einsätzen. +
+ + )} +
+
+
+
+ )
+}
diff --git a/src/components/admin/symbol-manager.tsx b/src/components/admin/symbol-manager.tsx
new file mode 100644
index 0000000..506e96d
--- /dev/null
+++ b/src/components/admin/symbol-manager.tsx
@@ -0,0 +1,372 @@
+'use client'
+
+import { useState, useEffect, useCallback } from 'react'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { useToast } from '@/components/ui/use-toast'
+import {
+ ChevronDown,
+ ChevronRight,
+ Plus,
+ Pencil,
+ Trash2,
+ Search,
+ Upload,
+ Loader2,
+ X,
+ Check,
+ LayoutGrid,
+ ImageIcon,
+ Info,
+} from 'lucide-react'
+
+interface LibraryIcon {
+ id: string
+ name: string
+ mimeType: string
+ iconType: string
+ categoryId: string
+ categoryName: string
+}
+
+interface MySymbol {
+ id: string
+ iconId: string
+ name: string
+ customName: string | null
+ baseName: string
+ mimeType: string
+ iconType: string
+ categoryName: string
+ sortOrder: number
+}
+
+export function SymbolManager() {
+ const { toast } = useToast()
+ const [loading, setLoading] = useState(true)
+ const [library, setLibrary] = useState
+
+ + Häufige Begriffe und Textbausteine, die beim Erfassen von Journal-Einträgen als Vorschläge erscheinen. + Wenn der Benutzer im "Was..."-Feld tippt, werden passende Begriffe vorgeschlagen. +
+ + {/* Add new suggestion */} +
+ setNewSuggestion(e.target.value)}
+ onKeyDown={(e) => {
+ if (e.key === 'Enter' && newSuggestion.trim()) handleAdd()
+ }}
+ className="flex-1"
+ />
+
+
+
+ {/* List of suggestions */}
+ {journalSuggestions.length === 0 ? (
+
+ Noch keine Begriffe hinterlegt. Fügen Sie häufig verwendete Textbausteine hinzu,
+ z.B. "Leitung aufbauen", "Leitung abbauen", "Lüfter in Stellung", etc. +
+ ) : (
+ + z.B. "Leitung aufbauen", "Leitung abbauen", "Lüfter in Stellung", etc. +
+ {journalSuggestions.map((s, i) => (
+
+ {s}
+
+
+ ))}
+
+ )}
+
+
+
+ + {journalSuggestions.length} Begriff(e) hinterlegt. Änderungen werden automatisch gespeichert. +
+ + +
+
+ )
+ }
+
+ return (
+
+ {/* ===== MEINE SYMBOLE (always on top, prominent) ===== */}
+
+ )
+}
diff --git a/src/components/error-boundary.tsx b/src/components/error-boundary.tsx
new file mode 100644
index 0000000..fc01504
--- /dev/null
+++ b/src/components/error-boundary.tsx
@@ -0,0 +1,58 @@
+'use client'
+
+import React from 'react'
+import { AlertTriangle, RotateCcw } from 'lucide-react'
+import { Button } from '@/components/ui/button'
+
+interface ErrorBoundaryProps {
+ children: React.ReactNode
+ fallback?: React.ReactNode
+}
+
+interface ErrorBoundaryState {
+ hasError: boolean
+ error: Error | null
+}
+
+export class ErrorBoundary extends React.Component
+
+
+ {/* ===== UPLOAD HINWEIS ===== */}
+
+
+
+
+
+ {mySymbols.length === 0 ? (
+
+
+
+
+ ) : (
+ Noch keine eigenen Symbole definiert.
++ Füge Symbole aus der Bibliothek unten hinzu oder lade eigene SVGs hoch. +
+
+
+ )}
+
+ {mySymbols.map(sym => (
+
+
+
+ ))}
+
+ 
+
+
+ {/* Name / Edit */}
+ {editingId === sym.id ? (
+
+ setEditName(e.target.value)}
+ onKeyDown={e => {
+ if (e.key === 'Enter') renameSymbol(sym.id, editName)
+ if (e.key === 'Escape') { setEditingId(null); setEditName('') }
+ }}
+ className="h-6 text-[10px] px-1"
+ autoFocus
+ />
+
+
+
+ ) : (
+ { setEditingId(sym.id); setEditName(sym.name) }} + > + {sym.name} +
+ )} + + {/* Hover actions */} +
+
+
+
+
+ {/* Custom name badge */}
+ {sym.customName && (
+
+
+
+ )}
+
+
+
+ {/* ===== STANDARD-BIBLIOTHEK (collapsible) ===== */}
+
+ Tipp: Eigene Symbole am besten als SVG hochladen — diese werden in jeder Grösse scharf dargestellt.
+ PNG/JPEG sind auch möglich, können aber bei Vergrösserung unscharf werden.
+
+
+
+
+ {!libraryCollapsed && (
+
+
+ {/* Search */}
+
+ )}
+
+
+
+ {/* Categories */}
+ {Object.entries(libraryGrouped).sort(([a], [b]) => a.localeCompare(b)).map(([catName, icons]) => (
+
+
+
+ {expandedCategories.has(catName) && (
+
+ ))}
+
+ {Object.keys(libraryGrouped).length === 0 && (
+
+
+ )}
+
+ {icons.map(icon => {
+ const alreadyAdded = mySymbols.some(s => s.iconId === icon.id)
+ return (
+
+ )
+ })}
+
+
+ {librarySearch ? 'Keine Symbole gefunden.' : 'Keine Standard-Symbole vorhanden.'}
+
+ )}
+
+
+ )
+ }
+
+ return this.props.children
+ }
+}
diff --git a/src/components/journal/journal-view.tsx b/src/components/journal/journal-view.tsx
index 4fbd189..6979145 100644
--- a/src/components/journal/journal-view.tsx
+++ b/src/components/journal/journal-view.tsx
@@ -9,6 +9,7 @@ import {
AlertTriangle, ClipboardList, Loader2, Printer, Pencil, Send, FileText,
} from 'lucide-react'
import { getSocket } from '@/lib/socket'
+import { RapportDialog } from '@/components/journal/rapport-dialog'
interface JournalEntry {
id: string
@@ -86,7 +87,6 @@ export function JournalView({ projectId, projectTitle, projectLocation, einsatzl
const scrollRef = useRefEtwas ist schiefgelaufen
++ {this.state.error?.message || 'Ein unerwarteter Fehler ist aufgetreten.'} +
+ +