Dev #1
No files matched your search
@@ -1,5 +1,5 @@
|
||||
# 🧠 BRAIN.md — MindSift Internal Dev Cheat Sheet & Architecture Log
|
||||
> **Zweck:** Zentrales, technisch präzises Nachschlagewerk für Entwicklung, Design-System, Datenbank-Architektur, State-Machines und aktuellen Umsetzungsstand. Wird bei jeder Änderung aktuell gehalten.
|
||||
> **Zweck:** Zentrales, technisch präzises Nachschlagewerk für Entwicklung, Design-System, Datenbank-Architektur, State-Machines, Backend-APIs und aktuellen Umsetzungsstand. Wird bei jeder Änderung aktuell gehalten.
|
||||
|
||||
---
|
||||
|
||||
@@ -18,11 +18,29 @@
|
||||
- **Quick Dump (Standard):** Text oben eingeben + `Enter` wirft den Gedanken sofort als Quick Dump (`status: 'inbox'`) ins Triage-Deck.
|
||||
- **Direkt-Zuordnung bei der Eingabe:** Über das Auswahl-Menü (`Quick Dump ▾`) in der Eingabeleiste kann ein Eintrag alternativ direkt als **Aufgabe** (`target: 'task'`), direkt auf eine **Geteilte Liste** (`target: 'list_item'`) oder direkt als **Workspace-Notiz** (`target: 'document'`) gespeichert werden.
|
||||
- **Triage-Entscheidung & Warteschlange:** Im Triage-Deck per Swipe/Klick **Wegwerfen** (`←` / `H`), **Später** (`Leertaste` – ans Ende schieben), **Auf Liste**, **Als Notiz** (`D`), **Mit Termin** (`T`) oder **Als Aufgabe** (`→` / `L`). Inklusive Inline-Textbearbeitung und Warteschlangen-Liste unter der aktiven Karte.
|
||||
- [x] **Root-Cause Fixes für Browser-Hänger & Cross-Browser-Kompatibilität (Chrome & Firefox):**
|
||||
- **SQLite Connection-Pool Deadlock behoben (`internal/storage/sqlite.go`):** Vorher war `db.SetMaxOpenConns(1)` aktiv, während `GetAllListsForUser`, `GetListsForSpace` und `GetSpacesForUser` innerhalb von `for rows.Next()` (bei offenem Cursor!) Unterabfragen (`s.GetListItems`, `s.GetSpaceMembers`) aufriefen. Sobald eine Liste existierte, blockierte die einzige DB-Verbindung dauerhaft und alle nachfolgenden Requests (`POST /api/v1/inbox` etc.) hingen bis zum 15-Minuten-TCP-Timeout. Jetzt werden alle `rows` strikt vor jeder Unterabfrage geschlossen (`rows.Close()`), WAL-Pragmas + `busy_timeout(10000)` per DSN übergeben und `MaxOpenConns(8)` gesetzt.
|
||||
- **Stale JWT User-Auflösung (`internal/api/server.go`):** Wenn nach einem Container-Neustart eine neue SQLite-DB initialisiert wird, löst `authMiddleware` alte Browser-Tokens automatisch auf `EnsureDefaultUser()` (mit `sync.Mutex` gegen Race-Conditions) auf.
|
||||
- **Service-Worker & Cache-Busting (`frontend/public/sw.js`, `frontend/index.html`, `internal/api/server.go`):** Kein Caching veralteter Bundles in Firefox/Chrome; `Cache-Control: no-store` auf allen `/api/*`-Routen und `index.html`.
|
||||
- **Optimistisches Input-Clearing & Request-Timeout (`frontend/src/lib/api.ts`, `InstantCaptureBar.tsx`):** Eingabefeld leert sich sofort (<10ms) bei `Enter`, alle Fetch-Calls haben einen 8-Sekunden-`AbortController`-Timeout.
|
||||
- [x] **Mehrere Aufgabenlisten & Kanban-Board (`TasksView.tsx`, `models.go`, `sqlite.go`):**
|
||||
- Beliebig viele Aufgabenlisten (z.B. Privat, Arbeit, Homelab) mit eigenem Farb- und Icon-Code.
|
||||
- Teilen von Aufgabenlisten mit Teams/Spaces.
|
||||
- Umschalter zwischen kompakter Listenansicht und 3-Spalten-Kanban-Board (`Zu erledigen`, `In Arbeit`, `Erledigt`) mit 1-Klick-Statuswechsel, Fälligkeitsdaten und Notizfeldern.
|
||||
- [x] **Benutzer- & Rollensteuerung + Admin-Panel (`SettingsModal.tsx`, `server.go`, `sqlite.go`):**
|
||||
- Benutzerrollen: `admin` und `member`.
|
||||
- Admin-Verwaltungsbereich zur Erstellung von Accounts, Rollenwechsel, Deaktivierung und Passwort-Reset.
|
||||
- Server-weite Sharing-Isolations-Modi: `open` (alle finden sich), `teams_only` (nur innerhalb von Teams/Organisationen sichtbar) und `strict_private` (kein Teilen).
|
||||
- Organisationen & Teams zur Strukturierung von Benutzergruppen.
|
||||
- [x] **Workspace Markdown-Wiki mit Notion-/Word-Toolbar & Disk-Sync (`WorkspaceView.tsx`, `sqlite.go`):**
|
||||
- Word-/Notion-artige Formatierungsleiste oben (Fett, Kursiv, Durchgestrichen, Code, Links, Überschriften H1-H3, Checklisten, Aufzählungen, Callouts, Markdown-Tabellen, Fortschrittsbalken).
|
||||
- Interne Wiki-Links (`[[Dokumenttitel]]`) mit Klick-Navigation und Auto-Erkennung.
|
||||
- Physische Speicherung auf Festplatte unter `/data/workspace/<user_id>/...` als Standard-`.md`-Dateien zur einfachen Daten-Extraktion, synchronisiert mit SQLite.
|
||||
- [x] **Webhooks, Alarm-Scheduler & Discord-Integration (`SettingsModal.tsx`, `server.go`):**
|
||||
- "Webhooks & Export" aus dem Header in das Benutzereinstellungen-Modal verlagert.
|
||||
- Eigene API-Tokens mit curl-Beispielen für Skripte und externe Alarme.
|
||||
- Hintergrund-Goroutine im Backend prüft fällige Aufgaben und sendet rechtzeitig (z.B. 15, 30 oder 60 Min. vor Fälligkeit) formatierte Discord-Embeds via Webhook.
|
||||
- Vollständiger JSON-DB-Export auf Knopfdruck.
|
||||
- [x] **Cross-Browser & Performance Fixes (Chrome & Firefox):**
|
||||
- SQLite Connection-Pool Deadlock durch striktes Schließen von `sql.Rows` vor Unterabfragen behoben.
|
||||
- Stale Token Auto-Resolution via `EnsureDefaultUser()`.
|
||||
- `Cache-Control: no-store` auf allen API-Routen und `index.html`.
|
||||
- Optimistisches Leeren des Capture-Inputs und 8-Sekunden-Fetch-Timeout.
|
||||
|
||||
---
|
||||
|
||||
@@ -66,7 +84,58 @@ Alle Farben, Abstände und Radien werden zentral in [`frontend/src/index.css`](f
|
||||
|
||||
---
|
||||
|
||||
## ⚙️ 2. State-Machine: Quick Dump, Direkt-Zuordnung & Triage
|
||||
## 🗄️ 2. Datenbank-Architektur (SQLite Schema & Tabellen)
|
||||
|
||||
MindSift speichert alle Daten lokal und hochperformant in SQLite (`/data/mindsift.db`).
|
||||
|
||||
### Tabellen-Übersicht
|
||||
|
||||
1. **`users`**
|
||||
- `id TEXT PRIMARY KEY`, `email TEXT UNIQUE`, `password_hash TEXT`, `display_name TEXT`
|
||||
- `role TEXT DEFAULT 'member'` (`'admin'` | `'member'`)
|
||||
- `is_active INTEGER DEFAULT 1`
|
||||
- `discord_webhook_url TEXT DEFAULT ''`
|
||||
- `notify_before_minutes INTEGER DEFAULT 15`
|
||||
- `created_at DATETIME`, `updated_at DATETIME`
|
||||
|
||||
2. **`thoughts` (Quick Dumps, Triage & Aufgaben)**
|
||||
- `id TEXT PRIMARY KEY`, `user_id TEXT`, `content TEXT`, `source TEXT`, `priority TEXT`
|
||||
- `status TEXT` (`'inbox'` | `'converted'` | `'discarded'`)
|
||||
- `converted_type TEXT` (`'task'` | `'document'` | `'list_item'`)
|
||||
- `converted_ref_id TEXT` (Referenz auf Document oder ListItem)
|
||||
- `task_list_id TEXT` (FK auf `task_lists.id`)
|
||||
- `kanban_status TEXT DEFAULT 'todo'` (`'todo'` | `'in_progress'` | `'done'`)
|
||||
- `notes TEXT DEFAULT ''` (zusätzliche Aufgabenbeschreibung/Notizen)
|
||||
- `due_date DATETIME` (Fälligkeitsdatum)
|
||||
- `alarm_sent INTEGER DEFAULT 0` (Flag für Discord-Benachrichtigung)
|
||||
- `created_at DATETIME`, `updated_at DATETIME`
|
||||
|
||||
3. **`task_lists` (Mehrere Aufgabenlisten)**
|
||||
- `id TEXT PRIMARY KEY`, `user_id TEXT`, `space_id TEXT` (optional für Team-Sharing)
|
||||
- `name TEXT NOT NULL`, `color TEXT DEFAULT '#2563eb'`, `icon TEXT DEFAULT 'list'`
|
||||
- `is_default INTEGER DEFAULT 0`, `created_at DATETIME`, `updated_at DATETIME`
|
||||
|
||||
4. **`organizations` & `teams` & `team_members`**
|
||||
- `organizations`: `id TEXT PRIMARY KEY`, `name TEXT`, `owner_id TEXT`, `created_at DATETIME`, `updated_at DATETIME`
|
||||
- `teams`: `id TEXT PRIMARY KEY`, `organization_id TEXT`, `name TEXT`, `created_at DATETIME`
|
||||
- `team_members`: `team_id TEXT`, `user_id TEXT`, `role TEXT DEFAULT 'member'`, `joined_at DATETIME`, `PRIMARY KEY (team_id, user_id)`
|
||||
|
||||
5. **`system_settings` (Admin-Konfiguration)**
|
||||
- `key TEXT PRIMARY KEY`, `value TEXT`, `updated_at DATETIME`
|
||||
- Wichtige Schlüssel:
|
||||
- `sharing_isolation_mode`: `'open'` | `'teams_only'` | `'strict_private'`
|
||||
- `allow_public_registration`: `'true'` | `'false'`
|
||||
|
||||
6. **`documents` & `document_blocks` (Workspace & Disk Sync)**
|
||||
- `documents`: `id TEXT PRIMARY KEY`, `user_id TEXT`, `space_id TEXT`, `title TEXT`, `folder_path TEXT DEFAULT '/'`, `is_archived INTEGER`, `created_at DATETIME`, `updated_at DATETIME`
|
||||
- `document_blocks`: `id TEXT PRIMARY KEY`, `document_id TEXT`, `block_type TEXT` (`paragraph`, `heading1`, `heading2`, `heading3`, `todo`, `bullet`, `callout`, `code`, `table`, `progress`), `content TEXT`, `order_index INTEGER`, `metadata TEXT`, `updated_at DATETIME`
|
||||
|
||||
7. **`spaces`, `space_members`, `shared_lists`, `list_items`, `api_keys`**
|
||||
- Verwaltung geteilter Einkaufs-/Checklisten und privater Ingestion-Keys.
|
||||
|
||||
---
|
||||
|
||||
## ⚙️ 3. State-Machine: Quick Dump, Direkt-Zuordnung & Triage
|
||||
|
||||
```
|
||||
[ HEADER QUICK-CAPTURE BAR ]
|
||||
@@ -87,19 +156,66 @@ Alle Farben, Abstände und Radien werden zentral in [`frontend/src/index.css`](f
|
||||
```
|
||||
|
||||
### API-Endpunkt für Capture (`POST /api/v1/inbox`)
|
||||
Akzeptiert neben `content`, `priority`, `source`, `dueDate` auch direkt:
|
||||
- `target`: `'inbox'` (Standard Quick Dump) | `'task'` | `'list_item'` | `'document'`
|
||||
Akzeptiert:
|
||||
- `content`: Fließtext des Gedankens
|
||||
- `priority`: `'low'` | `'medium'` | `'high'`
|
||||
- `target`: `'inbox'` (Standard) | `'task'` | `'list_item'` | `'document'`
|
||||
- `taskListId`: ID der Aufgabenliste (wenn `target === 'task'`)
|
||||
- `targetListId`: ID der Zielliste (wenn `target === 'list_item'`)
|
||||
- `dueDate`: Optionales ISO-Datum
|
||||
|
||||
---
|
||||
|
||||
## 🛡️ 3. Kritische Backend-Regeln (SQLite & HTTP)
|
||||
## 🔔 4. Discord-Alarm-Scheduler & Webhook-Architektur
|
||||
|
||||
1. **Hintergrund-Ticker im Go-Backend (`internal/api/server.go`):**
|
||||
- Ein Hintergrund-Goroutine-Ticker läuft alle 60 Sekunden.
|
||||
- Fragt `GetDueTasksForAlarm()` ab: Sucht nach offenen Aufgaben (`status = 'converted'`, `converted_type = 'task'`, `kanban_status != 'done'`), deren `due_date` in der Vorwarnzeit liegt (`due_date <= now + notifyBeforeMinutes`) und bei denen `alarm_sent == 0` ist.
|
||||
- Sendet ein JSON-Embed an die in den Benutzer-Einstellungen hinterlegte `discord_webhook_url`:
|
||||
```json
|
||||
{
|
||||
"username": "MindSift Reminder",
|
||||
"embeds": [{
|
||||
"title": "⏰ Aufgabe fällig: <Titel>",
|
||||
"description": "<Notizen>",
|
||||
"color": 2450411,
|
||||
"fields": [
|
||||
{"name": "Fällig am", "value": "<Datum>", "inline": true},
|
||||
{"name": "Priorität", "value": "<Prio>", "inline": true}
|
||||
]
|
||||
}]
|
||||
}
|
||||
```
|
||||
- Markiert den Gedanken in SQLite mit `MarkTaskAlarmSent(taskID)` als benachrichtigt.
|
||||
|
||||
2. **Eingehende Webhooks / Private API-Tokens:**
|
||||
- Erreichbar unter `POST /api/v1/inbox` mit Header `X-API-Key: ms_...`.
|
||||
- Ermöglicht direkte Einbindung in Shell-Skripte, Crons oder Drittsysteme via `curl`.
|
||||
|
||||
---
|
||||
|
||||
## 📝 5. Workspace: Word/Notion-Toolbar, Wiki-Links & Disk-Sync
|
||||
|
||||
1. **Formatierungs-Werkzeuge:**
|
||||
- Markdown-Syntax wird in Echtzeit formatiert und visuell aufbereitet.
|
||||
- Buttons für H1, H2, H3, Fett (`**`), Kursiv (`*`), Durchgestrichen (`~~`), Code-Blöcke (```` ``` ````), Aufzählungen (`- `), Todos (`- [ ] `), Callouts (`> `), Markdown-Tabellen (`| Spalte 1 | Spalte 2 |`) und Fortschrittsbalken (`[progress:65%]`).
|
||||
2. **Wiki-Links (`[[Dokumenttitel]]`):**
|
||||
- Interne Querverweise werden als interaktive Links gerendert.
|
||||
- Ein Klick auf `[[Dokumenttitel]]` durchsucht die Workspace-Dokumente und öffnet das verlinkte Dokument direkt im Editor.
|
||||
3. **Physische Speicherung auf Festplatte:**
|
||||
- Jede Notiz wird zusätzlich zur SQLite-Tabelle als reine `.md`-Datei unter `/data/workspace/<user_id>/<folder_path>/<slug>.md` gespeichert.
|
||||
- Ermöglicht jederzeitige manuelle Datensicherung, Git-Versionierung oder Backup-Extraktion ohne Datenbank-Abhängigkeit.
|
||||
|
||||
---
|
||||
|
||||
## 🛡️ 6. Kritische Backend-Regeln (SQLite & HTTP)
|
||||
|
||||
1. **NIEMALS verschachtelte Queries bei offenem `sql.Rows`-Cursor ausführen:**
|
||||
- In [`internal/storage/sqlite.go`](file:///home/sandro/Dokumente/git/MindSift/internal/storage/sqlite.go) muss jede Schleife `for rows.Next()` zuerst alle Zeilen in ein Slice einlesen und sofort `_ = rows.Close()` aufrufen, **bevor** Folgeabfragen (`GetListItems`, `GetSpaceMembers`, `QueryRow` etc.) ausgeführt werden.
|
||||
2. **SQLite DSN-Pragmas:**
|
||||
- Jede Verbindung im `sql.DB`-Pool erhält über den DSN automatisch:
|
||||
`?_pragma=busy_timeout(10000)&_pragma=journal_mode(WAL)&_pragma=synchronous(NORMAL)&_pragma=foreign_keys(1)`
|
||||
- `MaxOpenConns(8)` und `MaxIdleConns(4)` konfiguriert.
|
||||
3. **Thread-Safe Default User (`EnsureDefaultUser`):**
|
||||
- Durch `s.initMu.Lock()` abgesichert, damit parallele Browser-Requests beim ersten Laden niemals in einen `UNIQUE constraint`-Konflikt laufen.
|
||||
4. **Kein Browser-Caching auf API & `index.html`:**
|
||||
@@ -107,7 +223,7 @@ Akzeptiert neben `content`, `priority`, `source`, `dueDate` auch direkt:
|
||||
|
||||
---
|
||||
|
||||
## 📡 4. WebSocket Realtime Protocol (Geteilte Listen)
|
||||
## 📡 7. WebSocket Realtime Protocol (Geteilte Listen)
|
||||
|
||||
Verbindungs-URL: `ws(s)://<host>/api/v1/ws/spaces/:spaceId?token=<jwt>`
|
||||
|
||||
@@ -120,7 +236,7 @@ Verbindungs-URL: `ws(s)://<host>/api/v1/ws/spaces/:spaceId?token=<jwt>`
|
||||
|
||||
---
|
||||
|
||||
## ⌨️ 5. Tastatur-Shortcuts (Desktop)
|
||||
## ⌨️ 8. Tastatur-Shortcuts (Desktop)
|
||||
|
||||
| Taste | Kontext | Aktion |
|
||||
| :--- | :--- | :--- |
|
||||
@@ -135,7 +251,7 @@ Verbindungs-URL: `ws(s)://<host>/api/v1/ws/spaces/:spaceId?token=<jwt>`
|
||||
|
||||
---
|
||||
|
||||
## 🚀 6. Gitea CI/CD & Docker Workflow
|
||||
## 🚀 9. Gitea CI/CD & Docker Workflow
|
||||
|
||||
- **Arbeits-Branch:** `dev` (`origin/dev`)
|
||||
- **Ziel-Image:** `git.dsit.me/sandrodach/mindsift:dev`
|
||||
|
||||
+11
-172
@@ -4,14 +4,7 @@ import {
|
||||
CheckSquare,
|
||||
FileText,
|
||||
ShoppingCart,
|
||||
Webhook,
|
||||
Brain,
|
||||
LogOut,
|
||||
User as UserIcon,
|
||||
Bell,
|
||||
Shield,
|
||||
ChevronRight,
|
||||
Sparkles,
|
||||
} from 'lucide-react';
|
||||
import { DashboardStats, SharedList, Thought, User } from './lib/types';
|
||||
import { api, clearToken, getToken, triggerHaptic } from './lib/api';
|
||||
@@ -20,9 +13,9 @@ import { TriageDeck } from './features/triage/TriageDeck';
|
||||
import { TasksView } from './features/triage/TasksView';
|
||||
import { WorkspaceView } from './features/workspace/WorkspaceView';
|
||||
import { SharedListsView } from './features/lists/SharedListsView';
|
||||
import { EcosystemView } from './features/settings/EcosystemView';
|
||||
import { SettingsModal } from './features/settings/SettingsModal';
|
||||
|
||||
type ActiveTab = 'triage' | 'tasks' | 'workspace' | 'lists' | 'ecosystem';
|
||||
type ActiveTab = 'triage' | 'tasks' | 'workspace' | 'lists';
|
||||
|
||||
export const App: React.FC = () => {
|
||||
const [user, setUser] = useState<User | null>(null);
|
||||
@@ -41,14 +34,7 @@ export const App: React.FC = () => {
|
||||
const [captureFocusCount, setCaptureFocusCount] = useState(0);
|
||||
const [refreshRevision, setRefreshRevision] = useState(0);
|
||||
|
||||
// Profile & Auth Modal State (aligned with Template Screen 2)
|
||||
const [showProfileModal, setShowProfileModal] = useState(false);
|
||||
const [authMode, setAuthMode] = useState<'login' | 'register'>('login');
|
||||
const [email, setEmail] = useState('');
|
||||
const [password, setPassword] = useState('');
|
||||
const [displayName, setDisplayName] = useState('');
|
||||
const [authError, setAuthError] = useState('');
|
||||
const [notificationsEnabled, setNotificationsEnabled] = useState(true);
|
||||
|
||||
const refreshAll = async () => {
|
||||
try {
|
||||
@@ -129,26 +115,6 @@ export const App: React.FC = () => {
|
||||
setCaptureFocusCount((c) => c + 1);
|
||||
};
|
||||
|
||||
const handleAuthSubmit = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
setAuthError('');
|
||||
triggerHaptic(15);
|
||||
try {
|
||||
if (authMode === 'login') {
|
||||
await api.login(email, password);
|
||||
} else {
|
||||
await api.register(email, password, displayName);
|
||||
}
|
||||
setShowProfileModal(false);
|
||||
setEmail('');
|
||||
setPassword('');
|
||||
setDisplayName('');
|
||||
await refreshAll();
|
||||
} catch (err: any) {
|
||||
setAuthError(err.message || 'Authentifizierung fehlgeschlagen');
|
||||
}
|
||||
};
|
||||
|
||||
const handleLogout = async () => {
|
||||
triggerHaptic(20);
|
||||
clearToken();
|
||||
@@ -270,16 +236,6 @@ export const App: React.FC = () => {
|
||||
<span>Geteilte Listen</span>
|
||||
</button>
|
||||
|
||||
<button
|
||||
onClick={() => {
|
||||
triggerHaptic(10);
|
||||
setActiveTab('ecosystem');
|
||||
}}
|
||||
className={`tab-btn ${activeTab === 'ecosystem' ? 'tab-btn-active' : ''}`}
|
||||
>
|
||||
<Webhook className="w-4 h-4" />
|
||||
<span>Webhooks & Export</span>
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
@@ -316,137 +272,20 @@ export const App: React.FC = () => {
|
||||
{activeTab === 'lists' && (
|
||||
<SharedListsView onRefreshGlobal={refreshAll} />
|
||||
)}
|
||||
|
||||
{activeTab === 'ecosystem' && (
|
||||
<EcosystemView onIngested={refreshAll} />
|
||||
)}
|
||||
</section>
|
||||
</main>
|
||||
|
||||
{/* Profile & Settings Modal styled identically to Template Screen 2 */}
|
||||
{/* Profile, Settings, Discord Alarms, Webhooks, Teams & Admin Modal */}
|
||||
{showProfileModal && (
|
||||
<div className="fixed inset-0 z-50 bg-black/70 backdrop-blur-sm flex items-center justify-center p-4">
|
||||
<div className="w-full max-w-sm bg-[#222428] border border-white/[0.08] shadow-2xl p-4 overflow-hidden">
|
||||
{/* Screen 2: Top Profile Card */}
|
||||
<div className="flex flex-col items-center text-center mb-4">
|
||||
<div className="w-20 h-20 rounded-full bg-[#1d8cf8] text-white text-2xl font-bold flex items-center justify-center shadow-lg mb-3 ring-4 ring-white/[0.05]">
|
||||
{user?.displayName ? user.displayName.slice(0, 1).toUpperCase() : 'U'}
|
||||
</div>
|
||||
<h2 className="text-xl font-bold text-white tracking-tight">
|
||||
{user?.displayName || 'Standard Benutzer'}
|
||||
</h2>
|
||||
<p className="text-xs text-zinc-400 mt-0.5">
|
||||
{user?.email || 'lokal@mindsift.local'}
|
||||
</p>
|
||||
|
||||
{/* Template Screen 2: Blue Pill Edit Button */}
|
||||
<button
|
||||
onClick={() => setAuthMode(authMode === 'login' ? 'register' : 'login')}
|
||||
className="mt-3 px-5 py-1.5 rounded-full bg-[#1d8cf8] hover:bg-[#167ad6] text-white text-xs font-semibold shadow-sm transition-all"
|
||||
>
|
||||
{authMode === 'login' ? 'Konto wechseln' : 'Neues Konto anlegen'}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{/* Settings Sections */}
|
||||
<div className="space-y-2 mb-3">
|
||||
{/* Notification toggle */}
|
||||
<div className="p-2.5 bg-[#16171a] border border-white/[0.06] flex items-center justify-between">
|
||||
<div className="flex items-center gap-2.5">
|
||||
<div className="w-7 h-7 bg-[#1d8cf8]/20 text-[#1d8cf8] flex items-center justify-center">
|
||||
<Bell className="w-3.5 h-3.5" />
|
||||
</div>
|
||||
<span className="text-xs font-medium text-white">Benachrichtigungen</span>
|
||||
</div>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setNotificationsEnabled(!notificationsEnabled)}
|
||||
className={`w-10 h-5 rounded-full transition-colors relative p-0.5 ${
|
||||
notificationsEnabled ? 'bg-[#1d8cf8]' : 'bg-zinc-600'
|
||||
}`}
|
||||
>
|
||||
<div
|
||||
className={`w-4 h-4 rounded-full bg-white transition-transform ${
|
||||
notificationsEnabled ? 'translate-x-5' : 'translate-x-0'
|
||||
}`}
|
||||
<SettingsModal
|
||||
currentUser={user}
|
||||
onClose={() => setShowProfileModal(false)}
|
||||
onUserUpdated={(u) => {
|
||||
setUser(u);
|
||||
refreshAll();
|
||||
}}
|
||||
onLoggedOut={handleLogout}
|
||||
/>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{/* Security info */}
|
||||
<div className="p-2.5 bg-[#16171a] border border-white/[0.06] flex items-center justify-between">
|
||||
<div className="flex items-center gap-2.5">
|
||||
<div className="w-7 h-7 bg-[#1d8cf8]/20 text-[#1d8cf8] flex items-center justify-center">
|
||||
<Shield className="w-3.5 h-3.5" />
|
||||
</div>
|
||||
<div>
|
||||
<span className="text-xs font-medium text-white block">Sicherheit</span>
|
||||
<span className="text-[10px] text-zinc-400">Lokale SQLite Verschlüsselung</span>
|
||||
</div>
|
||||
</div>
|
||||
<ChevronRight className="w-4 h-4 text-zinc-500" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Auth Switcher Form if switching accounts */}
|
||||
<form onSubmit={handleAuthSubmit} className="space-y-2 mb-3">
|
||||
{authMode === 'register' && (
|
||||
<input
|
||||
type="text"
|
||||
value={displayName}
|
||||
onChange={(e) => setDisplayName(e.target.value)}
|
||||
placeholder="Anzeigename"
|
||||
className="w-full h-8 px-2.5 bg-[#16171a] text-xs text-white placeholder-zinc-500 border border-white/[0.08] focus:border-[#1d8cf8] focus:outline-none"
|
||||
required
|
||||
/>
|
||||
)}
|
||||
<input
|
||||
type="email"
|
||||
value={email}
|
||||
onChange={(e) => setEmail(e.target.value)}
|
||||
placeholder="E-Mail"
|
||||
className="w-full h-8 px-2.5 bg-[#16171a] text-xs text-white placeholder-zinc-500 border border-white/[0.08] focus:border-[#1d8cf8] focus:outline-none"
|
||||
required
|
||||
/>
|
||||
<input
|
||||
type="password"
|
||||
value={password}
|
||||
onChange={(e) => setPassword(e.target.value)}
|
||||
placeholder="Passwort"
|
||||
className="w-full h-8 px-2.5 bg-[#16171a] text-xs text-white placeholder-zinc-500 border border-white/[0.08] focus:border-[#1d8cf8] focus:outline-none"
|
||||
required
|
||||
/>
|
||||
|
||||
{authError && <p className="text-xs text-red-400 px-1">{authError}</p>}
|
||||
|
||||
<button
|
||||
type="submit"
|
||||
className="w-full h-8 rounded-full bg-[#1d8cf8] hover:bg-[#167ad6] text-white font-medium text-xs transition-colors shadow-sm"
|
||||
>
|
||||
{authMode === 'login' ? 'Anmelden' : 'Registrieren'}
|
||||
</button>
|
||||
</form>
|
||||
|
||||
{/* Log Out Row matching Template Screen 2 */}
|
||||
<div className="pt-2 border-t border-white/[0.06] flex items-center justify-between">
|
||||
<button
|
||||
type="button"
|
||||
onClick={handleLogout}
|
||||
className="text-xs text-[#ef4444] hover:underline flex items-center gap-1.5 font-medium py-1"
|
||||
>
|
||||
<LogOut className="w-3.5 h-3.5" />
|
||||
<span>Abmelden</span>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setShowProfileModal(false)}
|
||||
className="px-4 py-1.5 rounded-full bg-[#282a2f] hover:bg-[#32353a] text-xs text-zinc-300 font-medium transition-colors"
|
||||
>
|
||||
Fertig
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
|
||||
@@ -0,0 +1,953 @@
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import {
|
||||
X,
|
||||
User as UserIcon,
|
||||
Shield,
|
||||
Bell,
|
||||
Key,
|
||||
Users,
|
||||
Settings as SettingsIcon,
|
||||
Plus,
|
||||
Trash2,
|
||||
Check,
|
||||
Copy,
|
||||
RefreshCw,
|
||||
LogOut,
|
||||
Terminal,
|
||||
Download,
|
||||
AlertTriangle,
|
||||
Lock,
|
||||
Share2,
|
||||
} from 'lucide-react';
|
||||
import { APIKey, Organization, SystemSettings, Team, User } from '../../lib/types';
|
||||
import { api, clearToken, getToken, triggerHaptic } from '../../lib/api';
|
||||
|
||||
interface SettingsModalProps {
|
||||
currentUser: User | null;
|
||||
onClose: () => void;
|
||||
onUserUpdated: (u: User) => void;
|
||||
onLoggedOut: () => void;
|
||||
}
|
||||
|
||||
type SettingsTab = 'profile' | 'alarms' | 'webhooks' | 'teams' | 'admin';
|
||||
|
||||
export const SettingsModal: React.FC<SettingsModalProps> = ({
|
||||
currentUser,
|
||||
onClose,
|
||||
onUserUpdated,
|
||||
onLoggedOut,
|
||||
}) => {
|
||||
const [activeTab, setActiveTab] = useState<SettingsTab>('profile');
|
||||
|
||||
// --- Profile State ---
|
||||
const [displayName, setDisplayName] = useState(currentUser?.displayName || '');
|
||||
const [email, setEmail] = useState(currentUser?.email || '');
|
||||
const [newPassword, setNewPassword] = useState('');
|
||||
const [profileMsg, setProfileMsg] = useState<{ type: 'ok' | 'err'; text: string } | null>(null);
|
||||
|
||||
// --- Alarms / Discord State ---
|
||||
const [discordWebhookUrl, setDiscordWebhookUrl] = useState(currentUser?.discordWebhookUrl || '');
|
||||
const [notifyBeforeMinutes, setNotifyBeforeMinutes] = useState(currentUser?.notifyBeforeMinutes || 30);
|
||||
const [alarmMsg, setAlarmMsg] = useState<{ type: 'ok' | 'err'; text: string } | null>(null);
|
||||
const [testingDiscord, setTestingDiscord] = useState(false);
|
||||
|
||||
// --- Webhooks / API Keys State ---
|
||||
const [apiKeys, setApiKeys] = useState<APIKey[]>([]);
|
||||
const [newKeyName, setNewKeyName] = useState('');
|
||||
const [newlyCreatedKey, setNewlyCreatedKey] = useState<string | null>(null);
|
||||
const [copiedKey, setCopiedKey] = useState(false);
|
||||
|
||||
// --- Organizations & Teams State ---
|
||||
const [orgs, setOrgs] = useState<Organization[]>([]);
|
||||
const [teams, setTeams] = useState<Team[]>([]);
|
||||
const [newOrgName, setNewOrgName] = useState('');
|
||||
const [selectedOrgId, setSelectedOrgId] = useState('');
|
||||
const [newTeamName, setNewTeamName] = useState('');
|
||||
const [newTeamDesc, setNewTeamDesc] = useState('');
|
||||
|
||||
// --- Admin State ---
|
||||
const [adminUsers, setAdminUsers] = useState<User[]>([]);
|
||||
const [systemSettings, setSystemSettings] = useState<SystemSettings>({
|
||||
sharingMode: 'teams_only',
|
||||
allowRegistration: true,
|
||||
instanceName: 'MindSift',
|
||||
});
|
||||
const [newAdminUserEmail, setNewAdminUserEmail] = useState('');
|
||||
const [newAdminUserPassword, setNewAdminUserPassword] = useState('');
|
||||
const [newAdminUserDisplayName, setNewAdminUserDisplayName] = useState('');
|
||||
const [newAdminUserRole, setNewAdminUserRole] = useState<'member' | 'admin'>('member');
|
||||
const [resetPwdUserId, setResetPwdUserId] = useState<string | null>(null);
|
||||
const [resetPwdVal, setResetPwdVal] = useState('');
|
||||
|
||||
useEffect(() => {
|
||||
loadKeys();
|
||||
loadOrgsAndTeams();
|
||||
if (currentUser?.role === 'admin') {
|
||||
loadAdminData();
|
||||
}
|
||||
}, []);
|
||||
|
||||
const loadKeys = async () => {
|
||||
try {
|
||||
const keys = await api.getAPIKeys();
|
||||
setApiKeys(keys);
|
||||
} catch {
|
||||
// ignore
|
||||
}
|
||||
};
|
||||
|
||||
const loadOrgsAndTeams = async () => {
|
||||
try {
|
||||
const [o, t] = await Promise.all([api.getOrganizations(), api.getUserTeams()]);
|
||||
setOrgs(o);
|
||||
setTeams(t);
|
||||
if (o.length > 0 && !selectedOrgId) {
|
||||
setSelectedOrgId(o[0].id);
|
||||
}
|
||||
} catch {
|
||||
// ignore
|
||||
}
|
||||
};
|
||||
|
||||
const loadAdminData = async () => {
|
||||
try {
|
||||
const [u, s] = await Promise.all([api.adminGetUsers(), api.adminGetSettings()]);
|
||||
setAdminUsers(u);
|
||||
setSystemSettings(s);
|
||||
} catch {
|
||||
// ignore
|
||||
}
|
||||
};
|
||||
|
||||
// --- Profile Handlers ---
|
||||
const handleSaveProfile = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
setProfileMsg(null);
|
||||
try {
|
||||
const patch: any = { displayName, email };
|
||||
if (newPassword.trim()) {
|
||||
patch.password = newPassword.trim();
|
||||
}
|
||||
const updated = await api.updateSettings(patch);
|
||||
onUserUpdated(updated);
|
||||
setNewPassword('');
|
||||
setProfileMsg({ type: 'ok', text: 'Profil erfolgreich gespeichert.' });
|
||||
} catch (err: any) {
|
||||
setProfileMsg({ type: 'err', text: err.message || 'Fehler beim Speichern' });
|
||||
}
|
||||
};
|
||||
|
||||
// --- Alarms Handlers ---
|
||||
const handleSaveAlarms = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
setAlarmMsg(null);
|
||||
try {
|
||||
const updated = await api.updateSettings({
|
||||
discordWebhookUrl: discordWebhookUrl.trim(),
|
||||
notifyBeforeMinutes: Number(notifyBeforeMinutes),
|
||||
});
|
||||
onUserUpdated(updated);
|
||||
setAlarmMsg({ type: 'ok', text: 'Discord Alarm-Einstellungen gespeichert.' });
|
||||
} catch (err: any) {
|
||||
setAlarmMsg({ type: 'err', text: err.message || 'Fehler beim Speichern' });
|
||||
}
|
||||
};
|
||||
|
||||
const handleTestDiscordWebhook = async () => {
|
||||
if (!discordWebhookUrl.trim()) {
|
||||
setAlarmMsg({ type: 'err', text: 'Bitte zuerst eine Discord Webhook URL eingeben.' });
|
||||
return;
|
||||
}
|
||||
setTestingDiscord(true);
|
||||
setAlarmMsg(null);
|
||||
try {
|
||||
const res = await fetch(discordWebhookUrl.trim(), {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({
|
||||
content: '🔔 **MindSift Test-Alarm**: Verbindung zu Discord erfolgreich hergestellt!',
|
||||
embeds: [
|
||||
{
|
||||
title: 'MindSift Aufgaben-Alarm eingerichtet',
|
||||
description: 'Du erhältst hier Benachrichtigungen, wenn Aufgaben fällig werden.',
|
||||
color: 3066993,
|
||||
footer: { text: 'MindSift System Test' },
|
||||
},
|
||||
],
|
||||
}),
|
||||
});
|
||||
if (!res.ok) {
|
||||
throw new Error(`Discord antwortete mit Status ${res.status}`);
|
||||
}
|
||||
setAlarmMsg({ type: 'ok', text: '✅ Test-Nachricht erfolgreich an Discord gesendet!' });
|
||||
} catch (err: any) {
|
||||
setAlarmMsg({ type: 'err', text: `Fehler: ${err.message}` });
|
||||
} finally {
|
||||
setTestingDiscord(false);
|
||||
}
|
||||
};
|
||||
|
||||
// --- Webhook / Key Handlers ---
|
||||
const handleCreateAPIKey = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
triggerHaptic(15);
|
||||
try {
|
||||
const created = await api.createAPIKey(newKeyName.trim() || 'Home Assistant / Script');
|
||||
if (created.rawKey) {
|
||||
setNewlyCreatedKey(created.rawKey);
|
||||
}
|
||||
setNewKeyName('');
|
||||
loadKeys();
|
||||
} catch (err: any) {
|
||||
alert(err.message);
|
||||
}
|
||||
};
|
||||
|
||||
const handleDeleteAPIKey = async (id: string) => {
|
||||
if (!window.confirm('Schlüssel widerrufen?')) return;
|
||||
await api.deleteAPIKey(id);
|
||||
loadKeys();
|
||||
};
|
||||
|
||||
const handleCopy = (text: string) => {
|
||||
navigator.clipboard.writeText(text);
|
||||
setCopiedKey(true);
|
||||
setTimeout(() => setCopiedKey(false), 2000);
|
||||
};
|
||||
|
||||
const handleExportData = async () => {
|
||||
const data = await api.exportAll();
|
||||
const blob = new Blob([JSON.stringify(data, null, 2)], {
|
||||
type: 'application/json;charset=utf-8',
|
||||
});
|
||||
const url = URL.createObjectURL(blob);
|
||||
const a = document.createElement('a');
|
||||
a.href = url;
|
||||
a.download = `mindsift-backup-${new Date().toISOString().slice(0, 10)}.json`;
|
||||
a.click();
|
||||
URL.revokeObjectURL(url);
|
||||
};
|
||||
|
||||
// --- Orgs & Teams Handlers ---
|
||||
const handleCreateOrg = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
if (!newOrgName.trim()) return;
|
||||
try {
|
||||
const created = await api.createOrganization(newOrgName.trim());
|
||||
setOrgs((prev) => [...prev, created]);
|
||||
setSelectedOrgId(created.id);
|
||||
setNewOrgName('');
|
||||
} catch (err: any) {
|
||||
alert(err.message);
|
||||
}
|
||||
};
|
||||
|
||||
const handleCreateTeam = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
if (!selectedOrgId || !newTeamName.trim()) return;
|
||||
try {
|
||||
const created = await api.createOrgTeam(selectedOrgId, newTeamName.trim(), newTeamDesc.trim());
|
||||
setTeams((prev) => [...prev, created]);
|
||||
setNewTeamName('');
|
||||
setNewTeamDesc('');
|
||||
} catch (err: any) {
|
||||
alert(err.message);
|
||||
}
|
||||
};
|
||||
|
||||
// --- Admin Handlers ---
|
||||
const handleUpdateSystemSettings = async (patch: Partial<SystemSettings>) => {
|
||||
const next = { ...systemSettings, ...patch };
|
||||
setSystemSettings(next);
|
||||
try {
|
||||
await api.adminUpdateSettings(next);
|
||||
} catch (err: any) {
|
||||
alert(err.message);
|
||||
}
|
||||
};
|
||||
|
||||
const handleAdminCreateUser = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
try {
|
||||
const created = await api.adminCreateUser({
|
||||
email: newAdminUserEmail,
|
||||
password: newAdminUserPassword,
|
||||
displayName: newAdminUserDisplayName || newAdminUserEmail.split('@')[0],
|
||||
role: newAdminUserRole,
|
||||
});
|
||||
setAdminUsers((prev) => [...prev, created]);
|
||||
setNewAdminUserEmail('');
|
||||
setNewAdminUserPassword('');
|
||||
setNewAdminUserDisplayName('');
|
||||
} catch (err: any) {
|
||||
alert(err.message);
|
||||
}
|
||||
};
|
||||
|
||||
const handleToggleUserActive = async (u: User) => {
|
||||
try {
|
||||
const updated = await api.adminUpdateUser(u.id, { isActive: !u.isActive });
|
||||
setAdminUsers((prev) => prev.map((item) => (item.id === u.id ? updated : item)));
|
||||
} catch (err: any) {
|
||||
alert(err.message);
|
||||
}
|
||||
};
|
||||
|
||||
const handleToggleUserRole = async (u: User) => {
|
||||
const nextRole = u.role === 'admin' ? 'member' : 'admin';
|
||||
try {
|
||||
const updated = await api.adminUpdateUser(u.id, { role: nextRole });
|
||||
setAdminUsers((prev) => prev.map((item) => (item.id === u.id ? updated : item)));
|
||||
} catch (err: any) {
|
||||
alert(err.message);
|
||||
}
|
||||
};
|
||||
|
||||
const handleConfirmResetPassword = async (userId: string) => {
|
||||
if (!resetPwdVal.trim()) return;
|
||||
try {
|
||||
await api.adminResetPassword(userId, resetPwdVal.trim());
|
||||
alert('Passwort erfolgreich zurückgesetzt.');
|
||||
setResetPwdUserId(null);
|
||||
setResetPwdVal('');
|
||||
} catch (err: any) {
|
||||
alert(err.message);
|
||||
}
|
||||
};
|
||||
|
||||
const handleAdminDeleteUser = async (userId: string) => {
|
||||
if (!window.confirm('Benutzer unwiderruflich löschen? Alle Daten dieses Nutzers werden gelöscht.')) return;
|
||||
try {
|
||||
await api.adminDeleteUser(userId);
|
||||
setAdminUsers((prev) => prev.filter((u) => u.id !== userId));
|
||||
} catch (err: any) {
|
||||
alert(err.message);
|
||||
}
|
||||
};
|
||||
|
||||
const baseUrl = window.location.origin;
|
||||
const curlExample = `curl -X POST ${baseUrl}/api/v1/inbox \\
|
||||
-H "Authorization: Bearer ${newlyCreatedKey || apiKeys[0]?.keyPrefix || 'DEIN_API_KEY'}" \\
|
||||
-H "Content-Type: application/json" \\
|
||||
-d '{"content": "Server-Backup abgeschlossen #homelab #backup", "priority": "high", "target": "task"}'`;
|
||||
|
||||
return (
|
||||
<div className="fixed inset-0 z-50 bg-black/75 backdrop-blur-sm flex items-center justify-center p-2 sm:p-4">
|
||||
<div className="w-full max-w-3xl bg-panel border border-border shadow-2xl flex flex-col max-h-[90vh] overflow-hidden">
|
||||
{/* Header */}
|
||||
<div className="p-3 bg-canvas border-b border-border flex items-center justify-between">
|
||||
<div className="flex items-center gap-2">
|
||||
<SettingsIcon className="w-4 h-4 text-accent" />
|
||||
<h2 className="text-sm font-bold text-white tracking-tight">
|
||||
Konto-Einstellungen & Administration
|
||||
</h2>
|
||||
</div>
|
||||
<button
|
||||
onClick={onClose}
|
||||
className="p-1 text-zinc-400 hover:text-white transition-colors"
|
||||
>
|
||||
<X className="w-4 h-4" />
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{/* Modal Navigation Tabs */}
|
||||
<div className="flex items-stretch border-b border-border bg-canvas overflow-x-auto no-scrollbar text-xs">
|
||||
<button
|
||||
onClick={() => setActiveTab('profile')}
|
||||
className={`h-9 px-3.5 flex items-center gap-1.5 font-medium border-r border-border transition-colors ${
|
||||
activeTab === 'profile' ? 'bg-panel text-white border-b-2 border-b-accent' : 'text-zinc-400 hover:text-white'
|
||||
}`}
|
||||
>
|
||||
<UserIcon className="w-3.5 h-3.5" />
|
||||
<span>Profil & Sicherheit</span>
|
||||
</button>
|
||||
|
||||
<button
|
||||
onClick={() => setActiveTab('alarms')}
|
||||
className={`h-9 px-3.5 flex items-center gap-1.5 font-medium border-r border-border transition-colors ${
|
||||
activeTab === 'alarms' ? 'bg-panel text-white border-b-2 border-b-accent' : 'text-zinc-400 hover:text-white'
|
||||
}`}
|
||||
>
|
||||
<Bell className="w-3.5 h-3.5" />
|
||||
<span>Alarme & Discord</span>
|
||||
</button>
|
||||
|
||||
<button
|
||||
onClick={() => setActiveTab('webhooks')}
|
||||
className={`h-9 px-3.5 flex items-center gap-1.5 font-medium border-r border-border transition-colors ${
|
||||
activeTab === 'webhooks' ? 'bg-panel text-white border-b-2 border-b-accent' : 'text-zinc-400 hover:text-white'
|
||||
}`}
|
||||
>
|
||||
<Key className="w-3.5 h-3.5" />
|
||||
<span>Webhooks & Export</span>
|
||||
</button>
|
||||
|
||||
<button
|
||||
onClick={() => setActiveTab('teams')}
|
||||
className={`h-9 px-3.5 flex items-center gap-1.5 font-medium border-r border-border transition-colors ${
|
||||
activeTab === 'teams' ? 'bg-panel text-white border-b-2 border-b-accent' : 'text-zinc-400 hover:text-white'
|
||||
}`}
|
||||
>
|
||||
<Users className="w-3.5 h-3.5" />
|
||||
<span>Organisationen & Teams</span>
|
||||
</button>
|
||||
|
||||
{currentUser?.role === 'admin' && (
|
||||
<button
|
||||
onClick={() => setActiveTab('admin')}
|
||||
className={`h-9 px-3.5 flex items-center gap-1.5 font-medium border-r border-border transition-colors ${
|
||||
activeTab === 'admin' ? 'bg-panel text-accent font-semibold border-b-2 border-b-accent' : 'text-zinc-400 hover:text-white'
|
||||
}`}
|
||||
>
|
||||
<Shield className="w-3.5 h-3.5 text-accent" />
|
||||
<span>Administration</span>
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Modal Body */}
|
||||
<div className="p-4 overflow-y-auto flex-1 space-y-4 text-xs">
|
||||
{/* TAB 1: PROFIL & SICHERHEIT */}
|
||||
{activeTab === 'profile' && (
|
||||
<div className="space-y-4 max-w-lg">
|
||||
<div>
|
||||
<h3 className="text-sm font-semibold text-white mb-1">Benutzerprofil bearbeiten</h3>
|
||||
<p className="text-zinc-400 text-xs">
|
||||
Passe deinen Anzeigenamen und dein Anmeldekennwort an.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{profileMsg && (
|
||||
<div
|
||||
className={`p-2 border text-xs ${
|
||||
profileMsg.type === 'ok'
|
||||
? 'bg-blue-900/20 border-accent text-blue-200'
|
||||
: 'bg-red-900/20 border-red-500 text-red-200'
|
||||
}`}
|
||||
>
|
||||
{profileMsg.text}
|
||||
</div>
|
||||
)}
|
||||
|
||||
<form onSubmit={handleSaveProfile} className="space-y-3">
|
||||
<div>
|
||||
<label className="block text-zinc-400 mb-1">Anzeigename</label>
|
||||
<input
|
||||
type="text"
|
||||
value={displayName}
|
||||
onChange={(e) => setDisplayName(e.target.value)}
|
||||
required
|
||||
className="w-full h-8 px-2.5 input-field text-white"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-zinc-400 mb-1">E-Mail-Adresse</label>
|
||||
<input
|
||||
type="email"
|
||||
value={email}
|
||||
onChange={(e) => setEmail(e.target.value)}
|
||||
required
|
||||
className="w-full h-8 px-2.5 input-field text-white"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-zinc-400 mb-1">Neues Passwort (leer lassen für keine Änderung)</label>
|
||||
<input
|
||||
type="password"
|
||||
value={newPassword}
|
||||
onChange={(e) => setNewPassword(e.target.value)}
|
||||
placeholder="Mindestens 4 Zeichen"
|
||||
className="w-full h-8 px-2.5 input-field text-white"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center justify-between pt-2 border-t border-border">
|
||||
<button
|
||||
type="button"
|
||||
onClick={onLoggedOut}
|
||||
className="text-red-400 hover:underline flex items-center gap-1.5 py-1"
|
||||
>
|
||||
<LogOut className="w-3.5 h-3.5" />
|
||||
<span>Abmelden</span>
|
||||
</button>
|
||||
|
||||
<button type="submit" className="btn-primary h-8 px-4 text-xs">
|
||||
Änderungen speichern
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* TAB 2: ALARME & DISCORD */}
|
||||
{activeTab === 'alarms' && (
|
||||
<div className="space-y-4 max-w-lg">
|
||||
<div>
|
||||
<h3 className="text-sm font-semibold text-white mb-1">Aufgaben-Alarme & Discord Benachrichtigungen</h3>
|
||||
<p className="text-zinc-400 text-xs leading-relaxed">
|
||||
Trage deine Discord Webhook URL ein, damit der MindSift Server dich automatisch erinnert, sobald Aufgaben fällig werden.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{alarmMsg && (
|
||||
<div
|
||||
className={`p-2 border text-xs ${
|
||||
alarmMsg.type === 'ok'
|
||||
? 'bg-blue-900/20 border-accent text-blue-200'
|
||||
: 'bg-red-900/20 border-red-500 text-red-200'
|
||||
}`}
|
||||
>
|
||||
{alarmMsg.text}
|
||||
</div>
|
||||
)}
|
||||
|
||||
<form onSubmit={handleSaveAlarms} className="space-y-3">
|
||||
<div>
|
||||
<label className="block text-zinc-400 mb-1">Discord Webhook URL</label>
|
||||
<input
|
||||
type="url"
|
||||
value={discordWebhookUrl}
|
||||
onChange={(e) => setDiscordWebhookUrl(e.target.value)}
|
||||
placeholder="https://discord.com/api/webhooks/123456789/token..."
|
||||
className="w-full h-8 px-2.5 input-field text-white font-mono text-xs"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-zinc-400 mb-1">Vorwarnzeit vor Fälligkeit</label>
|
||||
<select
|
||||
value={notifyBeforeMinutes}
|
||||
onChange={(e) => setNotifyBeforeMinutes(Number(e.target.value))}
|
||||
className="w-full h-8 px-2 input-field text-white bg-canvas"
|
||||
>
|
||||
<option value={0}>Direkt bei Fälligkeit</option>
|
||||
<option value={15}>15 Minuten vorher</option>
|
||||
<option value={30}>30 Minuten vorher</option>
|
||||
<option value={60}>1 Stunde vorher</option>
|
||||
<option value={1440}>1 Tag vorher</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center justify-between pt-2 border-t border-border">
|
||||
<button
|
||||
type="button"
|
||||
onClick={handleTestDiscordWebhook}
|
||||
disabled={testingDiscord || !discordWebhookUrl.trim()}
|
||||
className="btn-action h-8 px-3 text-xs disabled:opacity-40"
|
||||
>
|
||||
<span>{testingDiscord ? 'Sende Test…' : 'Webhook testen'}</span>
|
||||
</button>
|
||||
|
||||
<button type="submit" className="btn-primary h-8 px-4 text-xs">
|
||||
Alarm-Einstellungen sichern
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* TAB 3: WEBHOOKS & EXPORT */}
|
||||
{activeTab === 'webhooks' && (
|
||||
<div className="space-y-4">
|
||||
<div>
|
||||
<h3 className="text-sm font-semibold text-white mb-1">Private Webhook Keys & Daten-Export</h3>
|
||||
<p className="text-zinc-400 text-xs">
|
||||
Erstelle API-Keys für eigene Bash-Skripte, Home Assistant oder Cronjobs, um Gedanken direkt per Curl zu erfassen.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* API Key Creator */}
|
||||
<form onSubmit={handleCreateAPIKey} className="flex gap-2">
|
||||
<input
|
||||
type="text"
|
||||
value={newKeyName}
|
||||
onChange={(e) => setNewKeyName(e.target.value)}
|
||||
placeholder="Key Bezeichnung (z.B. Smart Home, Backup Skript)…"
|
||||
className="flex-1 h-8 px-2.5 input-field text-xs text-white"
|
||||
/>
|
||||
<button type="submit" className="btn-primary h-8 px-3 text-xs flex items-center gap-1">
|
||||
<Plus className="w-3.5 h-3.5" />
|
||||
<span>Key erstellen</span>
|
||||
</button>
|
||||
</form>
|
||||
|
||||
{newlyCreatedKey && (
|
||||
<div className="p-2.5 bg-accent/15 border border-accent/40 flex items-center justify-between gap-2">
|
||||
<div className="min-w-0">
|
||||
<p className="text-[10px] text-accent font-semibold">Neuer Key (jetzt kopieren):</p>
|
||||
<code className="text-xs font-mono text-white break-all">{newlyCreatedKey}</code>
|
||||
</div>
|
||||
<button onClick={() => handleCopy(newlyCreatedKey)} className="btn-primary h-7 px-2.5 text-xs">
|
||||
{copiedKey ? 'Kopiert!' : 'Kopieren'}
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Keys list */}
|
||||
<div className="border border-border divide-y divide-border bg-canvas">
|
||||
{apiKeys.length === 0 ? (
|
||||
<div className="p-3 text-center text-zinc-500 text-xs">Noch keine API-Schlüssel angelegt.</div>
|
||||
) : (
|
||||
apiKeys.map((k) => (
|
||||
<div key={k.id} className="p-2 flex items-center justify-between">
|
||||
<div>
|
||||
<p className="font-semibold text-white">{k.name}</p>
|
||||
<p className="text-[10px] text-zinc-500 font-mono">Präfix: {k.keyPrefix}••••••••</p>
|
||||
</div>
|
||||
<button
|
||||
onClick={() => handleDeleteAPIKey(k.id)}
|
||||
className="btn-icon btn-icon-danger"
|
||||
title="Key löschen"
|
||||
>
|
||||
<Trash2 className="w-3.5 h-3.5" />
|
||||
</button>
|
||||
</div>
|
||||
))
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Interactive Curl Example */}
|
||||
<div>
|
||||
<div className="flex items-center justify-between mb-1">
|
||||
<span className="font-semibold text-zinc-300 flex items-center gap-1">
|
||||
<Terminal className="w-3 h-3 text-accent" /> Curl Schnellbefehl für eigene Skripte:
|
||||
</span>
|
||||
<button onClick={() => handleCopy(curlExample)} className="text-zinc-400 hover:text-white text-[10px]">
|
||||
{copiedKey ? 'Kopiert!' : 'Kopieren'}
|
||||
</button>
|
||||
</div>
|
||||
<pre className="p-2.5 bg-black/60 border border-border text-[11px] font-mono text-zinc-300 overflow-x-auto whitespace-pre">
|
||||
{curlExample}
|
||||
</pre>
|
||||
</div>
|
||||
|
||||
{/* Data Export Button */}
|
||||
<div className="pt-2 border-t border-border flex items-center justify-between">
|
||||
<div>
|
||||
<h4 className="font-semibold text-white">Vollständiger Daten-Export</h4>
|
||||
<p className="text-zinc-500 text-[11px]">Sichere alle Notizen, Aufgaben, Listen und Metadaten als JSON.</p>
|
||||
</div>
|
||||
<button onClick={handleExportData} className="btn-action h-8 px-3 text-xs flex items-center gap-1.5">
|
||||
<Download className="w-3.5 h-3.5 text-accent" />
|
||||
<span>Backup herunterladen</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* TAB 4: ORGANISATIONEN & TEAMS */}
|
||||
{activeTab === 'teams' && (
|
||||
<div className="space-y-4">
|
||||
<div>
|
||||
<h3 className="text-sm font-semibold text-white mb-1">Organisationen & Teams gründen</h3>
|
||||
<p className="text-zinc-400 text-xs">
|
||||
Erstelle Organisationen und unterteile sie in Teams, um Aufgabenlisten und Workspace-Dokumente gemeinsam zu bearbeiten.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Org Creator */}
|
||||
<div className="p-3 bg-canvas border border-border space-y-2">
|
||||
<h4 className="font-semibold text-white">Neue Organisation</h4>
|
||||
<form onSubmit={handleCreateOrg} className="flex gap-2">
|
||||
<input
|
||||
type="text"
|
||||
value={newOrgName}
|
||||
onChange={(e) => setNewOrgName(e.target.value)}
|
||||
placeholder="Name der Organisation (z.B. Familie, Startup, Homelab Crew)…"
|
||||
className="flex-1 h-8 px-2.5 input-field text-xs text-white"
|
||||
/>
|
||||
<button type="submit" className="btn-primary h-8 px-3 text-xs">
|
||||
Organisation anlegen
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{/* Team Creator inside Org */}
|
||||
{orgs.length > 0 && (
|
||||
<div className="p-3 bg-canvas border border-border space-y-2">
|
||||
<h4 className="font-semibold text-white">Neues Team in Organisation</h4>
|
||||
<form onSubmit={handleCreateTeam} className="space-y-2">
|
||||
<div className="flex gap-2">
|
||||
<select
|
||||
value={selectedOrgId}
|
||||
onChange={(e) => setSelectedOrgId(e.target.value)}
|
||||
className="h-8 px-2 input-field text-white bg-panel"
|
||||
>
|
||||
{orgs.map((o) => (
|
||||
<option key={o.id} value={o.id}>
|
||||
{o.name}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
<input
|
||||
type="text"
|
||||
value={newTeamName}
|
||||
onChange={(e) => setNewTeamName(e.target.value)}
|
||||
placeholder="Team Name (z.B. DevOps, Einkauf)…"
|
||||
required
|
||||
className="flex-1 h-8 px-2.5 input-field text-xs text-white"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex gap-2">
|
||||
<input
|
||||
type="text"
|
||||
value={newTeamDesc}
|
||||
onChange={(e) => setNewTeamDesc(e.target.value)}
|
||||
placeholder="Optionale Teambeschreibung…"
|
||||
className="flex-1 h-8 px-2.5 input-field text-xs text-white"
|
||||
/>
|
||||
<button type="submit" className="btn-primary h-8 px-3 text-xs">
|
||||
Team erstellen
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Active Teams List */}
|
||||
<div className="space-y-2">
|
||||
<h4 className="font-semibold text-zinc-300">Deine Teams ({teams.length}):</h4>
|
||||
<div className="border border-border divide-y divide-border bg-canvas">
|
||||
{teams.length === 0 ? (
|
||||
<div className="p-3 text-center text-zinc-500">Du bist noch keinem Team beigetreten.</div>
|
||||
) : (
|
||||
teams.map((t) => (
|
||||
<div key={t.id} className="p-2.5 flex items-center justify-between">
|
||||
<div>
|
||||
<p className="font-bold text-white flex items-center gap-1.5">
|
||||
<Users className="w-3.5 h-3.5 text-accent" />
|
||||
<span>{t.name}</span>
|
||||
</p>
|
||||
{t.description && <p className="text-zinc-400 text-[11px]">{t.description}</p>}
|
||||
</div>
|
||||
<span className="text-[10px] text-zinc-500 font-mono">ID: {t.id}</span>
|
||||
</div>
|
||||
))
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* TAB 5: ADMIN BEREICH */}
|
||||
{activeTab === 'admin' && currentUser?.role === 'admin' && (
|
||||
<div className="space-y-4">
|
||||
<div>
|
||||
<h3 className="text-sm font-semibold text-white mb-1">Server-Administration & Benutzersteuerung</h3>
|
||||
<p className="text-zinc-400 text-xs">
|
||||
Steuere die Instanz-Einstellungen, das Sharing-Verhalten und verwalte registrierte Benutzer.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Server Sharing Isolation Setting */}
|
||||
<div className="p-3 bg-canvas border border-border space-y-3">
|
||||
<h4 className="font-semibold text-white flex items-center gap-1.5">
|
||||
<Share2 className="w-3.5 h-3.5 text-accent" />
|
||||
<span>Sharing-Isolationsmodus</span>
|
||||
</h4>
|
||||
<div className="grid grid-cols-1 sm:grid-cols-3 gap-2">
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => handleUpdateSystemSettings({ sharingMode: 'open' })}
|
||||
className={`p-2.5 text-left border transition-colors ${
|
||||
systemSettings.sharingMode === 'open'
|
||||
? 'bg-panel border-accent text-white'
|
||||
: 'border-border text-zinc-400 hover:text-white'
|
||||
}`}
|
||||
>
|
||||
<p className="font-bold text-xs">Offen (Open)</p>
|
||||
<p className="text-[10px] text-zinc-400 mt-0.5">Alle Benutzer können Spaces finden und beitreten.</p>
|
||||
</button>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => handleUpdateSystemSettings({ sharingMode: 'teams_only' })}
|
||||
className={`p-2.5 text-left border transition-colors ${
|
||||
systemSettings.sharingMode === 'teams_only'
|
||||
? 'bg-panel border-accent text-white'
|
||||
: 'border-border text-zinc-400 hover:text-white'
|
||||
}`}
|
||||
>
|
||||
<p className="font-bold text-xs">Teams isoliert</p>
|
||||
<p className="text-[10px] text-zinc-400 mt-0.5">Sharing ausschließlich innerhalb zugewiesener Teams.</p>
|
||||
</button>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => handleUpdateSystemSettings({ sharingMode: 'strict_private' })}
|
||||
className={`p-2.5 text-left border transition-colors ${
|
||||
systemSettings.sharingMode === 'strict_private'
|
||||
? 'bg-panel border-accent text-white'
|
||||
: 'border-border text-zinc-400 hover:text-white'
|
||||
}`}
|
||||
>
|
||||
<p className="font-bold text-xs">Strikt Privat</p>
|
||||
<p className="text-[10px] text-zinc-400 mt-0.5">Vollständige Benutzer-Isolation; kein Teilen möglich.</p>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center justify-between pt-2 border-t border-border">
|
||||
<span className="text-zinc-300">Öffentliche Registrierung erlauben:</span>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() =>
|
||||
handleUpdateSystemSettings({ allowRegistration: !systemSettings.allowRegistration })
|
||||
}
|
||||
className={`px-3 py-1 text-xs border ${
|
||||
systemSettings.allowRegistration
|
||||
? 'bg-accent/20 border-accent text-accent'
|
||||
: 'bg-zinc-800 border-zinc-700 text-zinc-400'
|
||||
}`}
|
||||
>
|
||||
{systemSettings.allowRegistration ? 'Aktiviert' : 'Deaktiviert'}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* User Creation by Admin */}
|
||||
<div className="p-3 bg-canvas border border-border space-y-2">
|
||||
<h4 className="font-semibold text-white">Neuen Benutzer anlegen</h4>
|
||||
<form onSubmit={handleAdminCreateUser} className="space-y-2">
|
||||
<div className="grid grid-cols-1 sm:grid-cols-3 gap-2">
|
||||
<input
|
||||
type="email"
|
||||
value={newAdminUserEmail}
|
||||
onChange={(e) => setNewAdminUserEmail(e.target.value)}
|
||||
placeholder="E-Mail"
|
||||
required
|
||||
className="h-8 px-2.5 input-field text-white"
|
||||
/>
|
||||
<input
|
||||
type="password"
|
||||
value={newAdminUserPassword}
|
||||
onChange={(e) => setNewAdminUserPassword(e.target.value)}
|
||||
placeholder="Initial-Passwort"
|
||||
required
|
||||
className="h-8 px-2.5 input-field text-white"
|
||||
/>
|
||||
<div className="flex gap-2">
|
||||
<input
|
||||
type="text"
|
||||
value={newAdminUserDisplayName}
|
||||
onChange={(e) => setNewAdminUserDisplayName(e.target.value)}
|
||||
placeholder="Anzeigename"
|
||||
className="flex-1 h-8 px-2.5 input-field text-white"
|
||||
/>
|
||||
<select
|
||||
value={newAdminUserRole}
|
||||
onChange={(e) => setNewAdminUserRole(e.target.value as any)}
|
||||
className="h-8 px-2 input-field text-white bg-panel"
|
||||
>
|
||||
<option value="member">Member</option>
|
||||
<option value="admin">Admin</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex justify-end">
|
||||
<button type="submit" className="btn-primary h-7 px-3 text-xs">
|
||||
Benutzer erstellen
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{/* Users Table */}
|
||||
<div className="space-y-2">
|
||||
<h4 className="font-semibold text-zinc-300">Registrierte Benutzer ({adminUsers.length}):</h4>
|
||||
<div className="border border-border divide-y divide-border bg-canvas overflow-x-auto">
|
||||
{adminUsers.map((u) => (
|
||||
<div key={u.id} className="p-2.5 flex items-center justify-between gap-3 text-xs">
|
||||
<div className="min-w-0 flex-1">
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="font-bold text-white">{u.displayName}</span>
|
||||
<span
|
||||
className={`px-1.5 py-0.2 text-[10px] uppercase font-bold border ${
|
||||
u.role === 'admin'
|
||||
? 'bg-accent/20 border-accent/40 text-accent'
|
||||
: 'bg-zinc-800 border-zinc-700 text-zinc-400'
|
||||
}`}
|
||||
>
|
||||
{u.role}
|
||||
</span>
|
||||
{!u.isActive && (
|
||||
<span className="px-1.5 py-0.2 text-[10px] bg-red-900/30 border border-red-500/40 text-red-300">
|
||||
Deaktiviert
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
<p className="text-zinc-500 text-[11px] font-mono">{u.email}</p>
|
||||
|
||||
{/* Reset password inline form */}
|
||||
{resetPwdUserId === u.id && (
|
||||
<div className="mt-2 flex items-center gap-1.5 bg-panel p-1.5 border border-border">
|
||||
<input
|
||||
type="password"
|
||||
value={resetPwdVal}
|
||||
onChange={(e) => setResetPwdVal(e.target.value)}
|
||||
placeholder="Neues Passwort…"
|
||||
className="h-6 px-2 input-field text-xs text-white"
|
||||
/>
|
||||
<button
|
||||
onClick={() => handleConfirmResetPassword(u.id)}
|
||||
className="btn-primary h-6 px-2 text-[10px]"
|
||||
>
|
||||
Speichern
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setResetPwdUserId(null)}
|
||||
className="btn-action h-6 px-1.5 text-[10px]"
|
||||
>
|
||||
Abbrechen
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="flex items-center gap-1.5 flex-shrink-0">
|
||||
<button
|
||||
onClick={() => handleToggleUserActive(u)}
|
||||
className="btn-action h-7 px-2 text-[11px]"
|
||||
title="Aktiv / Deaktivieren"
|
||||
>
|
||||
{u.isActive ? 'Deaktivieren' : 'Aktivieren'}
|
||||
</button>
|
||||
<button
|
||||
onClick={() => handleToggleUserRole(u)}
|
||||
className="btn-action h-7 px-2 text-[11px]"
|
||||
title="Rolle wechseln"
|
||||
>
|
||||
{u.role === 'admin' ? 'Zu Member' : 'Zu Admin'}
|
||||
</button>
|
||||
<button
|
||||
onClick={() => {
|
||||
setResetPwdUserId(u.id);
|
||||
setResetPwdVal('');
|
||||
}}
|
||||
className="btn-action h-7 px-2 text-[11px]"
|
||||
title="Passwort zurücksetzen"
|
||||
>
|
||||
<Lock className="w-3 h-3 text-zinc-400" />
|
||||
</button>
|
||||
{u.id !== currentUser.id && (
|
||||
<button
|
||||
onClick={() => handleAdminDeleteUser(u.id)}
|
||||
className="btn-icon btn-icon-danger"
|
||||
title="Benutzer löschen"
|
||||
>
|
||||
<Trash2 className="w-3.5 h-3.5" />
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
@@ -1,16 +1,25 @@
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import {
|
||||
Check,
|
||||
CheckCircle2,
|
||||
Circle,
|
||||
Plus,
|
||||
Calendar,
|
||||
Trash2,
|
||||
RotateCcw,
|
||||
FileText,
|
||||
Tag,
|
||||
AlertCircle,
|
||||
LayoutList,
|
||||
Columns,
|
||||
ArrowRight,
|
||||
ArrowLeft,
|
||||
ChevronRight,
|
||||
ChevronDown,
|
||||
Edit3,
|
||||
X,
|
||||
Clock,
|
||||
Layers,
|
||||
Share2,
|
||||
} from 'lucide-react';
|
||||
import { Thought } from '../../lib/types';
|
||||
import { TaskList, Thought, Space } from '../../lib/types';
|
||||
import { api, triggerHaptic } from '../../lib/api';
|
||||
|
||||
interface TasksViewProps {
|
||||
@@ -24,19 +33,41 @@ export const TasksView: React.FC<TasksViewProps> = ({
|
||||
onOpenDocument,
|
||||
refreshTrigger = 0,
|
||||
}) => {
|
||||
const [viewMode, setViewMode] = useState<'list' | 'kanban'>('list');
|
||||
const [filter, setFilter] = useState<'open' | 'done' | 'discarded'>('open');
|
||||
const [tasks, setTasks] = useState<Thought[]>([]);
|
||||
const [taskLists, setTaskLists] = useState<TaskList[]>([]);
|
||||
const [selectedListId, setSelectedListId] = useState<string>('all');
|
||||
const [spaces, setSpaces] = useState<Space[]>([]);
|
||||
const [discarded, setDiscarded] = useState<Thought[]>([]);
|
||||
const [loading, setLoading] = useState(true);
|
||||
|
||||
// Quick Task Add state
|
||||
const [quickTitle, setQuickTitle] = useState('');
|
||||
const [quickDueDate, setQuickDueDate] = useState('');
|
||||
|
||||
// New TaskList modal state
|
||||
const [showNewListModal, setShowNewListModal] = useState(false);
|
||||
const [newListTitle, setNewListTitle] = useState('');
|
||||
const [newListIcon, setNewListIcon] = useState('📋');
|
||||
const [newListSpaceId, setNewListSpaceId] = useState('');
|
||||
|
||||
// Active notes inline edit ID
|
||||
const [activeNotesTaskId, setActiveNotesTaskId] = useState<string | null>(null);
|
||||
const [notesDraft, setNotesDraft] = useState('');
|
||||
|
||||
const loadData = async () => {
|
||||
setLoading(true);
|
||||
try {
|
||||
const [allTasks, allDiscarded] = await Promise.all([
|
||||
api.getTasks(),
|
||||
const [allTasks, allLists, allSpaces, allDiscarded] = await Promise.all([
|
||||
api.getTasks(selectedListId === 'all' ? undefined : selectedListId),
|
||||
api.getTaskLists(),
|
||||
api.getSpaces(),
|
||||
api.getThoughts('discarded'),
|
||||
]);
|
||||
setTasks(allTasks);
|
||||
setTaskLists(allLists);
|
||||
setSpaces(allSpaces);
|
||||
setDiscarded(allDiscarded);
|
||||
} finally {
|
||||
setLoading(false);
|
||||
@@ -45,15 +76,26 @@ export const TasksView: React.FC<TasksViewProps> = ({
|
||||
|
||||
useEffect(() => {
|
||||
loadData();
|
||||
}, [refreshTrigger]);
|
||||
}, [refreshTrigger, selectedListId]);
|
||||
|
||||
const handleToggleDone = async (task: Thought) => {
|
||||
triggerHaptic(15);
|
||||
const nextState = !task.isCompleted;
|
||||
const nextKanban = nextState ? 'done' : 'todo';
|
||||
setTasks((prev) =>
|
||||
prev.map((t) => (t.id === task.id ? { ...t, isCompleted: nextState } : t))
|
||||
prev.map((t) => (t.id === task.id ? { ...t, isCompleted: nextState, kanbanStatus: nextKanban } : t))
|
||||
);
|
||||
await api.updateThought(task.id, { isCompleted: nextState });
|
||||
await api.updateThought(task.id, { isCompleted: nextState, kanbanStatus: nextKanban });
|
||||
onRefreshStats();
|
||||
};
|
||||
|
||||
const handleKanbanMove = async (task: Thought, nextStatus: 'todo' | 'in_progress' | 'done') => {
|
||||
triggerHaptic(15);
|
||||
const isCompleted = nextStatus === 'done';
|
||||
setTasks((prev) =>
|
||||
prev.map((t) => (t.id === task.id ? { ...t, kanbanStatus: nextStatus, isCompleted } : t))
|
||||
);
|
||||
await api.updateThought(task.id, { kanbanStatus: nextStatus, isCompleted });
|
||||
onRefreshStats();
|
||||
};
|
||||
|
||||
@@ -62,6 +104,12 @@ export const TasksView: React.FC<TasksViewProps> = ({
|
||||
await api.updateThought(task.id, { dueDate: newDate });
|
||||
};
|
||||
|
||||
const handleSaveNotes = async (task: Thought) => {
|
||||
setTasks((prev) => prev.map((t) => (t.id === task.id ? { ...t, notes: notesDraft } : t)));
|
||||
await api.updateThought(task.id, { notes: notesDraft });
|
||||
setActiveNotesTaskId(null);
|
||||
};
|
||||
|
||||
const handleConvertToDoc = async (task: Thought) => {
|
||||
triggerHaptic(20);
|
||||
const updated = await api.triageAction(task.id, 'keep', { convertTo: 'document' });
|
||||
@@ -93,20 +141,522 @@ export const TasksView: React.FC<TasksViewProps> = ({
|
||||
onRefreshStats();
|
||||
};
|
||||
|
||||
const handleQuickAddTask = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
const title = quickTitle.trim();
|
||||
if (!title) return;
|
||||
triggerHaptic(10);
|
||||
setQuickTitle('');
|
||||
|
||||
try {
|
||||
const created = await api.captureThought(title, 'normal', 'manual', quickDueDate, {
|
||||
target: 'task',
|
||||
taskListId: selectedListId === 'all' ? '' : selectedListId,
|
||||
});
|
||||
setTasks((prev) => [created, ...prev]);
|
||||
onRefreshStats();
|
||||
} catch {
|
||||
loadData();
|
||||
}
|
||||
};
|
||||
|
||||
const handleCreateTaskList = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
const title = newListTitle.trim();
|
||||
if (!title) return;
|
||||
try {
|
||||
const created = await api.createTaskList({
|
||||
title,
|
||||
icon: newListIcon,
|
||||
spaceId: newListSpaceId,
|
||||
});
|
||||
setTaskLists((prev) => [...prev, created]);
|
||||
setSelectedListId(created.id);
|
||||
setShowNewListModal(false);
|
||||
setNewListTitle('');
|
||||
} catch (err: any) {
|
||||
alert(err.message || 'Fehler beim Erstellen der Aufgabenliste');
|
||||
}
|
||||
};
|
||||
|
||||
const handleDeleteTaskList = async (listId: string) => {
|
||||
if (!window.confirm('Möchten Sie diese Aufgabenliste wirklich löschen? Die enthaltenen Aufgaben bleiben erhalten.')) return;
|
||||
try {
|
||||
await api.deleteTaskList(listId);
|
||||
setTaskLists((prev) => prev.filter((l) => l.id !== listId));
|
||||
setSelectedListId('all');
|
||||
} catch (err: any) {
|
||||
alert(err.message);
|
||||
}
|
||||
};
|
||||
|
||||
const openTasks = tasks.filter((t) => !t.isCompleted);
|
||||
const doneTasks = tasks.filter((t) => t.isCompleted);
|
||||
|
||||
const todoKanban = tasks.filter((t) => (!t.kanbanStatus || t.kanbanStatus === 'todo') && !t.isCompleted);
|
||||
const inProgressKanban = tasks.filter((t) => t.kanbanStatus === 'in_progress' && !t.isCompleted);
|
||||
const doneKanban = tasks.filter((t) => t.kanbanStatus === 'done' || t.isCompleted);
|
||||
|
||||
const currentSelectedList = taskLists.find((l) => l.id === selectedListId);
|
||||
|
||||
return (
|
||||
<div className="w-full space-y-2">
|
||||
{/* Filter Tabs */}
|
||||
<div className="flex flex-wrap items-center justify-between gap-2 mb-1">
|
||||
<div className="w-full space-y-3">
|
||||
{/* Top Header: Task Lists Tabs & View Mode Switcher */}
|
||||
<div className="flex flex-wrap items-center justify-between gap-2 border-b border-border pb-2">
|
||||
{/* Task Lists selector tabs */}
|
||||
<div className="flex flex-wrap items-center gap-1">
|
||||
<button
|
||||
onClick={() => setSelectedListId('all')}
|
||||
className={`h-8 px-3 text-xs font-medium border transition-colors ${
|
||||
selectedListId === 'all'
|
||||
? 'bg-panel border-accent text-white'
|
||||
: 'bg-canvas border-border text-zinc-400 hover:text-white'
|
||||
}`}
|
||||
>
|
||||
Alle Aufgaben
|
||||
</button>
|
||||
|
||||
{taskLists.map((tl) => (
|
||||
<div key={tl.id} className="relative group flex items-center">
|
||||
<button
|
||||
onClick={() => setSelectedListId(tl.id)}
|
||||
className={`h-8 px-3 text-xs font-medium border flex items-center gap-1.5 transition-colors ${
|
||||
selectedListId === tl.id
|
||||
? 'bg-panel border-accent text-white'
|
||||
: 'bg-canvas border-border text-zinc-400 hover:text-white'
|
||||
}`}
|
||||
>
|
||||
<span>{tl.icon}</span>
|
||||
<span>{tl.title}</span>
|
||||
{tl.tasksCount !== undefined && tl.tasksCount > 0 && (
|
||||
<span className="ml-1 px-1.5 py-0.2 bg-zinc-800 text-[10px] text-zinc-300">
|
||||
{tl.tasksCount}
|
||||
</span>
|
||||
)}
|
||||
{tl.spaceId && (
|
||||
<Share2 className="w-2.5 h-2.5 text-accent ml-0.5" title="Geteilt mit Team/Space" />
|
||||
)}
|
||||
</button>
|
||||
{selectedListId === tl.id && (
|
||||
<button
|
||||
onClick={() => handleDeleteTaskList(tl.id)}
|
||||
title="Liste löschen"
|
||||
className="h-8 px-1.5 bg-panel border-y border-r border-accent text-zinc-500 hover:text-red-400"
|
||||
>
|
||||
<X className="w-3 h-3" />
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
|
||||
<button
|
||||
onClick={() => setShowNewListModal(true)}
|
||||
className="h-8 px-2.5 bg-canvas hover:bg-panel border border-border border-dashed text-xs text-zinc-400 hover:text-white flex items-center gap-1 transition-colors"
|
||||
title="Neue Aufgabenliste anlegen"
|
||||
>
|
||||
<Plus className="w-3.5 h-3.5" />
|
||||
<span>Neue Liste</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{/* View Switcher: List vs Kanban */}
|
||||
<div className="flex items-center gap-1">
|
||||
<div className="flex border border-border bg-canvas">
|
||||
<button
|
||||
onClick={() => setViewMode('list')}
|
||||
className={`h-8 px-2.5 flex items-center gap-1.5 text-xs transition-colors border-r border-border ${
|
||||
viewMode === 'list' ? 'bg-panel text-white' : 'text-zinc-400 hover:text-white'
|
||||
}`}
|
||||
title="Listenansicht"
|
||||
>
|
||||
<LayoutList className="w-3.5 h-3.5" />
|
||||
<span className="hidden sm:inline">Liste</span>
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setViewMode('kanban')}
|
||||
className={`h-8 px-2.5 flex items-center gap-1.5 text-xs transition-colors ${
|
||||
viewMode === 'kanban' ? 'bg-panel text-white' : 'text-zinc-400 hover:text-white'
|
||||
}`}
|
||||
title="Kanban-Board"
|
||||
>
|
||||
<Columns className="w-3.5 h-3.5" />
|
||||
<span className="hidden sm:inline">Kanban</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Quick Add Task Input in active list */}
|
||||
<form onSubmit={handleQuickAddTask} className="flex items-center gap-1.5 bg-panel border border-border p-1.5">
|
||||
<Plus className="w-4 h-4 text-accent ml-1 flex-shrink-0" />
|
||||
<input
|
||||
type="text"
|
||||
value={quickTitle}
|
||||
onChange={(e) => setQuickTitle(e.target.value)}
|
||||
placeholder={
|
||||
currentSelectedList
|
||||
? `Aufgabe zu "${currentSelectedList.title}" hinzufügen… (Enter)`
|
||||
: 'Neue Aufgabe anlegen… (Enter)'
|
||||
}
|
||||
className="flex-1 bg-transparent px-2 py-1 text-sm text-white placeholder-zinc-500 focus:outline-none"
|
||||
/>
|
||||
<div className="flex items-center gap-1">
|
||||
<input
|
||||
type="date"
|
||||
value={quickDueDate}
|
||||
onChange={(e) => setQuickDueDate(e.target.value)}
|
||||
className="h-7 px-2 bg-canvas border border-border text-xs text-zinc-300 focus:outline-none"
|
||||
title="Fälligkeitsdatum"
|
||||
/>
|
||||
<button
|
||||
type="submit"
|
||||
disabled={!quickTitle.trim()}
|
||||
className="btn-primary h-7 px-3 text-xs disabled:opacity-40"
|
||||
>
|
||||
Hinzufügen
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
{/* NEW LIST MODAL */}
|
||||
{showNewListModal && (
|
||||
<div className="fixed inset-0 bg-black/60 backdrop-blur-sm z-50 flex items-center justify-center p-4">
|
||||
<div className="w-full max-w-sm bg-panel border border-border p-4 space-y-3">
|
||||
<div className="flex items-center justify-between border-b border-border pb-2">
|
||||
<h3 className="text-sm font-semibold text-white flex items-center gap-1.5">
|
||||
<Layers className="w-4 h-4 text-accent" />
|
||||
<span>Neue Aufgabenliste erstellen</span>
|
||||
</h3>
|
||||
<button onClick={() => setShowNewListModal(false)} className="text-zinc-400 hover:text-white">
|
||||
<X className="w-4 h-4" />
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<form onSubmit={handleCreateTaskList} className="space-y-3">
|
||||
<div>
|
||||
<label className="block text-xs text-zinc-400 mb-1">Titel der Liste</label>
|
||||
<div className="flex items-center gap-1.5">
|
||||
<input
|
||||
type="text"
|
||||
value={newListIcon}
|
||||
onChange={(e) => setNewListIcon(e.target.value)}
|
||||
maxLength={2}
|
||||
className="w-10 h-8 text-center input-field text-sm"
|
||||
title="Icon (Emoji)"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
value={newListTitle}
|
||||
onChange={(e) => setNewListTitle(e.target.value)}
|
||||
placeholder="z.B. Homelab, Einkäufe, Steuern"
|
||||
autoFocus
|
||||
required
|
||||
className="flex-1 h-8 input-field px-2.5 text-xs text-white"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{spaces.length > 0 && (
|
||||
<div>
|
||||
<label className="block text-xs text-zinc-400 mb-1">Geteilt mit Space (optional)</label>
|
||||
<select
|
||||
value={newListSpaceId}
|
||||
onChange={(e) => setNewListSpaceId(e.target.value)}
|
||||
className="w-full h-8 input-field px-2 text-xs text-white bg-canvas"
|
||||
>
|
||||
<option value="">Privat (nur ich)</option>
|
||||
{spaces.map((sp) => (
|
||||
<option key={sp.id} value={sp.id}>
|
||||
{sp.icon} {sp.name}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="flex items-center justify-end gap-2 pt-2 border-t border-border">
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setShowNewListModal(false)}
|
||||
className="btn-action h-7 px-3 text-xs"
|
||||
>
|
||||
Abbrechen
|
||||
</button>
|
||||
<button type="submit" className="btn-primary h-7 px-3 text-xs">
|
||||
Erstellen
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* VIEW MODES: LIST OR KANBAN */}
|
||||
{viewMode === 'kanban' ? (
|
||||
/* KANBAN BOARD (3 COLUMNS) */
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-2.5 pt-1">
|
||||
{/* COLUMN 1: TODO */}
|
||||
<div className="bg-canvas border border-border flex flex-col">
|
||||
<div className="px-3 py-2 bg-panel border-b border-border flex items-center justify-between">
|
||||
<span className="text-xs font-semibold text-zinc-300 flex items-center gap-1.5">
|
||||
<span className="w-2 h-2 bg-zinc-500 inline-block" />
|
||||
<span>Zu erledigen</span>
|
||||
</span>
|
||||
<span className="px-1.5 py-0.2 bg-canvas border border-border text-[10px] text-zinc-400 font-mono">
|
||||
{todoKanban.length}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div className="p-2 space-y-2 min-h-[360px] flex-1 overflow-y-auto">
|
||||
{todoKanban.map((task) => (
|
||||
<div
|
||||
key={task.id}
|
||||
className="bg-panel border border-border p-2.5 space-y-2 hover:border-zinc-500 transition-colors"
|
||||
>
|
||||
<div className="flex items-start justify-between gap-2">
|
||||
<p className="text-xs font-medium text-white break-words flex-1 leading-snug">
|
||||
{task.content}
|
||||
</p>
|
||||
<button
|
||||
onClick={() => handleConvertToDoc(task)}
|
||||
title="Als Notiz vertiefen"
|
||||
className="text-zinc-500 hover:text-accent flex-shrink-0"
|
||||
>
|
||||
<FileText className="w-3.5 h-3.5" />
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{/* Notes Preview / Inline Editor */}
|
||||
{activeNotesTaskId === task.id ? (
|
||||
<div className="space-y-1">
|
||||
<textarea
|
||||
value={notesDraft}
|
||||
onChange={(e) => setNotesDraft(e.target.value)}
|
||||
placeholder="Detailnotizen eingeben…"
|
||||
rows={2}
|
||||
className="w-full input-field p-1.5 text-xs text-white resize-none"
|
||||
/>
|
||||
<div className="flex justify-end gap-1">
|
||||
<button
|
||||
onClick={() => setActiveNotesTaskId(null)}
|
||||
className="btn-action h-5 px-1.5 text-[10px]"
|
||||
>
|
||||
Abbr.
|
||||
</button>
|
||||
<button
|
||||
onClick={() => handleSaveNotes(task)}
|
||||
className="btn-primary h-5 px-2 text-[10px]"
|
||||
>
|
||||
Speichern
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
) : task.notes ? (
|
||||
<div
|
||||
onClick={() => {
|
||||
setActiveNotesTaskId(task.id);
|
||||
setNotesDraft(task.notes || '');
|
||||
}}
|
||||
className="p-1.5 bg-canvas border border-border text-[11px] text-zinc-400 break-words cursor-pointer hover:border-zinc-500"
|
||||
title="Klicken zum Bearbeiten der Notizen"
|
||||
>
|
||||
{task.notes}
|
||||
</div>
|
||||
) : null}
|
||||
|
||||
{/* Footer & Movement Controls */}
|
||||
<div className="flex items-center justify-between gap-1 pt-1 border-t border-white/[0.05] text-[11px]">
|
||||
<div className="flex items-center gap-1.5 text-zinc-400">
|
||||
{task.dueDate && (
|
||||
<span className="flex items-center gap-1 text-[10px] text-zinc-300">
|
||||
<Calendar className="w-2.5 h-2.5" /> {task.dueDate}
|
||||
</span>
|
||||
)}
|
||||
{!task.notes && (
|
||||
<button
|
||||
onClick={() => {
|
||||
setActiveNotesTaskId(task.id);
|
||||
setNotesDraft('');
|
||||
}}
|
||||
className="text-[10px] text-zinc-500 hover:text-zinc-300"
|
||||
>
|
||||
+ Notiz
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="flex items-center gap-1">
|
||||
<button
|
||||
onClick={() => handleKanbanMove(task, 'in_progress')}
|
||||
className="btn-action h-6 px-1.5 text-[10px] flex items-center gap-1"
|
||||
title="In Bearbeitung verschieben"
|
||||
>
|
||||
<span>Starten</span>
|
||||
<ArrowRight className="w-3 h-3 text-accent" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
{todoKanban.length === 0 && (
|
||||
<div className="p-4 text-center text-zinc-600 text-xs">Keine Aufgaben offen</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* COLUMN 2: IN PROGRESS */}
|
||||
<div className="bg-canvas border border-border flex flex-col">
|
||||
<div className="px-3 py-2 bg-panel border-b border-border flex items-center justify-between">
|
||||
<span className="text-xs font-semibold text-accent flex items-center gap-1.5">
|
||||
<span className="w-2 h-2 bg-accent inline-block" />
|
||||
<span>In Bearbeitung</span>
|
||||
</span>
|
||||
<span className="px-1.5 py-0.2 bg-canvas border border-border text-[10px] text-zinc-400 font-mono">
|
||||
{inProgressKanban.length}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div className="p-2 space-y-2 min-h-[360px] flex-1 overflow-y-auto">
|
||||
{inProgressKanban.map((task) => (
|
||||
<div
|
||||
key={task.id}
|
||||
className="bg-panel border border-accent/40 p-2.5 space-y-2 hover:border-accent transition-colors"
|
||||
>
|
||||
<div className="flex items-start justify-between gap-2">
|
||||
<p className="text-xs font-medium text-white break-words flex-1 leading-snug">
|
||||
{task.content}
|
||||
</p>
|
||||
<button
|
||||
onClick={() => handleConvertToDoc(task)}
|
||||
title="Als Notiz vertiefen"
|
||||
className="text-zinc-500 hover:text-accent flex-shrink-0"
|
||||
>
|
||||
<FileText className="w-3.5 h-3.5" />
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{/* Notes Preview / Inline Editor */}
|
||||
{activeNotesTaskId === task.id ? (
|
||||
<div className="space-y-1">
|
||||
<textarea
|
||||
value={notesDraft}
|
||||
onChange={(e) => setNotesDraft(e.target.value)}
|
||||
placeholder="Detailnotizen eingeben…"
|
||||
rows={2}
|
||||
className="w-full input-field p-1.5 text-xs text-white resize-none"
|
||||
/>
|
||||
<div className="flex justify-end gap-1">
|
||||
<button
|
||||
onClick={() => setActiveNotesTaskId(null)}
|
||||
className="btn-action h-5 px-1.5 text-[10px]"
|
||||
>
|
||||
Abbr.
|
||||
</button>
|
||||
<button
|
||||
onClick={() => handleSaveNotes(task)}
|
||||
className="btn-primary h-5 px-2 text-[10px]"
|
||||
>
|
||||
Speichern
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
) : task.notes ? (
|
||||
<div
|
||||
onClick={() => {
|
||||
setActiveNotesTaskId(task.id);
|
||||
setNotesDraft(task.notes || '');
|
||||
}}
|
||||
className="p-1.5 bg-canvas border border-border text-[11px] text-zinc-400 break-words cursor-pointer hover:border-zinc-500"
|
||||
>
|
||||
{task.notes}
|
||||
</div>
|
||||
) : null}
|
||||
|
||||
{/* Movement Controls */}
|
||||
<div className="flex items-center justify-between gap-1 pt-1 border-t border-white/[0.05] text-[11px]">
|
||||
<button
|
||||
onClick={() => handleKanbanMove(task, 'todo')}
|
||||
className="btn-action h-6 px-1.5 text-[10px] flex items-center gap-1"
|
||||
title="Zurück zu 'Zu erledigen'"
|
||||
>
|
||||
<ArrowLeft className="w-3 h-3 text-zinc-400" />
|
||||
<span>Zurück</span>
|
||||
</button>
|
||||
|
||||
<button
|
||||
onClick={() => handleKanbanMove(task, 'done')}
|
||||
className="btn-primary h-6 px-2 text-[10px] flex items-center gap-1"
|
||||
title="Als Erledigt markieren"
|
||||
>
|
||||
<span>Fertig</span>
|
||||
<Check className="w-3 h-3" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
{inProgressKanban.length === 0 && (
|
||||
<div className="p-4 text-center text-zinc-600 text-xs">Keine aktiven Aufgaben</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* COLUMN 3: DONE */}
|
||||
<div className="bg-canvas border border-border flex flex-col">
|
||||
<div className="px-3 py-2 bg-panel border-b border-border flex items-center justify-between">
|
||||
<span className="text-xs font-semibold text-emerald-400 flex items-center gap-1.5">
|
||||
<span className="w-2 h-2 bg-emerald-500 inline-block" />
|
||||
<span>Erledigt</span>
|
||||
</span>
|
||||
<span className="px-1.5 py-0.2 bg-canvas border border-border text-[10px] text-zinc-400 font-mono">
|
||||
{doneKanban.length}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div className="p-2 space-y-2 min-h-[360px] flex-1 overflow-y-auto">
|
||||
{doneKanban.map((task) => (
|
||||
<div
|
||||
key={task.id}
|
||||
className="bg-panel border border-border p-2.5 space-y-2 opacity-70 hover:opacity-100 transition-opacity"
|
||||
>
|
||||
<p className="text-xs font-medium text-zinc-400 line-through break-words leading-snug">
|
||||
{task.content}
|
||||
</p>
|
||||
|
||||
<div className="flex items-center justify-between gap-1 pt-1 border-t border-white/[0.05] text-[11px]">
|
||||
<button
|
||||
onClick={() => handleKanbanMove(task, 'todo')}
|
||||
className="btn-action h-6 px-1.5 text-[10px] flex items-center gap-1"
|
||||
title="Wiedereröffnen"
|
||||
>
|
||||
<RotateCcw className="w-3 h-3 text-accent" />
|
||||
<span>Wiedereröffnen</span>
|
||||
</button>
|
||||
<button
|
||||
onClick={() => handleDeletePermanent(task.id)}
|
||||
className="text-zinc-500 hover:text-red-400 p-1"
|
||||
title="Löschen"
|
||||
>
|
||||
<Trash2 className="w-3 h-3" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
{doneKanban.length === 0 && (
|
||||
<div className="p-4 text-center text-zinc-600 text-xs">Noch keine erledigten Aufgaben</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
/* STANDARD LIST VIEW */
|
||||
<div className="space-y-2">
|
||||
{/* Subfilter tabs for List View */}
|
||||
<div className="flex items-center justify-between gap-2">
|
||||
<div className="flex items-center border border-border bg-canvas">
|
||||
<button
|
||||
onClick={() => setFilter('open')}
|
||||
className={`h-8 px-3.5 text-xs font-medium border-r border-border transition-colors ${
|
||||
filter === 'open'
|
||||
? 'bg-panel text-white'
|
||||
: 'text-zinc-400 hover:text-white hover:bg-white/[0.02]'
|
||||
filter === 'open' ? 'bg-panel text-white' : 'text-zinc-400 hover:text-white'
|
||||
}`}
|
||||
>
|
||||
Offen ({openTasks.length})
|
||||
@@ -115,9 +665,7 @@ export const TasksView: React.FC<TasksViewProps> = ({
|
||||
<button
|
||||
onClick={() => setFilter('done')}
|
||||
className={`h-8 px-3.5 text-xs font-medium border-r border-border transition-colors ${
|
||||
filter === 'done'
|
||||
? 'bg-panel text-white'
|
||||
: 'text-zinc-400 hover:text-white hover:bg-white/[0.02]'
|
||||
filter === 'done' ? 'bg-panel text-white' : 'text-zinc-400 hover:text-white'
|
||||
}`}
|
||||
>
|
||||
Erledigt ({doneTasks.length})
|
||||
@@ -126,9 +674,7 @@ export const TasksView: React.FC<TasksViewProps> = ({
|
||||
<button
|
||||
onClick={() => setFilter('discarded')}
|
||||
className={`h-8 px-3.5 text-xs font-medium transition-colors ${
|
||||
filter === 'discarded'
|
||||
? 'bg-panel text-white'
|
||||
: 'text-zinc-400 hover:text-white hover:bg-white/[0.02]'
|
||||
filter === 'discarded' ? 'bg-panel text-white' : 'text-zinc-400 hover:text-white'
|
||||
}`}
|
||||
>
|
||||
Papierkorb ({discarded.length})
|
||||
@@ -136,10 +682,7 @@ export const TasksView: React.FC<TasksViewProps> = ({
|
||||
</div>
|
||||
|
||||
{filter === 'discarded' && discarded.length > 0 && (
|
||||
<button
|
||||
onClick={handlePurgeAllDiscarded}
|
||||
className="btn-action"
|
||||
>
|
||||
<button onClick={handlePurgeAllDiscarded} className="btn-action">
|
||||
<Trash2 className="w-3.5 h-3.5" />
|
||||
Papierkorb leeren
|
||||
</button>
|
||||
@@ -165,10 +708,7 @@ export const TasksView: React.FC<TasksViewProps> = ({
|
||||
<p className="text-sm text-zinc-400 line-through truncate">{item.content}</p>
|
||||
</div>
|
||||
<div className="flex items-center gap-2 flex-shrink-0">
|
||||
<button
|
||||
onClick={() => handleRestore(item)}
|
||||
className="btn-action"
|
||||
>
|
||||
<button onClick={() => handleRestore(item)} className="btn-action">
|
||||
<RotateCcw className="w-3 h-3 text-accent" /> Zurück
|
||||
</button>
|
||||
<button
|
||||
@@ -195,15 +735,15 @@ export const TasksView: React.FC<TasksViewProps> = ({
|
||||
(filter === 'open' ? openTasks : doneTasks).map((task) => (
|
||||
<div
|
||||
key={task.id}
|
||||
className={`px-3 py-2 flex flex-col sm:flex-row sm:items-center justify-between gap-2 transition-colors hover:bg-white/[0.02] ${
|
||||
className={`px-3 py-2.5 flex flex-col sm:flex-row sm:items-center justify-between gap-2.5 transition-colors hover:bg-white/[0.02] ${
|
||||
task.isCompleted ? 'opacity-65' : ''
|
||||
}`}
|
||||
>
|
||||
<div className="flex items-center gap-3 min-w-0 flex-1">
|
||||
<div className="flex items-start gap-3 min-w-0 flex-1">
|
||||
{/* Square minimalist checkbox */}
|
||||
<button
|
||||
onClick={() => handleToggleDone(task)}
|
||||
className={`w-4 h-4 flex items-center justify-center flex-shrink-0 transition-colors border ${
|
||||
className={`w-4 h-4 mt-0.5 flex items-center justify-center flex-shrink-0 transition-colors border ${
|
||||
task.isCompleted
|
||||
? 'bg-accent border-accent text-white'
|
||||
: 'border-zinc-500 hover:border-accent text-transparent'
|
||||
@@ -213,7 +753,7 @@ export const TasksView: React.FC<TasksViewProps> = ({
|
||||
<Check className="w-3 h-3 stroke-[3]" />
|
||||
</button>
|
||||
|
||||
<div className="min-w-0 flex-1">
|
||||
<div className="min-w-0 flex-1 space-y-1">
|
||||
<p
|
||||
className={`text-sm break-words leading-tight ${
|
||||
task.isCompleted ? 'line-through text-zinc-500' : 'text-white'
|
||||
@@ -222,17 +762,58 @@ export const TasksView: React.FC<TasksViewProps> = ({
|
||||
{task.content}
|
||||
</p>
|
||||
|
||||
{/* Inline Notes or Editor */}
|
||||
{activeNotesTaskId === task.id ? (
|
||||
<div className="space-y-1 pt-1">
|
||||
<textarea
|
||||
value={notesDraft}
|
||||
onChange={(e) => setNotesDraft(e.target.value)}
|
||||
placeholder="Detailnotizen eingeben…"
|
||||
rows={2}
|
||||
className="w-full input-field p-2 text-xs text-white resize-none"
|
||||
/>
|
||||
<div className="flex justify-end gap-1.5">
|
||||
<button
|
||||
onClick={() => setActiveNotesTaskId(null)}
|
||||
className="btn-action h-6 px-2 text-xs"
|
||||
>
|
||||
Abbrechen
|
||||
</button>
|
||||
<button
|
||||
onClick={() => handleSaveNotes(task)}
|
||||
className="btn-primary h-6 px-2.5 text-xs"
|
||||
>
|
||||
Speichern
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
) : task.notes ? (
|
||||
<p
|
||||
onClick={() => {
|
||||
setActiveNotesTaskId(task.id);
|
||||
setNotesDraft(task.notes || '');
|
||||
}}
|
||||
className="text-xs text-zinc-400 bg-canvas p-1.5 border border-border cursor-pointer hover:border-zinc-500"
|
||||
title="Klicken zum Bearbeiten"
|
||||
>
|
||||
{task.notes}
|
||||
</p>
|
||||
) : null}
|
||||
|
||||
<div className="flex flex-wrap items-center gap-1.5 mt-0.5 empty:hidden">
|
||||
{task.priority === 'urgent' && (
|
||||
<span className="badge-accent">
|
||||
Dringend
|
||||
</span>
|
||||
<span className="badge-accent">Dringend</span>
|
||||
)}
|
||||
{task.priority === 'high' && (
|
||||
<span className="px-1.5 py-0.2 border border-white/20 text-zinc-300 text-[10px] font-medium">
|
||||
Wichtig
|
||||
</span>
|
||||
)}
|
||||
{task.kanbanStatus === 'in_progress' && (
|
||||
<span className="px-1.5 py-0.2 bg-blue-900/40 border border-blue-500/40 text-blue-300 text-[10px]">
|
||||
⚡ In Bearbeitung
|
||||
</span>
|
||||
)}
|
||||
{task.tags?.map((tag) => (
|
||||
<span
|
||||
key={tag}
|
||||
@@ -247,6 +828,20 @@ export const TasksView: React.FC<TasksViewProps> = ({
|
||||
|
||||
{/* Action Controls */}
|
||||
<div className="flex items-center gap-2 self-end sm:self-center flex-shrink-0">
|
||||
{!task.notes && activeNotesTaskId !== task.id && (
|
||||
<button
|
||||
onClick={() => {
|
||||
setActiveNotesTaskId(task.id);
|
||||
setNotesDraft('');
|
||||
}}
|
||||
className="btn-action text-xs"
|
||||
title="Notizen zur Aufgabe hinzufügen"
|
||||
>
|
||||
<Edit3 className="w-3 h-3" />
|
||||
<span className="hidden md:inline">Notiz</span>
|
||||
</button>
|
||||
)}
|
||||
|
||||
<div className="relative flex items-center">
|
||||
<Calendar className="w-3 h-3 text-zinc-400 absolute left-2 pointer-events-none" />
|
||||
<input
|
||||
@@ -280,5 +875,7 @@ export const TasksView: React.FC<TasksViewProps> = ({
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
@@ -1,4 +1,4 @@
|
||||
import React, { useEffect, useState, useMemo } from 'react';
|
||||
import React, { useEffect, useState, useMemo, useRef } from 'react';
|
||||
import {
|
||||
FilePlus,
|
||||
FolderPlus,
|
||||
@@ -14,6 +14,7 @@ import {
|
||||
CheckSquare,
|
||||
Heading1,
|
||||
Heading2,
|
||||
Heading3,
|
||||
List,
|
||||
Code,
|
||||
Sparkles,
|
||||
@@ -22,6 +23,14 @@ import {
|
||||
X,
|
||||
ArrowUp,
|
||||
ArrowDown,
|
||||
Bold,
|
||||
Italic,
|
||||
Strikethrough,
|
||||
Link,
|
||||
Table as TableIcon,
|
||||
Percent,
|
||||
Minus,
|
||||
ExternalLink,
|
||||
} from 'lucide-react';
|
||||
import { BlockType, Document, DocumentBlock } from '../../lib/types';
|
||||
import { api, triggerHaptic } from '../../lib/api';
|
||||
@@ -31,7 +40,7 @@ interface WorkspaceViewProps {
|
||||
onStatsChange: () => void;
|
||||
}
|
||||
|
||||
const ICONS = ['🚀', '💡', '📄', '🏡', '⚡', '🎯', '🍕', '🛠️', '🧠', '🔥', '🏔️', '📦'];
|
||||
const ICONS = ['🚀', '💡', '📄', '🏡', '⚡', '🎯', '🍕', '🛠️', '🧠', '🔥', '🏔️', '📦', '📑', '⚙️', '📊'];
|
||||
|
||||
interface FolderTreeItem {
|
||||
path: string;
|
||||
@@ -50,6 +59,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
const [searchQuery, setSearchQuery] = useState('');
|
||||
const [saveState, setSaveState] = useState<'saved' | 'saving'>('saved');
|
||||
const [showIconPicker, setShowIconPicker] = useState(false);
|
||||
const [showWikiLinkMenu, setShowWikiLinkMenu] = useState(false);
|
||||
|
||||
// Folder state
|
||||
const [customFolders, setCustomFolders] = useState<string[]>(() => {
|
||||
@@ -65,6 +75,9 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
const [newFolderParent, setNewFolderParent] = useState<string | null>(null);
|
||||
const [newFolderName, setNewFolderName] = useState('');
|
||||
|
||||
// Active focused block ref
|
||||
const [lastFocusedBlockId, setLastFocusedBlockId] = useState<string | null>(null);
|
||||
|
||||
const loadDocs = async (selectId?: string | null) => {
|
||||
const list = await api.getDocuments();
|
||||
setDocs(list);
|
||||
@@ -95,6 +108,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
await api.updateDocument(updatedDoc.id, {
|
||||
title: updatedDoc.title,
|
||||
icon: updatedDoc.icon,
|
||||
folderPath: updatedDoc.folderPath,
|
||||
blocks: updatedDoc.blocks,
|
||||
tags: updatedDoc.tags,
|
||||
isPinned: updatedDoc.isPinned,
|
||||
@@ -105,6 +119,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
};
|
||||
|
||||
const getDocFolder = (doc: Document): string => {
|
||||
if (doc.folderPath) return doc.folderPath;
|
||||
const tag = doc.tags?.find((t) => t.startsWith('folder:'));
|
||||
return tag ? tag.replace('folder:', '') : '';
|
||||
};
|
||||
@@ -138,12 +153,14 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
const handleCreateDoc = async (folderPath?: string | null) => {
|
||||
triggerHaptic(15);
|
||||
const tags = ['projekt'];
|
||||
if (folderPath) {
|
||||
tags.push(`folder:${folderPath}`);
|
||||
const path = folderPath || '';
|
||||
if (path) {
|
||||
tags.push(`folder:${path}`);
|
||||
}
|
||||
const created = await api.createDocument({
|
||||
title: 'Neues Projekt / Notiz',
|
||||
icon: '💡',
|
||||
folderPath: path,
|
||||
blocks: [
|
||||
{
|
||||
id: `blk_${Date.now()}_1`,
|
||||
@@ -158,100 +175,74 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
{
|
||||
id: `blk_${Date.now()}_3`,
|
||||
type: 'todo',
|
||||
content: 'Ersten Punkt abhaken',
|
||||
content: 'Ersten Meilenstein definieren',
|
||||
checked: false,
|
||||
},
|
||||
],
|
||||
tags,
|
||||
isPinned: false,
|
||||
});
|
||||
|
||||
if (folderPath) {
|
||||
setExpandedFolders((prev) => {
|
||||
const next = new Set(prev);
|
||||
next.add(folderPath);
|
||||
return next;
|
||||
});
|
||||
}
|
||||
|
||||
await loadDocs(created.id);
|
||||
onStatsChange();
|
||||
};
|
||||
|
||||
const handleDeleteDoc = async (docId: string) => {
|
||||
const handleDeleteDoc = async (id: string) => {
|
||||
if (!window.confirm('Dokument wirklich löschen?')) return;
|
||||
triggerHaptic(20);
|
||||
await api.deleteDocument(docId);
|
||||
const remaining = docs.filter((d) => d.id !== docId);
|
||||
await api.deleteDocument(id);
|
||||
const remaining = docs.filter((d) => d.id !== id);
|
||||
setDocs(remaining);
|
||||
setSelectedDoc(remaining[0] || null);
|
||||
onStatsChange();
|
||||
};
|
||||
|
||||
const handleChangeDocFolder = (targetFolder: string) => {
|
||||
const handleChangeDocFolder = async (folderPath: string) => {
|
||||
if (!selectedDoc) return;
|
||||
const cleanTags = (selectedDoc.tags || []).filter((t) => !t.startsWith('folder:'));
|
||||
if (targetFolder) {
|
||||
cleanTags.push(`folder:${targetFolder}`);
|
||||
const cleanPath = folderPath.trim();
|
||||
const updatedTags = (selectedDoc.tags || []).filter((t) => !t.startsWith('folder:'));
|
||||
if (cleanPath) {
|
||||
updatedTags.push(`folder:${cleanPath}`);
|
||||
}
|
||||
persistDocument({ ...selectedDoc, tags: cleanTags });
|
||||
const updatedDoc = {
|
||||
...selectedDoc,
|
||||
folderPath: cleanPath,
|
||||
tags: updatedTags,
|
||||
};
|
||||
await persistDocument(updatedDoc);
|
||||
};
|
||||
|
||||
const handleStartCreateFolder = (parentPath: string | null = null) => {
|
||||
triggerHaptic(10);
|
||||
setNewFolderParent(parentPath);
|
||||
const handleStartCreateFolder = (parentPath?: string | null) => {
|
||||
setNewFolderParent(parentPath || null);
|
||||
setNewFolderName('');
|
||||
setIsCreatingFolder(true);
|
||||
if (parentPath) {
|
||||
setExpandedFolders((prev) => new Set([...prev, parentPath]));
|
||||
}
|
||||
};
|
||||
|
||||
const handleConfirmCreateFolder = () => {
|
||||
const trimmed = newFolderName.trim().replace(/^\/+|\/+$/g, '');
|
||||
const trimmed = newFolderName.trim();
|
||||
if (!trimmed) {
|
||||
setIsCreatingFolder(false);
|
||||
return;
|
||||
}
|
||||
const fullPath = newFolderParent ? `${newFolderParent}/${trimmed}` : trimmed;
|
||||
if (!customFolders.includes(fullPath)) {
|
||||
const updated = [...customFolders, fullPath];
|
||||
setCustomFolders(updated);
|
||||
const next = [...customFolders, fullPath].sort((a, b) => a.localeCompare(b));
|
||||
setCustomFolders(next);
|
||||
try {
|
||||
localStorage.setItem('mindsift_workspace_folders', JSON.stringify(updated));
|
||||
localStorage.setItem('mindsift_workspace_folders', JSON.stringify(next));
|
||||
} catch {
|
||||
// fallback
|
||||
// ignore
|
||||
}
|
||||
}
|
||||
setExpandedFolders((prev) => {
|
||||
const next = new Set(prev);
|
||||
next.add(fullPath);
|
||||
if (newFolderParent) next.add(newFolderParent);
|
||||
return next;
|
||||
});
|
||||
setExpandedFolders((prev) => new Set([...prev, fullPath]));
|
||||
setIsCreatingFolder(false);
|
||||
setNewFolderName('');
|
||||
setNewFolderParent(null);
|
||||
};
|
||||
|
||||
const handleDeleteFolder = (folderPath: string, e: React.MouseEvent) => {
|
||||
e.stopPropagation();
|
||||
triggerHaptic(15);
|
||||
const updated = customFolders.filter(
|
||||
(p) => p !== folderPath && !p.startsWith(folderPath + '/')
|
||||
);
|
||||
setCustomFolders(updated);
|
||||
try {
|
||||
localStorage.setItem('mindsift_workspace_folders', JSON.stringify(updated));
|
||||
} catch {
|
||||
// fallback
|
||||
}
|
||||
|
||||
// Keep docs safe: drop folder prefix so they fall back to root
|
||||
docs.forEach((d) => {
|
||||
const f = getDocFolder(d);
|
||||
if (f === folderPath || f.startsWith(folderPath + '/')) {
|
||||
const nextTags = (d.tags || []).filter((t) => !t.startsWith('folder:'));
|
||||
persistDocument({ ...d, tags: nextTags });
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const toggleFolder = (folderPath: string) => {
|
||||
setExpandedFolders((prev) => {
|
||||
const next = new Set(prev);
|
||||
@@ -264,12 +255,12 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
});
|
||||
};
|
||||
|
||||
const addBlock = (type: BlockType, afterIndex?: number) => {
|
||||
const addBlock = (type: BlockType, afterIndex?: number, defaultContent = '') => {
|
||||
if (!selectedDoc) return;
|
||||
const newBlock: DocumentBlock = {
|
||||
id: `blk_${Date.now()}_${Math.random().toString(36).slice(2, 6)}`,
|
||||
type,
|
||||
content: '',
|
||||
content: defaultContent,
|
||||
checked: false,
|
||||
lang: type === 'code' ? 'bash' : undefined,
|
||||
};
|
||||
@@ -282,6 +273,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
}
|
||||
|
||||
persistDocument({ ...selectedDoc, blocks: nextBlocks });
|
||||
setLastFocusedBlockId(newBlock.id);
|
||||
};
|
||||
|
||||
const updateBlock = (blockId: string, patch: Partial<DocumentBlock>) => {
|
||||
@@ -308,6 +300,32 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
persistDocument({ ...selectedDoc, blocks: nextBlocks });
|
||||
};
|
||||
|
||||
// --- TOP TOOLBAR FORMATTING HELPERS ---
|
||||
const applyInlineFormat = (prefix: string, suffix = prefix) => {
|
||||
if (!selectedDoc) return;
|
||||
const targetBlockId = lastFocusedBlockId || selectedDoc.blocks[selectedDoc.blocks.length - 1]?.id;
|
||||
if (!targetBlockId) return;
|
||||
|
||||
const block = selectedDoc.blocks.find((b) => b.id === targetBlockId);
|
||||
if (!block) return;
|
||||
|
||||
const newContent = `${block.content} ${prefix}Text${suffix}`;
|
||||
updateBlock(targetBlockId, { content: newContent });
|
||||
};
|
||||
|
||||
const insertWikiLink = (targetDocTitle: string) => {
|
||||
if (!selectedDoc) return;
|
||||
const targetBlockId = lastFocusedBlockId || selectedDoc.blocks[selectedDoc.blocks.length - 1]?.id;
|
||||
if (!targetBlockId) return;
|
||||
|
||||
const block = selectedDoc.blocks.find((b) => b.id === targetBlockId);
|
||||
if (!block) return;
|
||||
|
||||
const newContent = `${block.content} [[${targetDocTitle}]]`;
|
||||
updateBlock(targetBlockId, { content: newContent });
|
||||
setShowWikiLinkMenu(false);
|
||||
};
|
||||
|
||||
const handleExportMarkdown = () => {
|
||||
if (!selectedDoc) return;
|
||||
const lines: string[] = [`# ${selectedDoc.icon} ${selectedDoc.title}`, ''];
|
||||
@@ -334,6 +352,15 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
case 'code':
|
||||
lines.push('```' + (b.lang || ''), b.content, '```', '');
|
||||
break;
|
||||
case 'table':
|
||||
lines.push(b.content, '');
|
||||
break;
|
||||
case 'progress':
|
||||
lines.push(`<!-- progress: ${b.content} -->`, '');
|
||||
break;
|
||||
case 'divider':
|
||||
lines.push('---', '');
|
||||
break;
|
||||
default:
|
||||
lines.push(b.content, '');
|
||||
}
|
||||
@@ -348,75 +375,118 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
URL.revokeObjectURL(url);
|
||||
};
|
||||
|
||||
const filteredDocs = docs.filter(
|
||||
(d) =>
|
||||
d.title.toLowerCase().includes(searchQuery.toLowerCase()) ||
|
||||
(d.content && d.content.toLowerCase().includes(searchQuery.toLowerCase()))
|
||||
);
|
||||
|
||||
// Build recursive folder tree
|
||||
const buildTree = (parentPath: string = '', depth: number = 0): FolderTreeItem[] => {
|
||||
const directChildren = allFolderPaths.filter((p) => {
|
||||
if (parentPath === '') {
|
||||
return !p.includes('/');
|
||||
}
|
||||
return p.startsWith(parentPath + '/') && !p.slice(parentPath.length + 1).includes('/');
|
||||
});
|
||||
|
||||
return directChildren.map((p) => {
|
||||
const name = p.split('/').pop() || p;
|
||||
const matchingDocs = filteredDocs.filter((d) => getDocFolder(d) === p);
|
||||
return {
|
||||
path: p,
|
||||
name,
|
||||
depth,
|
||||
subfolders: buildTree(p, depth + 1),
|
||||
docs: matchingDocs,
|
||||
};
|
||||
});
|
||||
};
|
||||
|
||||
const rootTree = useMemo(() => buildTree('', 0), [allFolderPaths, filteredDocs]);
|
||||
const rootDocs = useMemo(
|
||||
() => filteredDocs.filter((d) => !getDocFolder(d)),
|
||||
[filteredDocs]
|
||||
);
|
||||
|
||||
const renderDocItem = (doc: Document, depth: number = 0) => {
|
||||
const active = selectedDoc?.id === doc.id;
|
||||
// Helper to render text with clickable Wiki-Links
|
||||
const renderTextWithWikiLinks = (text: string) => {
|
||||
const parts = text.split(/(\[\[.*?\]\])/g);
|
||||
return parts.map((part, i) => {
|
||||
if (part.startsWith('[[') && part.endsWith(']]')) {
|
||||
const linkTitle = part.slice(2, -2).trim();
|
||||
const target = docs.find((d) => d.title.toLowerCase() === linkTitle.toLowerCase());
|
||||
return (
|
||||
<button
|
||||
<span
|
||||
key={i}
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
if (target) setSelectedDoc(target);
|
||||
}}
|
||||
className={`inline-flex items-center gap-1 px-1.5 py-0.2 mx-0.5 border text-xs font-medium cursor-pointer transition-colors ${
|
||||
target
|
||||
? 'bg-accent/20 border-accent/40 text-accent hover:bg-accent/30'
|
||||
: 'bg-zinc-800 border-zinc-700 text-zinc-400 hover:text-white'
|
||||
}`}
|
||||
title={target ? `Öffne: ${target.title}` : `Dokument "${linkTitle}" existiert noch nicht`}
|
||||
>
|
||||
<span>📄</span>
|
||||
<span>{linkTitle}</span>
|
||||
<ExternalLink className="w-2.5 h-2.5 opacity-60" />
|
||||
</span>
|
||||
);
|
||||
}
|
||||
return <span key={i}>{part}</span>;
|
||||
});
|
||||
};
|
||||
|
||||
// --- FOLDER TREE CALCULATION ---
|
||||
const filteredDocs = useMemo(() => {
|
||||
if (!searchQuery.trim()) return docs;
|
||||
const q = searchQuery.toLowerCase();
|
||||
return docs.filter(
|
||||
(d) => d.title.toLowerCase().includes(q) || d.content.toLowerCase().includes(q)
|
||||
);
|
||||
}, [docs, searchQuery]);
|
||||
|
||||
const { rootTree, rootDocs } = useMemo(() => {
|
||||
const folderMap = new Map<string, FolderTreeItem>();
|
||||
|
||||
allFolderPaths.forEach((path) => {
|
||||
const parts = path.split('/');
|
||||
const name = parts[parts.length - 1];
|
||||
folderMap.set(path, {
|
||||
path,
|
||||
name,
|
||||
depth: parts.length - 1,
|
||||
subfolders: [],
|
||||
docs: [],
|
||||
});
|
||||
});
|
||||
|
||||
filteredDocs.forEach((doc) => {
|
||||
const folder = getDocFolder(doc);
|
||||
if (folder && folderMap.has(folder)) {
|
||||
folderMap.get(folder)!.docs.push(doc);
|
||||
}
|
||||
});
|
||||
|
||||
const rootFolders: FolderTreeItem[] = [];
|
||||
allFolderPaths.forEach((path) => {
|
||||
const item = folderMap.get(path)!;
|
||||
const lastSlash = path.lastIndexOf('/');
|
||||
if (lastSlash === -1) {
|
||||
rootFolders.push(item);
|
||||
} else {
|
||||
const parentPath = path.substring(0, lastSlash);
|
||||
const parent = folderMap.get(parentPath);
|
||||
if (parent) {
|
||||
parent.subfolders.push(item);
|
||||
} else {
|
||||
rootFolders.push(item);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
const rootOnlyDocs = filteredDocs.filter((d) => !getDocFolder(d));
|
||||
return { rootTree: rootFolders, rootDocs: rootOnlyDocs };
|
||||
}, [allFolderPaths, filteredDocs]);
|
||||
|
||||
const renderDocItem = (doc: Document, depth: number) => {
|
||||
const isSelected = selectedDoc?.id === doc.id;
|
||||
return (
|
||||
<div
|
||||
key={doc.id}
|
||||
type="button"
|
||||
onClick={() => setSelectedDoc(doc)}
|
||||
style={{ paddingLeft: `${depth * 14 + 10}px` }}
|
||||
className={`w-full text-left py-1.5 pr-2 transition-colors flex items-center justify-between gap-2 border-l-2 ${
|
||||
active
|
||||
? 'tree-node-active'
|
||||
: 'border-l-transparent text-zinc-300 hover:bg-panel-elevated hover:text-white'
|
||||
style={{ paddingLeft: `${depth * 14 + 16}px` }}
|
||||
className={`group flex items-center justify-between py-1.5 pr-2 border-l-2 transition-colors cursor-pointer text-xs ${
|
||||
isSelected
|
||||
? 'bg-panel-elevated border-accent text-white font-medium'
|
||||
: 'border-transparent text-zinc-400 hover:text-white hover:bg-white/[0.02]'
|
||||
}`}
|
||||
>
|
||||
<div className="flex items-center gap-1.5 min-w-0">
|
||||
<span className="text-xs leading-none flex-shrink-0">
|
||||
{doc.icon ? doc.icon : <FileText className="w-3.5 h-3.5 text-zinc-400" />}
|
||||
</span>
|
||||
<span className="text-xs truncate font-normal">{doc.title || 'Ohne Titel'}</span>
|
||||
<div className="flex items-center gap-2 min-w-0 flex-1">
|
||||
<span className="text-sm flex-shrink-0">{doc.icon}</span>
|
||||
<span className="truncate">{doc.title || 'Unbenannt'}</span>
|
||||
{doc.isPinned && <Pin className="w-2.5 h-2.5 text-accent flex-shrink-0" />}
|
||||
</div>
|
||||
</div>
|
||||
{doc.isPinned && <Pin className="w-3 h-3 text-accent flex-shrink-0" />}
|
||||
</button>
|
||||
);
|
||||
};
|
||||
|
||||
const renderFolder = (node: FolderTreeItem) => {
|
||||
const renderFolder = (node: FolderTreeItem): React.ReactNode => {
|
||||
const isExpanded = expandedFolders.has(node.path);
|
||||
const isCreatingSubfolder = isCreatingFolder && newFolderParent === node.path;
|
||||
const totalItems =
|
||||
node.docs.length +
|
||||
node.subfolders.reduce((acc, s) => acc + s.docs.length, 0);
|
||||
const totalItems = node.docs.length + node.subfolders.length;
|
||||
|
||||
return (
|
||||
<div key={node.path} className="select-none">
|
||||
{/* Folder Header Row */}
|
||||
<div
|
||||
onClick={() => toggleFolder(node.path)}
|
||||
style={{ paddingLeft: `${node.depth * 14 + 8}px` }}
|
||||
@@ -439,7 +509,6 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
<span className="text-[10px] text-zinc-500 font-mono">({totalItems})</span>
|
||||
</div>
|
||||
|
||||
{/* Folder Actions on Hover */}
|
||||
<div className="opacity-0 group-hover:opacity-100 flex items-center gap-1 transition-opacity">
|
||||
<button
|
||||
type="button"
|
||||
@@ -463,24 +532,15 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
>
|
||||
<FolderPlus className="w-3 h-3" />
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
onClick={(e) => handleDeleteFolder(node.path, e)}
|
||||
className="p-1 hover:bg-red-500/20 text-zinc-500 hover:text-red-400"
|
||||
title="Ordner entfernen"
|
||||
>
|
||||
<Trash2 className="w-3 h-3" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Subfolder inline creation input */}
|
||||
{isCreatingSubfolder && (
|
||||
<div
|
||||
style={{ paddingLeft: `${(node.depth + 1) * 14 + 8}px` }}
|
||||
className="py-1 pr-2 flex items-center gap-1.5 bg-canvas"
|
||||
className="py-1 pr-2 flex items-center gap-1 bg-canvas"
|
||||
>
|
||||
<Folder className="w-3.5 h-3.5 text-zinc-400 flex-shrink-0" />
|
||||
<Folder className="w-3 h-3 text-zinc-400 flex-shrink-0" />
|
||||
<input
|
||||
type="text"
|
||||
autoFocus
|
||||
@@ -490,8 +550,8 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
if (e.key === 'Enter') handleConfirmCreateFolder();
|
||||
if (e.key === 'Escape') setIsCreatingFolder(false);
|
||||
}}
|
||||
placeholder="Unterordnername…"
|
||||
className="flex-1 h-6 px-1.5 input-field"
|
||||
placeholder="Unterordner…"
|
||||
className="flex-1 h-6 px-1.5 input-field text-xs"
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
@@ -512,7 +572,6 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Expanded Folder Content */}
|
||||
{isExpanded && (
|
||||
<div>
|
||||
{node.subfolders.map(renderFolder)}
|
||||
@@ -537,9 +596,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
<div className="grid grid-cols-1 lg:grid-cols-12 gap-2">
|
||||
{/* Left Document & Folder Explorer Tree */}
|
||||
<div className="lg:col-span-4 panel-surface flex flex-col self-start">
|
||||
{/* Top Explorer Action Bar */}
|
||||
<div className="p-2 panel-header space-y-2">
|
||||
{/* Quick Search */}
|
||||
<div className="relative">
|
||||
<Search className="w-3.5 h-3.5 text-zinc-400 absolute left-2.5 top-1/2 -translate-y-1/2" />
|
||||
<input
|
||||
@@ -551,7 +608,6 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Monochromatic Square Action Buttons */}
|
||||
<div className="flex items-center gap-1.5">
|
||||
<button
|
||||
type="button"
|
||||
@@ -575,7 +631,6 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Root Folder Creation Input */}
|
||||
{isCreatingFolder && newFolderParent === null && (
|
||||
<div className="p-2 panel-header bg-canvas flex items-center gap-1.5">
|
||||
<Folder className="w-3.5 h-3.5 text-zinc-400 flex-shrink-0" />
|
||||
@@ -610,7 +665,6 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Empty State */}
|
||||
{isEmpty ? (
|
||||
<div className="p-6 my-3 mx-2 border border-dashed border-border bg-canvas/50 text-center">
|
||||
<Folder className="w-7 h-7 text-zinc-600 mx-auto mb-2" />
|
||||
@@ -638,7 +692,6 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
/* File Explorer Tree View */
|
||||
<div className="py-1 max-h-[calc(100vh-240px)] overflow-y-auto">
|
||||
{rootTree.map(renderFolder)}
|
||||
{rootDocs.map((doc) => renderDocItem(doc, 0))}
|
||||
@@ -651,25 +704,24 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Right Block Editor */}
|
||||
{/* Right Word / Notion Formatted Editor */}
|
||||
<div className="lg:col-span-8">
|
||||
{selectedDoc ? (
|
||||
<div className="p-4 panel-surface">
|
||||
{/* Document Top Action Bar */}
|
||||
<div className="flex flex-wrap items-center justify-between gap-3 pb-3 mb-3 panel-header">
|
||||
<div className="p-4 panel-surface space-y-3">
|
||||
{/* Document Header & Metadata */}
|
||||
<div className="flex flex-wrap items-center justify-between gap-3 pb-3 panel-header">
|
||||
<div className="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
|
||||
<span className="badge-accent">
|
||||
<Check className="w-3 h-3" />
|
||||
{saveState === 'saving' ? 'Speichert…' : 'Gespeichert'}
|
||||
</span>
|
||||
|
||||
{/* Folder Breadcrumb Selector */}
|
||||
<div className="flex items-center gap-1.5">
|
||||
<Folder className="w-3.5 h-3.5 text-zinc-500" />
|
||||
<select
|
||||
value={getDocFolder(selectedDoc)}
|
||||
onChange={(e) => handleChangeDocFolder(e.target.value)}
|
||||
className="input-field px-2 py-0.5"
|
||||
className="input-field px-2 py-0.5 text-xs bg-canvas"
|
||||
>
|
||||
<option value="">(Kein Ordner / Root)</option>
|
||||
{allFolderPaths.map((fp) => (
|
||||
@@ -699,9 +751,10 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
type="button"
|
||||
onClick={handleExportMarkdown}
|
||||
className="btn-action"
|
||||
title="Als Markdown-Datei (.md) herunterladen"
|
||||
>
|
||||
<Download className="w-3.5 h-3.5 text-accent" />
|
||||
<span>Markdown (.md)</span>
|
||||
<span>Export (.md)</span>
|
||||
</button>
|
||||
|
||||
<button
|
||||
@@ -716,7 +769,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
</div>
|
||||
|
||||
{/* Document Icon & Title */}
|
||||
<div className="flex items-center gap-3 mb-4 relative">
|
||||
<div className="flex items-center gap-3 relative">
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setShowIconPicker((prev) => !prev)}
|
||||
@@ -727,7 +780,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
</button>
|
||||
|
||||
{showIconPicker && (
|
||||
<div className="absolute top-12 left-0 z-20 p-2.5 panel-surface flex flex-wrap gap-1 w-64 shadow-xl">
|
||||
<div className="absolute top-12 left-0 z-20 p-2.5 panel-surface flex flex-wrap gap-1 w-64 shadow-xl border border-border">
|
||||
{ICONS.map((ic) => (
|
||||
<button
|
||||
key={ic}
|
||||
@@ -753,12 +806,140 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Blocks Stack */}
|
||||
<div className="space-y-3">
|
||||
{/* NOTION / WORD RICH FORMATTING TOOLBAR */}
|
||||
<div className="p-1.5 bg-canvas border border-border flex flex-wrap items-center gap-1 text-xs">
|
||||
{/* Text styling buttons */}
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => applyInlineFormat('**')}
|
||||
className="p-1 hover:bg-panel text-zinc-300 hover:text-white"
|
||||
title="Fett (**text**)"
|
||||
>
|
||||
<Bold className="w-3.5 h-3.5" />
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => applyInlineFormat('*')}
|
||||
className="p-1 hover:bg-panel text-zinc-300 hover:text-white"
|
||||
title="Kursiv (*text*)"
|
||||
>
|
||||
<Italic className="w-3.5 h-3.5" />
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => applyInlineFormat('~~')}
|
||||
className="p-1 hover:bg-panel text-zinc-300 hover:text-white"
|
||||
title="Durchgestrichen (~~text~~)"
|
||||
>
|
||||
<Strikethrough className="w-3.5 h-3.5" />
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => applyInlineFormat('`')}
|
||||
className="p-1 hover:bg-panel text-zinc-300 hover:text-white"
|
||||
title="Inline Code (`code`)"
|
||||
>
|
||||
<Code className="w-3.5 h-3.5" />
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => applyInlineFormat('[Link](', ')')}
|
||||
className="p-1 hover:bg-panel text-zinc-300 hover:text-white"
|
||||
title="Link einfügen"
|
||||
>
|
||||
<Link className="w-3.5 h-3.5" />
|
||||
</button>
|
||||
|
||||
<span className="w-px h-4 bg-border mx-1" />
|
||||
|
||||
{/* Wiki-Link Popover Button */}
|
||||
<div className="relative">
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setShowWikiLinkMenu((prev) => !prev)}
|
||||
className="px-2 py-0.5 bg-panel border border-border text-[11px] text-accent flex items-center gap-1 hover:bg-panel-hover"
|
||||
title="Auf anderes Dokument verlinken ([[Dokumentname]])"
|
||||
>
|
||||
<span>[[ Wiki-Link ]]</span>
|
||||
</button>
|
||||
{showWikiLinkMenu && (
|
||||
<div className="absolute top-7 left-0 z-30 w-56 bg-panel border border-border p-1.5 shadow-2xl space-y-1">
|
||||
<p className="text-[10px] text-zinc-400 px-1.5 pb-1 border-b border-border">
|
||||
Dokument zum Verlinken wählen:
|
||||
</p>
|
||||
<div className="max-h-48 overflow-y-auto">
|
||||
{docs
|
||||
.filter((d) => d.id !== selectedDoc.id)
|
||||
.map((d) => (
|
||||
<button
|
||||
key={d.id}
|
||||
type="button"
|
||||
onClick={() => insertWikiLink(d.title)}
|
||||
className="w-full text-left px-2 py-1 text-xs text-zinc-300 hover:text-white hover:bg-panel-hover truncate flex items-center gap-1.5"
|
||||
>
|
||||
<span>{d.icon}</span>
|
||||
<span className="truncate">{d.title}</span>
|
||||
</button>
|
||||
))}
|
||||
{docs.length <= 1 && (
|
||||
<div className="p-2 text-center text-[11px] text-zinc-500">
|
||||
Keine weiteren Dokumente vorhanden
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<span className="w-px h-4 bg-border mx-1" />
|
||||
|
||||
{/* Custom Elements: Table & Progress */}
|
||||
<button
|
||||
type="button"
|
||||
onClick={() =>
|
||||
addBlock(
|
||||
'table',
|
||||
undefined,
|
||||
'| Spalte 1 | Spalte 2 | Spalte 3 |\n|---|---|---|\n| Inhalt A | Inhalt B | Inhalt C |\n| Wert 1 | Wert 2 | Wert 3 |'
|
||||
)
|
||||
}
|
||||
className="px-2 py-0.5 bg-panel border border-border text-[11px] text-zinc-300 hover:text-white flex items-center gap-1"
|
||||
title="Tabelle einfügen"
|
||||
>
|
||||
<TableIcon className="w-3 h-3 text-accent" />
|
||||
<span>Tabelle</span>
|
||||
</button>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => addBlock('progress', undefined, '50')}
|
||||
className="px-2 py-0.5 bg-panel border border-border text-[11px] text-zinc-300 hover:text-white flex items-center gap-1"
|
||||
title="Fortschrittsbalken einfügen"
|
||||
>
|
||||
<Percent className="w-3 h-3 text-accent" />
|
||||
<span>Fortschritt</span>
|
||||
</button>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => addBlock('divider')}
|
||||
className="p-1 hover:bg-panel text-zinc-400 hover:text-white"
|
||||
title="Trennlinie"
|
||||
>
|
||||
<Minus className="w-3.5 h-3.5" />
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{/* BLOCKS STACK */}
|
||||
<div className="space-y-3 pt-2">
|
||||
{selectedDoc.blocks.map((block, idx) => (
|
||||
<div key={block.id} className="group flex items-start gap-2">
|
||||
{/* Block Renderer */}
|
||||
<div
|
||||
key={block.id}
|
||||
onClick={() => setLastFocusedBlockId(block.id)}
|
||||
className="group flex items-start gap-2"
|
||||
>
|
||||
<div className="flex-1 min-w-0">
|
||||
{/* H1 */}
|
||||
{block.type === 'h1' && (
|
||||
<input
|
||||
type="text"
|
||||
@@ -769,6 +950,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
/>
|
||||
)}
|
||||
|
||||
{/* H2 */}
|
||||
{block.type === 'h2' && (
|
||||
<input
|
||||
type="text"
|
||||
@@ -779,16 +961,36 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
/>
|
||||
)}
|
||||
|
||||
{block.type === 'paragraph' && (
|
||||
<textarea
|
||||
rows={Math.max(1, Math.ceil(block.content.length / 75))}
|
||||
{/* H3 */}
|
||||
{block.type === 'h3' && (
|
||||
<input
|
||||
type="text"
|
||||
value={block.content}
|
||||
onChange={(e) => updateBlock(block.id, { content: e.target.value })}
|
||||
placeholder="Text schreiben…"
|
||||
className="w-full bg-transparent text-xs sm:text-sm text-zinc-200 leading-relaxed focus:outline-none resize-none font-normal"
|
||||
placeholder="Unterabschnitt…"
|
||||
className="w-full bg-transparent text-sm font-semibold text-zinc-200 focus:outline-none pt-1"
|
||||
/>
|
||||
)}
|
||||
|
||||
{/* PARAGRAPH with Wiki-Link support */}
|
||||
{block.type === 'paragraph' && (
|
||||
<div className="space-y-1">
|
||||
<textarea
|
||||
rows={Math.max(1, Math.ceil((block.content || '').length / 75))}
|
||||
value={block.content}
|
||||
onChange={(e) => updateBlock(block.id, { content: e.target.value })}
|
||||
placeholder="Text schreiben… (nutze [[Dokument]] für Wiki-Links)"
|
||||
className="w-full bg-transparent text-xs sm:text-sm text-zinc-200 leading-relaxed focus:outline-none resize-none font-normal"
|
||||
/>
|
||||
{block.content.includes('[[') && (
|
||||
<div className="text-xs text-zinc-400 pt-0.5">
|
||||
{renderTextWithWikiLinks(block.content)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* TODO */}
|
||||
{block.type === 'todo' && (
|
||||
<div className="flex items-center gap-2.5 py-1">
|
||||
<input
|
||||
@@ -797,6 +999,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
onChange={(e) => updateBlock(block.id, { checked: e.target.checked })}
|
||||
className="w-3.5 h-3.5 accent-accent cursor-pointer"
|
||||
/>
|
||||
<div className="flex-1">
|
||||
<input
|
||||
type="text"
|
||||
value={block.content}
|
||||
@@ -806,12 +1009,20 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
block.checked ? 'line-through text-zinc-500' : 'text-white'
|
||||
}`}
|
||||
/>
|
||||
{block.content.includes('[[') && (
|
||||
<div className="text-xs text-zinc-400">
|
||||
{renderTextWithWikiLinks(block.content)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* BULLET */}
|
||||
{block.type === 'bullet' && (
|
||||
<div className="flex items-center gap-2.5 py-0.5">
|
||||
<span className="w-1.5 h-1.5 bg-accent flex-shrink-0" />
|
||||
<div className="flex-1">
|
||||
<input
|
||||
type="text"
|
||||
value={block.content}
|
||||
@@ -819,12 +1030,20 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
placeholder="Listenpunkt…"
|
||||
className="w-full bg-transparent text-xs sm:text-sm text-zinc-200 focus:outline-none"
|
||||
/>
|
||||
{block.content.includes('[[') && (
|
||||
<div className="text-xs text-zinc-400">
|
||||
{renderTextWithWikiLinks(block.content)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* CALLOUT */}
|
||||
{block.type === 'callout' && (
|
||||
<div className="p-2.5 bg-canvas border border-accent/40 flex items-start gap-2">
|
||||
<Sparkles className="w-3.5 h-3.5 text-accent flex-shrink-0 mt-0.5" />
|
||||
<div className="flex-1 space-y-1">
|
||||
<textarea
|
||||
rows={2}
|
||||
value={block.content}
|
||||
@@ -832,13 +1051,20 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
placeholder="Wichtiger Hinweis oder Zusammenfassung…"
|
||||
className="w-full bg-transparent text-xs sm:text-sm text-zinc-200 focus:outline-none resize-none"
|
||||
/>
|
||||
{block.content.includes('[[') && (
|
||||
<div className="text-xs text-zinc-400">
|
||||
{renderTextWithWikiLinks(block.content)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* CODE */}
|
||||
{block.type === 'code' && (
|
||||
<div className="p-2.5 bg-canvas border border-border font-mono text-xs text-zinc-200">
|
||||
<textarea
|
||||
rows={Math.max(2, block.content.split('\n').length)}
|
||||
rows={Math.max(2, (block.content || '').split('\n').length)}
|
||||
value={block.content}
|
||||
onChange={(e) => updateBlock(block.id, { content: e.target.value })}
|
||||
placeholder="// Code oder Shell-Kommando…"
|
||||
@@ -846,9 +1072,62 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* TABLE */}
|
||||
{block.type === 'table' && (
|
||||
<div className="p-2.5 bg-canvas border border-border space-y-2">
|
||||
<div className="flex items-center justify-between text-[11px] text-zinc-400 border-b border-border pb-1">
|
||||
<span className="flex items-center gap-1 font-semibold text-zinc-300">
|
||||
<TableIcon className="w-3 h-3 text-accent" /> Markdown Tabelle
|
||||
</span>
|
||||
</div>
|
||||
<textarea
|
||||
rows={Math.max(3, (block.content || '').split('\n').length)}
|
||||
value={block.content}
|
||||
onChange={(e) => updateBlock(block.id, { content: e.target.value })}
|
||||
placeholder="| Spalte 1 | Spalte 2 |\n|---|---|\n| Inhalt | Wert |"
|
||||
className="w-full bg-transparent font-mono text-xs text-zinc-200 focus:outline-none resize-none"
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* PROGRESS BAR */}
|
||||
{block.type === 'progress' && (
|
||||
<div className="p-2.5 bg-canvas border border-border space-y-2">
|
||||
<div className="flex items-center justify-between text-xs">
|
||||
<span className="text-zinc-300 font-medium flex items-center gap-1">
|
||||
<Percent className="w-3 h-3 text-accent" /> Fortschritt
|
||||
</span>
|
||||
<span className="font-mono text-accent font-semibold">
|
||||
{parseInt(block.content) || 0}%
|
||||
</span>
|
||||
</div>
|
||||
<div className="w-full bg-panel h-2.5 overflow-hidden border border-border">
|
||||
<div
|
||||
className="bg-accent h-full transition-all"
|
||||
style={{ width: `${Math.min(100, Math.max(0, parseInt(block.content) || 0))}%` }}
|
||||
/>
|
||||
</div>
|
||||
<input
|
||||
type="range"
|
||||
min="0"
|
||||
max="100"
|
||||
value={parseInt(block.content) || 0}
|
||||
onChange={(e) => updateBlock(block.id, { content: e.target.value })}
|
||||
className="w-full accent-accent cursor-pointer"
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* DIVIDER */}
|
||||
{block.type === 'divider' && (
|
||||
<div className="py-2">
|
||||
<hr className="border-border" />
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Block Reorder & Delete Controls */}
|
||||
{/* Block Controls */}
|
||||
<div className="opacity-0 group-hover:opacity-100 flex items-center gap-0.5 transition-opacity pt-1">
|
||||
<button
|
||||
type="button"
|
||||
@@ -879,9 +1158,9 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* Add Block Toolbar */}
|
||||
{/* Bottom Add Block Toolbar */}
|
||||
<div className="mt-4 pt-3 border-t border-border flex flex-wrap items-center gap-1.5">
|
||||
<span className="text-xs text-zinc-400 mr-1">+ Block:</span>
|
||||
<span className="text-xs text-zinc-400 mr-1">+ Neuer Block:</span>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
@@ -933,10 +1212,32 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => addBlock('h1')}
|
||||
onClick={() =>
|
||||
addBlock(
|
||||
'table',
|
||||
undefined,
|
||||
'| Spalte 1 | Spalte 2 |\n|---|---|\n| Inhalt A | Inhalt B |'
|
||||
)
|
||||
}
|
||||
className="btn-action h-6 px-2 text-xs"
|
||||
>
|
||||
<Heading1 className="w-3 h-3 text-accent" /> H1
|
||||
<TableIcon className="w-3 h-3 text-accent" /> Tabelle
|
||||
</button>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => addBlock('progress', undefined, '50')}
|
||||
className="btn-action h-6 px-2 text-xs"
|
||||
>
|
||||
<Percent className="w-3 h-3 text-accent" /> Fortschritt
|
||||
</button>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => addBlock('divider')}
|
||||
className="btn-action h-6 px-2 text-xs"
|
||||
>
|
||||
<Minus className="w-3 h-3 text-accent" /> Trennlinie
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+157
-4
@@ -4,9 +4,14 @@ import {
|
||||
Document,
|
||||
DocumentBlock,
|
||||
ListItem,
|
||||
Organization,
|
||||
PriorityLevel,
|
||||
SharedList,
|
||||
Space,
|
||||
SystemSettings,
|
||||
Team,
|
||||
TeamMember,
|
||||
TaskList,
|
||||
Thought,
|
||||
User,
|
||||
} from './types';
|
||||
@@ -97,7 +102,7 @@ async function request<T>(path: string, options: RequestInit = {}, isRetry = fal
|
||||
}
|
||||
|
||||
export const api = {
|
||||
// --- AUTH ---
|
||||
// --- AUTH & SETTINGS ---
|
||||
async quickStart(): Promise<{ token: string; user: User }> {
|
||||
const res = await request<{ token: string; user: User }>('/api/v1/auth/quickstart', {
|
||||
method: 'POST',
|
||||
@@ -128,6 +133,19 @@ export const api = {
|
||||
return request<{ user: User; stats: DashboardStats }>('/api/v1/auth/me');
|
||||
},
|
||||
|
||||
async updateSettings(patch: {
|
||||
displayName?: string;
|
||||
email?: string;
|
||||
password?: string;
|
||||
discordWebhookUrl?: string;
|
||||
notifyBeforeMinutes?: number;
|
||||
}): Promise<User> {
|
||||
return request<User>('/api/v1/auth/settings', {
|
||||
method: 'PATCH',
|
||||
body: JSON.stringify(patch),
|
||||
});
|
||||
},
|
||||
|
||||
async getStats(): Promise<DashboardStats> {
|
||||
return request<DashboardStats>('/api/v1/stats');
|
||||
},
|
||||
@@ -141,6 +159,7 @@ export const api = {
|
||||
options?: {
|
||||
target?: 'inbox' | 'task' | 'list_item' | 'document';
|
||||
targetListId?: string;
|
||||
taskListId?: string;
|
||||
}
|
||||
): Promise<Thought> {
|
||||
try {
|
||||
@@ -153,6 +172,7 @@ export const api = {
|
||||
dueDate,
|
||||
target: options?.target || 'inbox',
|
||||
targetListId: options?.targetListId || '',
|
||||
taskListId: options?.taskListId || '',
|
||||
}),
|
||||
});
|
||||
return thought;
|
||||
@@ -169,6 +189,7 @@ export const api = {
|
||||
status: 'inbox',
|
||||
isCompleted: false,
|
||||
dueDate,
|
||||
taskListId: options?.taskListId || '',
|
||||
createdAt: new Date().toISOString(),
|
||||
};
|
||||
queue.push(offlineThought);
|
||||
@@ -193,6 +214,7 @@ export const api = {
|
||||
priority: item.priority,
|
||||
source: item.source,
|
||||
dueDate: item.dueDate || '',
|
||||
taskListId: item.taskListId || '',
|
||||
}),
|
||||
});
|
||||
synced++;
|
||||
@@ -220,6 +242,7 @@ export const api = {
|
||||
options?: {
|
||||
convertTo?: 'task' | 'document' | 'list_item';
|
||||
targetListId?: string;
|
||||
taskListId?: string;
|
||||
dueDate?: string;
|
||||
}
|
||||
): Promise<Thought> {
|
||||
@@ -229,18 +252,28 @@ export const api = {
|
||||
action,
|
||||
convertTo: options?.convertTo || '',
|
||||
targetListId: options?.targetListId || '',
|
||||
taskListId: options?.taskListId || '',
|
||||
dueDate: options?.dueDate || '',
|
||||
}),
|
||||
});
|
||||
},
|
||||
|
||||
async getTasks(): Promise<Thought[]> {
|
||||
return request<Thought[]>('/api/v1/tasks');
|
||||
async getTasks(taskListId?: string): Promise<Thought[]> {
|
||||
const query = taskListId ? `?taskListId=${encodeURIComponent(taskListId)}` : '';
|
||||
return request<Thought[]>(`/api/v1/tasks${query}`);
|
||||
},
|
||||
|
||||
async updateThought(
|
||||
thoughtId: string,
|
||||
patch: { content?: string; isCompleted?: boolean; dueDate?: string; priority?: PriorityLevel }
|
||||
patch: {
|
||||
content?: string;
|
||||
isCompleted?: boolean;
|
||||
dueDate?: string;
|
||||
priority?: PriorityLevel;
|
||||
taskListId?: string;
|
||||
kanbanStatus?: 'todo' | 'in_progress' | 'done';
|
||||
notes?: string;
|
||||
}
|
||||
): Promise<Thought> {
|
||||
return request<Thought>(`/api/v1/thoughts/${thoughtId}`, {
|
||||
method: 'PATCH',
|
||||
@@ -256,6 +289,42 @@ export const api = {
|
||||
return request<{ purged: number }>('/api/v1/thoughts/discarded/purge', { method: 'DELETE' });
|
||||
},
|
||||
|
||||
// --- TASK LISTS ---
|
||||
async getTaskLists(): Promise<TaskList[]> {
|
||||
return request<TaskList[]>('/api/v1/task-lists');
|
||||
},
|
||||
|
||||
async createTaskList(payload: {
|
||||
title: string;
|
||||
icon?: string;
|
||||
color?: string;
|
||||
spaceId?: string;
|
||||
}): Promise<TaskList> {
|
||||
return request<TaskList>('/api/v1/task-lists', {
|
||||
method: 'POST',
|
||||
body: JSON.stringify(payload),
|
||||
});
|
||||
},
|
||||
|
||||
async updateTaskList(
|
||||
id: string,
|
||||
patch: {
|
||||
title?: string;
|
||||
icon?: string;
|
||||
color?: string;
|
||||
spaceId?: string;
|
||||
}
|
||||
): Promise<TaskList> {
|
||||
return request<TaskList>(`/api/v1/task-lists/${id}`, {
|
||||
method: 'PUT',
|
||||
body: JSON.stringify(patch),
|
||||
});
|
||||
},
|
||||
|
||||
async deleteTaskList(id: string): Promise<void> {
|
||||
await request(`/api/v1/task-lists/${id}`, { method: 'DELETE' });
|
||||
},
|
||||
|
||||
// --- WORKSPACE DOCUMENTS ---
|
||||
async getDocuments(): Promise<Document[]> {
|
||||
return request<Document[]>('/api/v1/documents');
|
||||
@@ -268,6 +337,7 @@ export const api = {
|
||||
async createDocument(payload: {
|
||||
title: string;
|
||||
icon?: string;
|
||||
folderPath?: string;
|
||||
blocks?: DocumentBlock[];
|
||||
tags?: string[];
|
||||
isPinned?: boolean;
|
||||
@@ -283,6 +353,7 @@ export const api = {
|
||||
patch: {
|
||||
title?: string;
|
||||
icon?: string;
|
||||
folderPath?: string;
|
||||
blocks?: DocumentBlock[];
|
||||
tags?: string[];
|
||||
isPinned?: boolean;
|
||||
@@ -360,6 +431,88 @@ export const api = {
|
||||
});
|
||||
},
|
||||
|
||||
// --- ORGANIZATIONS & TEAMS ---
|
||||
async getOrganizations(): Promise<Organization[]> {
|
||||
return request<Organization[]>('/api/v1/organizations');
|
||||
},
|
||||
|
||||
async createOrganization(name: string): Promise<Organization> {
|
||||
return request<Organization>('/api/v1/organizations', {
|
||||
method: 'POST',
|
||||
body: JSON.stringify({ name }),
|
||||
});
|
||||
},
|
||||
|
||||
async getOrgTeams(orgId: string): Promise<Team[]> {
|
||||
return request<Team[]>(`/api/v1/organizations/${orgId}/teams`);
|
||||
},
|
||||
|
||||
async createOrgTeam(orgId: string, name: string, description: string): Promise<Team> {
|
||||
return request<Team>(`/api/v1/organizations/${orgId}/teams`, {
|
||||
method: 'POST',
|
||||
body: JSON.stringify({ name, description }),
|
||||
});
|
||||
},
|
||||
|
||||
async getUserTeams(): Promise<Team[]> {
|
||||
return request<Team[]>('/api/v1/teams');
|
||||
},
|
||||
|
||||
async addTeamMember(teamId: string, userId: string, role = 'editor'): Promise<void> {
|
||||
await request(`/api/v1/teams/${teamId}/members`, {
|
||||
method: 'POST',
|
||||
body: JSON.stringify({ userId, role }),
|
||||
});
|
||||
},
|
||||
|
||||
async removeTeamMember(teamId: string, userId: string): Promise<void> {
|
||||
await request(`/api/v1/teams/${teamId}/members/${userId}`, { method: 'DELETE' });
|
||||
},
|
||||
|
||||
// --- ADMIN PANEL ---
|
||||
async adminGetUsers(): Promise<User[]> {
|
||||
return request<User[]>('/api/v1/admin/users');
|
||||
},
|
||||
|
||||
async adminCreateUser(payload: { email: string; password: string; displayName: string; role: string }): Promise<User> {
|
||||
return request<User>('/api/v1/admin/users', {
|
||||
method: 'POST',
|
||||
body: JSON.stringify(payload),
|
||||
});
|
||||
},
|
||||
|
||||
async adminUpdateUser(
|
||||
id: string,
|
||||
patch: { displayName?: string; email?: string; role?: string; isActive?: boolean; discordWebhookUrl?: string }
|
||||
): Promise<User> {
|
||||
return request<User>(`/api/v1/admin/users/${id}`, {
|
||||
method: 'PATCH',
|
||||
body: JSON.stringify(patch),
|
||||
});
|
||||
},
|
||||
|
||||
async adminResetPassword(id: string, password: string): Promise<void> {
|
||||
await request(`/api/v1/admin/users/${id}/password`, {
|
||||
method: 'PUT',
|
||||
body: JSON.stringify({ password }),
|
||||
});
|
||||
},
|
||||
|
||||
async adminDeleteUser(id: string): Promise<void> {
|
||||
await request(`/api/v1/admin/users/${id}`, { method: 'DELETE' });
|
||||
},
|
||||
|
||||
async adminGetSettings(): Promise<SystemSettings> {
|
||||
return request<SystemSettings>('/api/v1/admin/settings');
|
||||
},
|
||||
|
||||
async adminUpdateSettings(settings: SystemSettings): Promise<SystemSettings> {
|
||||
return request<SystemSettings>('/api/v1/admin/settings', {
|
||||
method: 'PUT',
|
||||
body: JSON.stringify(settings),
|
||||
});
|
||||
},
|
||||
|
||||
// --- API KEYS, WEBHOOKS & EXPORT ---
|
||||
async getAPIKeys(): Promise<APIKey[]> {
|
||||
return request<APIKey[]>('/api/v1/keys');
|
||||
|
||||
@@ -5,6 +5,10 @@ export interface User {
|
||||
id: string;
|
||||
email: string;
|
||||
displayName: string;
|
||||
role: 'admin' | 'member';
|
||||
isActive: boolean;
|
||||
discordWebhookUrl?: string;
|
||||
notifyBeforeMinutes?: number;
|
||||
createdAt: string;
|
||||
}
|
||||
|
||||
@@ -20,11 +24,58 @@ export interface Thought {
|
||||
convertedType?: 'task' | 'document' | 'list_item';
|
||||
convertedRefId?: string;
|
||||
dueDate?: string;
|
||||
taskListId?: string;
|
||||
kanbanStatus?: 'todo' | 'in_progress' | 'done';
|
||||
notes?: string;
|
||||
alarmSent?: boolean;
|
||||
createdAt: string;
|
||||
triagedAt?: string;
|
||||
}
|
||||
|
||||
export type BlockType = 'h1' | 'h2' | 'h3' | 'paragraph' | 'todo' | 'bullet' | 'code' | 'callout' | 'divider';
|
||||
export interface TaskList {
|
||||
id: string;
|
||||
userId: string;
|
||||
spaceId?: string;
|
||||
title: string;
|
||||
icon: string;
|
||||
color: string;
|
||||
tasksCount?: number;
|
||||
createdAt: string;
|
||||
updatedAt: string;
|
||||
}
|
||||
|
||||
export interface Organization {
|
||||
id: string;
|
||||
name: string;
|
||||
ownerId: string;
|
||||
createdAt: string;
|
||||
}
|
||||
|
||||
export interface Team {
|
||||
id: string;
|
||||
orgId: string;
|
||||
name: string;
|
||||
description: string;
|
||||
members?: TeamMember[];
|
||||
createdAt: string;
|
||||
}
|
||||
|
||||
export interface TeamMember {
|
||||
teamId: string;
|
||||
userId: string;
|
||||
displayName: string;
|
||||
email: string;
|
||||
role: 'owner' | 'editor' | 'viewer';
|
||||
joinedAt: string;
|
||||
}
|
||||
|
||||
export interface SystemSettings {
|
||||
sharingMode: 'open' | 'teams_only' | 'strict_private';
|
||||
allowRegistration: boolean;
|
||||
instanceName: string;
|
||||
}
|
||||
|
||||
export type BlockType = 'h1' | 'h2' | 'h3' | 'paragraph' | 'todo' | 'bullet' | 'code' | 'callout' | 'divider' | 'table' | 'progress';
|
||||
|
||||
export interface DocumentBlock {
|
||||
id: string;
|
||||
@@ -43,6 +94,7 @@ export interface Document {
|
||||
content: string;
|
||||
blocks: DocumentBlock[];
|
||||
tags: string[];
|
||||
folderPath?: string;
|
||||
isPinned: boolean;
|
||||
isArchived: boolean;
|
||||
createdAt: string;
|
||||
|
||||
+437
-11
@@ -1,11 +1,13 @@
|
||||
package api
|
||||
|
||||
import (
|
||||
"bytes"
|
||||
"encoding/json"
|
||||
"fmt"
|
||||
"io/fs"
|
||||
"net/http"
|
||||
"strings"
|
||||
"time"
|
||||
|
||||
"github.com/go-chi/chi/v5"
|
||||
"github.com/go-chi/chi/v5/middleware"
|
||||
@@ -25,12 +27,14 @@ type Server struct {
|
||||
}
|
||||
|
||||
func NewServer(cfg *config.Config, store *storage.Store, wsHub *ws.Hub, staticFS fs.FS) *Server {
|
||||
return &Server{
|
||||
srv := &Server{
|
||||
cfg: cfg,
|
||||
store: store,
|
||||
wsHub: wsHub,
|
||||
staticFS: staticFS,
|
||||
}
|
||||
go srv.startDiscordAlarmTicker()
|
||||
return srv
|
||||
}
|
||||
|
||||
func (s *Server) Router() http.Handler {
|
||||
@@ -60,6 +64,7 @@ func (s *Server) Router() http.Handler {
|
||||
r.Use(s.authMiddleware)
|
||||
|
||||
r.Get("/api/v1/auth/me", s.handleMe)
|
||||
r.Patch("/api/v1/auth/settings", s.handleUpdateUserSettings)
|
||||
r.Get("/api/v1/stats", s.handleStats)
|
||||
r.Get("/api/v1/search", s.handleSearch)
|
||||
r.Get("/api/v1/export", s.handleExport)
|
||||
@@ -76,6 +81,12 @@ func (s *Server) Router() http.Handler {
|
||||
r.Patch("/api/v1/triage/{id}", s.handleTriageAction)
|
||||
r.Get("/api/v1/tasks", s.handleGetTasks)
|
||||
|
||||
// Task Lists
|
||||
r.Get("/api/v1/task-lists", s.handleGetTaskLists)
|
||||
r.Post("/api/v1/task-lists", s.handleCreateTaskList)
|
||||
r.Put("/api/v1/task-lists/{id}", s.handleUpdateTaskList)
|
||||
r.Delete("/api/v1/task-lists/{id}", s.handleDeleteTaskList)
|
||||
|
||||
// Workspace Documents
|
||||
r.Get("/api/v1/documents", s.handleGetDocuments)
|
||||
r.Post("/api/v1/documents", s.handleCreateDocument)
|
||||
@@ -97,10 +108,31 @@ func (s *Server) Router() http.Handler {
|
||||
r.Delete("/api/v1/lists/{id}/items/{itemId}", s.handleDeleteListItem)
|
||||
r.Post("/api/v1/lists/{id}/clear-completed", s.handleClearCompletedItems)
|
||||
|
||||
// Organizations & Teams
|
||||
r.Get("/api/v1/organizations", s.handleGetOrganizations)
|
||||
r.Post("/api/v1/organizations", s.handleCreateOrganization)
|
||||
r.Get("/api/v1/organizations/{id}/teams", s.handleGetOrgTeams)
|
||||
r.Post("/api/v1/organizations/{id}/teams", s.handleCreateOrgTeam)
|
||||
r.Get("/api/v1/teams", s.handleGetUserTeams)
|
||||
r.Post("/api/v1/teams/{id}/members", s.handleAddTeamMember)
|
||||
r.Delete("/api/v1/teams/{id}/members/{userId}", s.handleRemoveTeamMember)
|
||||
|
||||
// API Keys Management
|
||||
r.Get("/api/v1/keys", s.handleGetAPIKeys)
|
||||
r.Post("/api/v1/keys", s.handleCreateAPIKey)
|
||||
r.Delete("/api/v1/keys/{id}", s.handleDeleteAPIKey)
|
||||
|
||||
// Admin Panel Routes
|
||||
r.Group(func(r chi.Router) {
|
||||
r.Use(s.adminMiddleware)
|
||||
r.Get("/api/v1/admin/users", s.handleAdminGetUsers)
|
||||
r.Post("/api/v1/admin/users", s.handleAdminCreateUser)
|
||||
r.Patch("/api/v1/admin/users/{id}", s.handleAdminUpdateUser)
|
||||
r.Put("/api/v1/admin/users/{id}/password", s.handleAdminResetPassword)
|
||||
r.Delete("/api/v1/admin/users/{id}", s.handleAdminDeleteUser)
|
||||
r.Get("/api/v1/admin/settings", s.handleAdminGetSettings)
|
||||
r.Put("/api/v1/admin/settings", s.handleAdminUpdateSettings)
|
||||
})
|
||||
})
|
||||
|
||||
// Embedded Frontend SPA Handler
|
||||
@@ -186,6 +218,22 @@ func (s *Server) authMiddleware(next http.Handler) http.Handler {
|
||||
})
|
||||
}
|
||||
|
||||
func (s *Server) adminMiddleware(next http.Handler) http.Handler {
|
||||
return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
|
||||
userID := auth.GetUserID(r.Context())
|
||||
if userID == "" {
|
||||
writeError(w, http.StatusUnauthorized, "Nicht autorisiert")
|
||||
return
|
||||
}
|
||||
user, err := s.store.GetUserByID(userID)
|
||||
if err != nil || user == nil || user.Role != "admin" {
|
||||
writeError(w, http.StatusForbidden, "Administrator-Rechte erforderlich")
|
||||
return
|
||||
}
|
||||
next.ServeHTTP(w, r)
|
||||
})
|
||||
}
|
||||
|
||||
// --- HANDLERS ---
|
||||
|
||||
func (s *Server) handleHealth(w http.ResponseWriter, r *http.Request) {
|
||||
@@ -197,7 +245,8 @@ func (s *Server) handleHealth(w http.ResponseWriter, r *http.Request) {
|
||||
}
|
||||
|
||||
func (s *Server) handleRegister(w http.ResponseWriter, r *http.Request) {
|
||||
if !s.cfg.AllowRegistration {
|
||||
sysSettings, _ := s.store.GetSystemSettings()
|
||||
if !s.cfg.AllowRegistration || (sysSettings != nil && !sysSettings.AllowRegistration) {
|
||||
count, _ := s.store.CountUsers()
|
||||
if count > 0 {
|
||||
writeError(w, http.StatusForbidden, "Registrierung ist auf dieser Instanz deaktiviert")
|
||||
@@ -228,7 +277,13 @@ func (s *Server) handleRegister(w http.ResponseWriter, r *http.Request) {
|
||||
return
|
||||
}
|
||||
|
||||
user, err := s.store.CreateUser(req.Email, hash, req.DisplayName)
|
||||
count, _ := s.store.CountUsers()
|
||||
role := "member"
|
||||
if count == 0 {
|
||||
role = "admin"
|
||||
}
|
||||
|
||||
user, err := s.store.CreateUser(req.Email, hash, req.DisplayName, role)
|
||||
if err != nil {
|
||||
writeError(w, http.StatusConflict, "E-Mail-Adresse existiert bereits")
|
||||
return
|
||||
@@ -263,6 +318,10 @@ func (s *Server) handleLogin(w http.ResponseWriter, r *http.Request) {
|
||||
writeError(w, http.StatusUnauthorized, "E-Mail oder Passwort ungültig")
|
||||
return
|
||||
}
|
||||
if !user.IsActive {
|
||||
writeError(w, http.StatusForbidden, "Dieses Benutzerkonto ist deaktiviert")
|
||||
return
|
||||
}
|
||||
|
||||
token, err := auth.GenerateToken(s.cfg.JWTSecret, user.ID, user.Email, user.DisplayName)
|
||||
if err != nil {
|
||||
@@ -326,10 +385,12 @@ func (s *Server) handleCaptureInbox(w http.ResponseWriter, r *http.Request) {
|
||||
Priority string `json:"priority"`
|
||||
Source string `json:"source"`
|
||||
DueDate string `json:"dueDate"`
|
||||
DueDate2 string `json:"due_date"` // Compatibility with snake_case README example
|
||||
DueDate2 string `json:"due_date"`
|
||||
Target string `json:"target"` // inbox | task | list_item | document
|
||||
TargetListID string `json:"targetListId"`
|
||||
TargetList2 string `json:"target_list_id"`
|
||||
TaskListID string `json:"taskListId"`
|
||||
TaskListID2 string `json:"task_list_id"`
|
||||
}
|
||||
if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
|
||||
writeError(w, http.StatusBadRequest, "Ungültiges JSON")
|
||||
@@ -343,8 +404,12 @@ func (s *Server) handleCaptureInbox(w http.ResponseWriter, r *http.Request) {
|
||||
if targetListID == "" {
|
||||
targetListID = req.TargetList2
|
||||
}
|
||||
taskListID := req.TaskListID
|
||||
if taskListID == "" {
|
||||
taskListID = req.TaskListID2
|
||||
}
|
||||
|
||||
thought, err := s.store.CreateThought(userID, req.Content, req.Priority, req.Source, dueDate)
|
||||
thought, err := s.store.CreateThoughtWithDetails(userID, req.Content, req.Priority, req.Source, dueDate, taskListID, "todo", "")
|
||||
if err != nil {
|
||||
writeError(w, http.StatusBadRequest, err.Error())
|
||||
return
|
||||
@@ -352,7 +417,7 @@ func (s *Server) handleCaptureInbox(w http.ResponseWriter, r *http.Request) {
|
||||
|
||||
target := strings.TrimSpace(req.Target)
|
||||
if target == "task" || target == "document" || (target == "list_item" && targetListID != "") {
|
||||
if converted, convErr := s.store.UpdateThoughtTriage(userID, thought.ID, "keep", target, targetListID, dueDate); convErr == nil && converted != nil {
|
||||
if converted, convErr := s.store.UpdateThoughtTriage(userID, thought.ID, "keep", target, targetListID, dueDate, taskListID); convErr == nil && converted != nil {
|
||||
thought = converted
|
||||
if target == "list_item" && targetListID != "" {
|
||||
if lst, lErr := s.store.GetListByID(targetListID); lErr == nil && lst != nil {
|
||||
@@ -396,6 +461,8 @@ func (s *Server) handleTriageAction(w http.ResponseWriter, r *http.Request) {
|
||||
ConvertTo2 string `json:"convert_to"`
|
||||
TargetListID string `json:"targetListId"`
|
||||
TargetList2 string `json:"target_list_id"`
|
||||
TaskListID string `json:"taskListId"`
|
||||
TaskListID2 string `json:"task_list_id"`
|
||||
DueDate string `json:"dueDate"`
|
||||
DueDate2 string `json:"due_date"`
|
||||
}
|
||||
@@ -412,12 +479,16 @@ func (s *Server) handleTriageAction(w http.ResponseWriter, r *http.Request) {
|
||||
if targetListID == "" {
|
||||
targetListID = req.TargetList2
|
||||
}
|
||||
taskListID := req.TaskListID
|
||||
if taskListID == "" {
|
||||
taskListID = req.TaskListID2
|
||||
}
|
||||
dueDate := req.DueDate
|
||||
if dueDate == "" {
|
||||
dueDate = req.DueDate2
|
||||
}
|
||||
|
||||
updated, err := s.store.UpdateThoughtTriage(userID, thoughtID, req.Action, convertTo, targetListID, dueDate)
|
||||
updated, err := s.store.UpdateThoughtTriage(userID, thoughtID, req.Action, convertTo, targetListID, dueDate, taskListID)
|
||||
if err != nil {
|
||||
writeError(w, http.StatusBadRequest, err.Error())
|
||||
return
|
||||
@@ -435,7 +506,8 @@ func (s *Server) handleTriageAction(w http.ResponseWriter, r *http.Request) {
|
||||
|
||||
func (s *Server) handleGetTasks(w http.ResponseWriter, r *http.Request) {
|
||||
userID := auth.GetUserID(r.Context())
|
||||
tasks, err := s.store.GetTasks(userID)
|
||||
taskListID := r.URL.Query().Get("taskListId")
|
||||
tasks, err := s.store.GetTasks(userID, taskListID)
|
||||
if err != nil {
|
||||
writeError(w, http.StatusInternalServerError, err.Error())
|
||||
return
|
||||
@@ -452,13 +524,16 @@ func (s *Server) handleUpdateThought(w http.ResponseWriter, r *http.Request) {
|
||||
IsCompleted *bool `json:"isCompleted"`
|
||||
DueDate *string `json:"dueDate"`
|
||||
Priority *string `json:"priority"`
|
||||
TaskListID *string `json:"taskListId"`
|
||||
KanbanStatus *string `json:"kanbanStatus"`
|
||||
Notes *string `json:"notes"`
|
||||
}
|
||||
if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
|
||||
writeError(w, http.StatusBadRequest, "Ungültiges JSON")
|
||||
return
|
||||
}
|
||||
|
||||
updated, err := s.store.UpdateThoughtDetails(userID, thoughtID, req.Content, req.IsCompleted, req.DueDate, req.Priority)
|
||||
updated, err := s.store.UpdateThoughtDetails(userID, thoughtID, req.Content, req.IsCompleted, req.DueDate, req.Priority, req.TaskListID, req.KanbanStatus, req.Notes)
|
||||
if err != nil {
|
||||
writeError(w, http.StatusBadRequest, err.Error())
|
||||
return
|
||||
@@ -504,6 +579,7 @@ func (s *Server) handleCreateDocument(w http.ResponseWriter, r *http.Request) {
|
||||
SpaceID string `json:"spaceId"`
|
||||
Title string `json:"title"`
|
||||
Icon string `json:"icon"`
|
||||
FolderPath string `json:"folderPath"`
|
||||
Blocks []domain.DocumentBlock `json:"blocks"`
|
||||
Tags []string `json:"tags"`
|
||||
IsPinned bool `json:"isPinned"`
|
||||
@@ -513,7 +589,7 @@ func (s *Server) handleCreateDocument(w http.ResponseWriter, r *http.Request) {
|
||||
return
|
||||
}
|
||||
|
||||
doc, err := s.store.CreateDocument(userID, req.SpaceID, req.Title, req.Icon, req.Blocks, req.Tags, req.IsPinned)
|
||||
doc, err := s.store.CreateDocument(userID, req.SpaceID, req.Title, req.Icon, req.FolderPath, req.Blocks, req.Tags, req.IsPinned)
|
||||
if err != nil {
|
||||
writeError(w, http.StatusBadRequest, err.Error())
|
||||
return
|
||||
@@ -538,6 +614,7 @@ func (s *Server) handleUpdateDocument(w http.ResponseWriter, r *http.Request) {
|
||||
var req struct {
|
||||
Title *string `json:"title"`
|
||||
Icon *string `json:"icon"`
|
||||
FolderPath *string `json:"folderPath"`
|
||||
Blocks *[]domain.DocumentBlock `json:"blocks"`
|
||||
Tags *[]string `json:"tags"`
|
||||
IsPinned *bool `json:"isPinned"`
|
||||
@@ -547,7 +624,7 @@ func (s *Server) handleUpdateDocument(w http.ResponseWriter, r *http.Request) {
|
||||
return
|
||||
}
|
||||
|
||||
doc, err := s.store.UpdateDocument(userID, docID, req.Title, req.Icon, req.Blocks, req.Tags, req.IsPinned)
|
||||
doc, err := s.store.UpdateDocument(userID, docID, req.Title, req.Icon, req.FolderPath, req.Blocks, req.Tags, req.IsPinned)
|
||||
if err != nil {
|
||||
writeError(w, http.StatusBadRequest, err.Error())
|
||||
return
|
||||
@@ -906,3 +983,352 @@ func (s *Server) handleExport(w http.ResponseWriter, r *http.Request) {
|
||||
w.Header().Set("Content-Disposition", "attachment; filename=mindsift-export.json")
|
||||
writeJSON(w, http.StatusOK, exportData)
|
||||
}
|
||||
|
||||
// --- USER SETTINGS ---
|
||||
|
||||
func (s *Server) handleUpdateUserSettings(w http.ResponseWriter, r *http.Request) {
|
||||
userID := auth.GetUserID(r.Context())
|
||||
var req struct {
|
||||
DisplayName *string `json:"displayName"`
|
||||
Email *string `json:"email"`
|
||||
Password *string `json:"password"`
|
||||
DiscordWebhookURL *string `json:"discordWebhookUrl"`
|
||||
NotifyBeforeMinutes *int `json:"notifyBeforeMinutes"`
|
||||
}
|
||||
if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
|
||||
writeError(w, http.StatusBadRequest, "Ungültiges JSON")
|
||||
return
|
||||
}
|
||||
if req.Password != nil && strings.TrimSpace(*req.Password) != "" {
|
||||
hash, err := auth.HashPassword(*req.Password)
|
||||
if err != nil {
|
||||
writeError(w, http.StatusInternalServerError, "Fehler beim Hashen des Passworts")
|
||||
return
|
||||
}
|
||||
_ = s.store.UpdateUserPassword(userID, hash)
|
||||
}
|
||||
u, err := s.store.UpdateUser(userID, req.DisplayName, req.Email, nil, nil, req.DiscordWebhookURL, req.NotifyBeforeMinutes)
|
||||
if err != nil {
|
||||
writeError(w, http.StatusBadRequest, err.Error())
|
||||
return
|
||||
}
|
||||
writeJSON(w, http.StatusOK, u)
|
||||
}
|
||||
|
||||
// --- TASK LISTS ---
|
||||
|
||||
func (s *Server) handleGetTaskLists(w http.ResponseWriter, r *http.Request) {
|
||||
userID := auth.GetUserID(r.Context())
|
||||
lists, err := s.store.GetTaskLists(userID)
|
||||
if err != nil {
|
||||
writeError(w, http.StatusInternalServerError, err.Error())
|
||||
return
|
||||
}
|
||||
writeJSON(w, http.StatusOK, lists)
|
||||
}
|
||||
|
||||
func (s *Server) handleCreateTaskList(w http.ResponseWriter, r *http.Request) {
|
||||
userID := auth.GetUserID(r.Context())
|
||||
var req struct {
|
||||
SpaceID string `json:"spaceId"`
|
||||
Title string `json:"title"`
|
||||
Icon string `json:"icon"`
|
||||
Color string `json:"color"`
|
||||
}
|
||||
if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
|
||||
writeError(w, http.StatusBadRequest, "Ungültiges JSON")
|
||||
return
|
||||
}
|
||||
tl, err := s.store.CreateTaskList(userID, req.SpaceID, req.Title, req.Icon, req.Color)
|
||||
if err != nil {
|
||||
writeError(w, http.StatusBadRequest, err.Error())
|
||||
return
|
||||
}
|
||||
writeJSON(w, http.StatusCreated, tl)
|
||||
}
|
||||
|
||||
func (s *Server) handleUpdateTaskList(w http.ResponseWriter, r *http.Request) {
|
||||
userID := auth.GetUserID(r.Context())
|
||||
listID := chi.URLParam(r, "id")
|
||||
var req struct {
|
||||
Title *string `json:"title"`
|
||||
Icon *string `json:"icon"`
|
||||
Color *string `json:"color"`
|
||||
SpaceID *string `json:"spaceId"`
|
||||
}
|
||||
if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
|
||||
writeError(w, http.StatusBadRequest, "Ungültiges JSON")
|
||||
return
|
||||
}
|
||||
tl, err := s.store.UpdateTaskList(userID, listID, req.Title, req.Icon, req.Color, req.SpaceID)
|
||||
if err != nil {
|
||||
writeError(w, http.StatusBadRequest, err.Error())
|
||||
return
|
||||
}
|
||||
writeJSON(w, http.StatusOK, tl)
|
||||
}
|
||||
|
||||
func (s *Server) handleDeleteTaskList(w http.ResponseWriter, r *http.Request) {
|
||||
userID := auth.GetUserID(r.Context())
|
||||
listID := chi.URLParam(r, "id")
|
||||
if err := s.store.DeleteTaskList(userID, listID); err != nil {
|
||||
writeError(w, http.StatusInternalServerError, err.Error())
|
||||
return
|
||||
}
|
||||
writeJSON(w, http.StatusOK, map[string]bool{"deleted": true})
|
||||
}
|
||||
|
||||
// --- ORGANIZATIONS & TEAMS ---
|
||||
|
||||
func (s *Server) handleGetOrganizations(w http.ResponseWriter, r *http.Request) {
|
||||
userID := auth.GetUserID(r.Context())
|
||||
orgs, err := s.store.GetOrganizationsForUser(userID)
|
||||
if err != nil {
|
||||
writeError(w, http.StatusInternalServerError, err.Error())
|
||||
return
|
||||
}
|
||||
writeJSON(w, http.StatusOK, orgs)
|
||||
}
|
||||
|
||||
func (s *Server) handleCreateOrganization(w http.ResponseWriter, r *http.Request) {
|
||||
userID := auth.GetUserID(r.Context())
|
||||
var req struct {
|
||||
Name string `json:"name"`
|
||||
}
|
||||
if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
|
||||
writeError(w, http.StatusBadRequest, "Ungültiges JSON")
|
||||
return
|
||||
}
|
||||
org, err := s.store.CreateOrganization(userID, req.Name)
|
||||
if err != nil {
|
||||
writeError(w, http.StatusBadRequest, err.Error())
|
||||
return
|
||||
}
|
||||
writeJSON(w, http.StatusCreated, org)
|
||||
}
|
||||
|
||||
func (s *Server) handleGetOrgTeams(w http.ResponseWriter, r *http.Request) {
|
||||
orgID := chi.URLParam(r, "id")
|
||||
teams, err := s.store.GetTeamsForOrg(orgID)
|
||||
if err != nil {
|
||||
writeError(w, http.StatusInternalServerError, err.Error())
|
||||
return
|
||||
}
|
||||
writeJSON(w, http.StatusOK, teams)
|
||||
}
|
||||
|
||||
func (s *Server) handleCreateOrgTeam(w http.ResponseWriter, r *http.Request) {
|
||||
orgID := chi.URLParam(r, "id")
|
||||
var req struct {
|
||||
Name string `json:"name"`
|
||||
Description string `json:"description"`
|
||||
}
|
||||
if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
|
||||
writeError(w, http.StatusBadRequest, "Ungültiges JSON")
|
||||
return
|
||||
}
|
||||
team, err := s.store.CreateTeam(orgID, req.Name, req.Description)
|
||||
if err != nil {
|
||||
writeError(w, http.StatusBadRequest, err.Error())
|
||||
return
|
||||
}
|
||||
writeJSON(w, http.StatusCreated, team)
|
||||
}
|
||||
|
||||
func (s *Server) handleGetUserTeams(w http.ResponseWriter, r *http.Request) {
|
||||
userID := auth.GetUserID(r.Context())
|
||||
teams, err := s.store.GetTeamsForUser(userID)
|
||||
if err != nil {
|
||||
writeError(w, http.StatusInternalServerError, err.Error())
|
||||
return
|
||||
}
|
||||
writeJSON(w, http.StatusOK, teams)
|
||||
}
|
||||
|
||||
func (s *Server) handleAddTeamMember(w http.ResponseWriter, r *http.Request) {
|
||||
teamID := chi.URLParam(r, "id")
|
||||
var req struct {
|
||||
UserID string `json:"userId"`
|
||||
Role string `json:"role"`
|
||||
}
|
||||
if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
|
||||
writeError(w, http.StatusBadRequest, "Ungültiges JSON")
|
||||
return
|
||||
}
|
||||
if err := s.store.AddTeamMember(teamID, req.UserID, req.Role); err != nil {
|
||||
writeError(w, http.StatusBadRequest, err.Error())
|
||||
return
|
||||
}
|
||||
writeJSON(w, http.StatusOK, map[string]bool{"added": true})
|
||||
}
|
||||
|
||||
func (s *Server) handleRemoveTeamMember(w http.ResponseWriter, r *http.Request) {
|
||||
teamID := chi.URLParam(r, "id")
|
||||
memberUserID := chi.URLParam(r, "userId")
|
||||
if err := s.store.RemoveTeamMember(teamID, memberUserID); err != nil {
|
||||
writeError(w, http.StatusInternalServerError, err.Error())
|
||||
return
|
||||
}
|
||||
writeJSON(w, http.StatusOK, map[string]bool{"removed": true})
|
||||
}
|
||||
|
||||
// --- ADMIN PANEL ---
|
||||
|
||||
func (s *Server) handleAdminGetUsers(w http.ResponseWriter, r *http.Request) {
|
||||
users, err := s.store.GetAllUsers()
|
||||
if err != nil {
|
||||
writeError(w, http.StatusInternalServerError, err.Error())
|
||||
return
|
||||
}
|
||||
writeJSON(w, http.StatusOK, users)
|
||||
}
|
||||
|
||||
func (s *Server) handleAdminCreateUser(w http.ResponseWriter, r *http.Request) {
|
||||
var req struct {
|
||||
Email string `json:"email"`
|
||||
Password string `json:"password"`
|
||||
DisplayName string `json:"displayName"`
|
||||
Role string `json:"role"`
|
||||
}
|
||||
if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
|
||||
writeError(w, http.StatusBadRequest, "Ungültiges JSON")
|
||||
return
|
||||
}
|
||||
if req.Email == "" || req.Password == "" {
|
||||
writeError(w, http.StatusBadRequest, "E-Mail und Passwort erforderlich")
|
||||
return
|
||||
}
|
||||
hash, err := auth.HashPassword(req.Password)
|
||||
if err != nil {
|
||||
writeError(w, http.StatusInternalServerError, "Passwort-Hash fehlgeschlagen")
|
||||
return
|
||||
}
|
||||
u, err := s.store.CreateUser(req.Email, hash, req.DisplayName, req.Role)
|
||||
if err != nil {
|
||||
writeError(w, http.StatusBadRequest, err.Error())
|
||||
return
|
||||
}
|
||||
writeJSON(w, http.StatusCreated, u)
|
||||
}
|
||||
|
||||
func (s *Server) handleAdminUpdateUser(w http.ResponseWriter, r *http.Request) {
|
||||
targetUserID := chi.URLParam(r, "id")
|
||||
var req struct {
|
||||
DisplayName *string `json:"displayName"`
|
||||
Email *string `json:"email"`
|
||||
Role *string `json:"role"`
|
||||
IsActive *bool `json:"isActive"`
|
||||
DiscordWebhookURL *string `json:"discordWebhookUrl"`
|
||||
}
|
||||
if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
|
||||
writeError(w, http.StatusBadRequest, "Ungültiges JSON")
|
||||
return
|
||||
}
|
||||
u, err := s.store.UpdateUser(targetUserID, req.DisplayName, req.Email, req.Role, req.IsActive, req.DiscordWebhookURL, nil)
|
||||
if err != nil {
|
||||
writeError(w, http.StatusBadRequest, err.Error())
|
||||
return
|
||||
}
|
||||
writeJSON(w, http.StatusOK, u)
|
||||
}
|
||||
|
||||
func (s *Server) handleAdminResetPassword(w http.ResponseWriter, r *http.Request) {
|
||||
targetUserID := chi.URLParam(r, "id")
|
||||
var req struct {
|
||||
Password string `json:"password"`
|
||||
}
|
||||
if err := json.NewDecoder(r.Body).Decode(&req); err != nil || strings.TrimSpace(req.Password) == "" {
|
||||
writeError(w, http.StatusBadRequest, "Neues Passwort erforderlich")
|
||||
return
|
||||
}
|
||||
hash, err := auth.HashPassword(req.Password)
|
||||
if err != nil {
|
||||
writeError(w, http.StatusInternalServerError, "Passwort-Hash fehlgeschlagen")
|
||||
return
|
||||
}
|
||||
if err := s.store.UpdateUserPassword(targetUserID, hash); err != nil {
|
||||
writeError(w, http.StatusInternalServerError, err.Error())
|
||||
return
|
||||
}
|
||||
writeJSON(w, http.StatusOK, map[string]bool{"success": true})
|
||||
}
|
||||
|
||||
func (s *Server) handleAdminDeleteUser(w http.ResponseWriter, r *http.Request) {
|
||||
targetUserID := chi.URLParam(r, "id")
|
||||
currUserID := auth.GetUserID(r.Context())
|
||||
if targetUserID == currUserID {
|
||||
writeError(w, http.StatusBadRequest, "Sie können Ihren eigenen Benutzer nicht löschen")
|
||||
return
|
||||
}
|
||||
if err := s.store.DeleteUser(targetUserID); err != nil {
|
||||
writeError(w, http.StatusInternalServerError, err.Error())
|
||||
return
|
||||
}
|
||||
writeJSON(w, http.StatusOK, map[string]bool{"deleted": true})
|
||||
}
|
||||
|
||||
func (s *Server) handleAdminGetSettings(w http.ResponseWriter, r *http.Request) {
|
||||
settings, err := s.store.GetSystemSettings()
|
||||
if err != nil {
|
||||
writeError(w, http.StatusInternalServerError, err.Error())
|
||||
return
|
||||
}
|
||||
writeJSON(w, http.StatusOK, settings)
|
||||
}
|
||||
|
||||
func (s *Server) handleAdminUpdateSettings(w http.ResponseWriter, r *http.Request) {
|
||||
var settings domain.SystemSettings
|
||||
if err := json.NewDecoder(r.Body).Decode(&settings); err != nil {
|
||||
writeError(w, http.StatusBadRequest, "Ungültiges JSON")
|
||||
return
|
||||
}
|
||||
if err := s.store.UpdateSystemSettings(&settings); err != nil {
|
||||
writeError(w, http.StatusInternalServerError, err.Error())
|
||||
return
|
||||
}
|
||||
writeJSON(w, http.StatusOK, settings)
|
||||
}
|
||||
|
||||
// --- DISCORD ALARMS BACKGROUND SCHEDULER ---
|
||||
|
||||
func (s *Server) startDiscordAlarmTicker() {
|
||||
ticker := time.NewTicker(60 * time.Second)
|
||||
defer ticker.Stop()
|
||||
|
||||
httpClient := &http.Client{Timeout: 10 * time.Second}
|
||||
|
||||
for range ticker.C {
|
||||
alarms, err := s.store.GetDueTasksForAlarm()
|
||||
if err != nil || len(alarms) == 0 {
|
||||
continue
|
||||
}
|
||||
|
||||
today := time.Now().Format("2006-01-02")
|
||||
|
||||
for _, a := range alarms {
|
||||
if a.DueDate <= today && a.DiscordWebhookURL != "" {
|
||||
payload := map[string]interface{}{
|
||||
"content": fmt.Sprintf("⏰ **MindSift Aufgaben-Erinnerung**"),
|
||||
"embeds": []map[string]interface{}{
|
||||
{
|
||||
"title": a.Title,
|
||||
"description": fmt.Sprintf("Diese Aufgabe ist fällig am **%s** (Priorität: %s)", a.DueDate, a.Priority),
|
||||
"color": 3066993,
|
||||
"footer": map[string]string{
|
||||
"text": "MindSift Reminder",
|
||||
},
|
||||
},
|
||||
},
|
||||
}
|
||||
body, mErr := json.Marshal(payload)
|
||||
if mErr == nil {
|
||||
resp, pErr := httpClient.Post(a.DiscordWebhookURL, "application/json", bytes.NewReader(body))
|
||||
if pErr == nil {
|
||||
_ = resp.Body.Close()
|
||||
_ = s.store.MarkTaskAlarmSent(a.TaskID)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -184,3 +184,106 @@ func TestStaleTokenFallbackAndQuickDumpToTriageAndDirectTargets(t *testing.T) {
|
||||
t.Fatalf("expected 200 OK for triage action, got %d: %s", rec.Code, rec.Body.String())
|
||||
}
|
||||
}
|
||||
|
||||
func TestNewFullFeatures(t *testing.T) {
|
||||
srv, _, token := setupTestServer(t)
|
||||
router := srv.Router()
|
||||
|
||||
// 1. Test TaskLists: Create & Get
|
||||
taskListPayload := map[string]string{
|
||||
"title": "Homelab & Docker",
|
||||
"icon": "🐳",
|
||||
"color": "#3b82f6",
|
||||
}
|
||||
body, _ := json.Marshal(taskListPayload)
|
||||
req := httptest.NewRequest(http.MethodPost, "/api/v1/task-lists", bytes.NewReader(body))
|
||||
req.Header.Set("Authorization", "Bearer "+token)
|
||||
req.Header.Set("Content-Type", "application/json")
|
||||
rec := httptest.NewRecorder()
|
||||
router.ServeHTTP(rec, req)
|
||||
|
||||
if rec.Code != http.StatusCreated {
|
||||
t.Fatalf("expected 201 Created for TaskList, got %d: %s", rec.Code, rec.Body.String())
|
||||
}
|
||||
var createdTaskList domain.TaskList
|
||||
_ = json.Unmarshal(rec.Body.Bytes(), &createdTaskList)
|
||||
if createdTaskList.Title != "Homelab & Docker" {
|
||||
t.Fatalf("expected task list title 'Homelab & Docker', got %q", createdTaskList.Title)
|
||||
}
|
||||
|
||||
req = httptest.NewRequest(http.MethodGet, "/api/v1/task-lists", nil)
|
||||
req.Header.Set("Authorization", "Bearer "+token)
|
||||
rec = httptest.NewRecorder()
|
||||
router.ServeHTTP(rec, req)
|
||||
if rec.Code != http.StatusOK {
|
||||
t.Fatalf("expected 200 OK for GET /api/v1/task-lists, got %d", rec.Code)
|
||||
}
|
||||
|
||||
// 2. Test User Settings: Update Discord Webhook & Profile
|
||||
settingsPayload := map[string]interface{}{
|
||||
"displayName": "Sandro D.",
|
||||
"discordWebhookUrl": "https://discord.com/api/webhooks/test/123",
|
||||
"notifyBeforeMinutes": 15,
|
||||
}
|
||||
body, _ = json.Marshal(settingsPayload)
|
||||
req = httptest.NewRequest(http.MethodPatch, "/api/v1/auth/settings", bytes.NewReader(body))
|
||||
req.Header.Set("Authorization", "Bearer "+token)
|
||||
req.Header.Set("Content-Type", "application/json")
|
||||
rec = httptest.NewRecorder()
|
||||
router.ServeHTTP(rec, req)
|
||||
|
||||
if rec.Code != http.StatusOK {
|
||||
t.Fatalf("expected 200 OK for PATCH /api/v1/auth/settings, got %d: %s", rec.Code, rec.Body.String())
|
||||
}
|
||||
|
||||
// 3. Test Admin routes (default user is admin)
|
||||
req = httptest.NewRequest(http.MethodGet, "/api/v1/admin/users", nil)
|
||||
req.Header.Set("Authorization", "Bearer "+token)
|
||||
rec = httptest.NewRecorder()
|
||||
router.ServeHTTP(rec, req)
|
||||
|
||||
if rec.Code != http.StatusOK {
|
||||
t.Fatalf("expected 200 OK for GET /api/v1/admin/users, got %d: %s", rec.Code, rec.Body.String())
|
||||
}
|
||||
|
||||
req = httptest.NewRequest(http.MethodGet, "/api/v1/admin/settings", nil)
|
||||
req.Header.Set("Authorization", "Bearer "+token)
|
||||
rec = httptest.NewRecorder()
|
||||
router.ServeHTTP(rec, req)
|
||||
|
||||
if rec.Code != http.StatusOK {
|
||||
t.Fatalf("expected 200 OK for GET /api/v1/admin/settings, got %d: %s", rec.Code, rec.Body.String())
|
||||
}
|
||||
|
||||
// 4. Test Kanban & Task details update
|
||||
taskUpdatePayload := map[string]interface{}{
|
||||
"kanbanStatus": "in_progress",
|
||||
"notes": "Detailnotizen für die Aufgabe",
|
||||
"taskListId": createdTaskList.ID,
|
||||
}
|
||||
body, _ = json.Marshal(taskUpdatePayload)
|
||||
req = httptest.NewRequest(http.MethodPost, "/api/v1/inbox", bytes.NewReader([]byte(`{"content":"Kanban Task Test","target":"task"}`)))
|
||||
req.Header.Set("Authorization", "Bearer "+token)
|
||||
req.Header.Set("Content-Type", "application/json")
|
||||
rec = httptest.NewRecorder()
|
||||
router.ServeHTTP(rec, req)
|
||||
|
||||
var taskThought domain.Thought
|
||||
_ = json.Unmarshal(rec.Body.Bytes(), &taskThought)
|
||||
|
||||
body, _ = json.Marshal(taskUpdatePayload)
|
||||
req = httptest.NewRequest(http.MethodPatch, "/api/v1/thoughts/"+taskThought.ID, bytes.NewReader(body))
|
||||
req.Header.Set("Authorization", "Bearer "+token)
|
||||
req.Header.Set("Content-Type", "application/json")
|
||||
rec = httptest.NewRecorder()
|
||||
router.ServeHTTP(rec, req)
|
||||
|
||||
if rec.Code != http.StatusOK {
|
||||
t.Fatalf("expected 200 OK for PATCH /api/v1/thoughts/{id}, got %d: %s", rec.Code, rec.Body.String())
|
||||
}
|
||||
var updatedThought domain.Thought
|
||||
_ = json.Unmarshal(rec.Body.Bytes(), &updatedThought)
|
||||
if updatedThought.KanbanStatus != "in_progress" || updatedThought.Notes != "Detailnotizen für die Aufgabe" {
|
||||
t.Fatalf("expected updated kanbanStatus and notes, got %+v", updatedThought)
|
||||
}
|
||||
}
|
||||
@@ -45,6 +45,10 @@ type User struct {
|
||||
Email string `json:"email"`
|
||||
PasswordHash string `json:"-"`
|
||||
DisplayName string `json:"displayName"`
|
||||
Role string `json:"role"` // admin | member
|
||||
IsActive bool `json:"isActive"`
|
||||
DiscordWebhookURL string `json:"discordWebhookUrl"`
|
||||
NotifyBeforeMinutes int `json:"notifyBeforeMinutes"`
|
||||
CreatedAt string `json:"createdAt"`
|
||||
}
|
||||
|
||||
@@ -69,13 +73,60 @@ type Thought struct {
|
||||
ConvertedType string `json:"convertedType,omitempty"` // task | document | list_item
|
||||
ConvertedRefID string `json:"convertedRefId,omitempty"` // referenced entity ID
|
||||
DueDate string `json:"dueDate,omitempty"`
|
||||
TaskListID string `json:"taskListId,omitempty"`
|
||||
KanbanStatus string `json:"kanbanStatus,omitempty"` // todo | in_progress | done
|
||||
Notes string `json:"notes,omitempty"`
|
||||
AlarmSent bool `json:"alarmSent,omitempty"`
|
||||
CreatedAt string `json:"createdAt"`
|
||||
TriagedAt string `json:"triagedAt,omitempty"`
|
||||
}
|
||||
|
||||
type TaskList struct {
|
||||
ID string `json:"id"`
|
||||
UserID string `json:"userId"`
|
||||
SpaceID string `json:"spaceId,omitempty"`
|
||||
Title string `json:"title"`
|
||||
Icon string `json:"icon"`
|
||||
Color string `json:"color"`
|
||||
TasksCount int `json:"tasksCount,omitempty"`
|
||||
CreatedAt string `json:"createdAt"`
|
||||
UpdatedAt string `json:"updatedAt"`
|
||||
}
|
||||
|
||||
type Organization struct {
|
||||
ID string `json:"id"`
|
||||
Name string `json:"name"`
|
||||
OwnerID string `json:"ownerId"`
|
||||
CreatedAt string `json:"createdAt"`
|
||||
}
|
||||
|
||||
type Team struct {
|
||||
ID string `json:"id"`
|
||||
OrgID string `json:"orgId"`
|
||||
Name string `json:"name"`
|
||||
Description string `json:"description"`
|
||||
Members []TeamMember `json:"members,omitempty"`
|
||||
CreatedAt string `json:"createdAt"`
|
||||
}
|
||||
|
||||
type TeamMember struct {
|
||||
TeamID string `json:"teamId"`
|
||||
UserID string `json:"userId"`
|
||||
DisplayName string `json:"displayName"`
|
||||
Email string `json:"email"`
|
||||
Role string `json:"role"` // owner | editor | viewer
|
||||
JoinedAt string `json:"joinedAt"`
|
||||
}
|
||||
|
||||
type SystemSettings struct {
|
||||
SharingMode string `json:"sharingMode"` // open | teams_only | strict_private
|
||||
AllowRegistration bool `json:"allowRegistration"`
|
||||
InstanceName string `json:"instanceName"`
|
||||
}
|
||||
|
||||
type DocumentBlock struct {
|
||||
ID string `json:"id"`
|
||||
Type string `json:"type"` // h1 | h2 | h3 | paragraph | todo | bullet | code | callout | divider
|
||||
Type string `json:"type"` // h1 | h2 | h3 | paragraph | todo | bullet | code | callout | divider | table | progress
|
||||
Content string `json:"content"`
|
||||
Checked bool `json:"checked,omitempty"`
|
||||
Lang string `json:"lang,omitempty"`
|
||||
@@ -90,6 +141,7 @@ type Document struct {
|
||||
Content string `json:"content"`
|
||||
Blocks []DocumentBlock `json:"blocks"`
|
||||
Tags []string `json:"tags"`
|
||||
FolderPath string `json:"folderPath,omitempty"`
|
||||
IsPinned bool `json:"isPinned"`
|
||||
IsArchived bool `json:"isArchived"`
|
||||
CreatedAt string `json:"createdAt"`
|
||||
@@ -180,4 +232,5 @@ type FullExport struct {
|
||||
Documents []Document `json:"documents"`
|
||||
Spaces []Space `json:"spaces"`
|
||||
Lists []SharedList `json:"lists"`
|
||||
TaskLists []TaskList `json:"taskLists,omitempty"`
|
||||
}
|
||||
+713
-65
File diff suppressed because it is too large.
Load diff
@@ -38,7 +38,7 @@ func TestStoreLifecycle(t *testing.T) {
|
||||
}
|
||||
|
||||
// 2. Test Tinder-Style Triage -> Convert to Document
|
||||
triaged, err := store.UpdateThoughtTriage(user.ID, thought.ID, "keep", "document", "", "")
|
||||
triaged, err := store.UpdateThoughtTriage(user.ID, thought.ID, "keep", "document", "", "", "")
|
||||
if err != nil {
|
||||
t.Fatalf("UpdateThoughtTriage failed: %v", err)
|
||||
}
|
||||
@@ -73,4 +73,39 @@ func TestStoreLifecycle(t *testing.T) {
|
||||
if err != nil || validatedUser.ID != user.ID {
|
||||
t.Fatalf("ValidateAPIKeyAndGetUser failed: %v", err)
|
||||
}
|
||||
|
||||
// 5. Test TaskLists CRUD
|
||||
taskList, err := store.CreateTaskList(user.ID, sp.ID, "Haus & Garten", "🏡", "#10b981")
|
||||
if err != nil || taskList.ID == "" {
|
||||
t.Fatalf("CreateTaskList failed: %v", err)
|
||||
}
|
||||
taskLists, err := store.GetTaskLists(user.ID)
|
||||
if err != nil || len(taskLists) == 0 {
|
||||
t.Fatalf("GetTaskLists failed: %v", err)
|
||||
}
|
||||
|
||||
// 6. Test Organizations & Teams
|
||||
org, err := store.CreateOrganization(user.ID, "Mindsift Inc")
|
||||
if err != nil || org.ID == "" {
|
||||
t.Fatalf("CreateOrganization failed: %v", err)
|
||||
}
|
||||
team, err := store.CreateTeam(org.ID, "DevOps", "Infrastructure team")
|
||||
if err != nil || team.ID == "" {
|
||||
t.Fatalf("CreateTeam failed: %v", err)
|
||||
}
|
||||
err = store.AddTeamMember(team.ID, user.ID, "owner")
|
||||
if err != nil {
|
||||
t.Fatalf("AddTeamMember failed: %v", err)
|
||||
}
|
||||
|
||||
// 7. Test System Settings
|
||||
sysSettings, err := store.GetSystemSettings()
|
||||
if err != nil || sysSettings.InstanceName == "" {
|
||||
t.Fatalf("GetSystemSettings failed: %v", err)
|
||||
}
|
||||
sysSettings.SharingMode = "teams_only"
|
||||
err = store.UpdateSystemSettings(sysSettings)
|
||||
if err != nil {
|
||||
t.Fatalf("UpdateSystemSettings failed: %v", err)
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user