sandrodachandClaude Opus 5.5
84395f3322
MindSift CI & Docker Release / Build, Test in Container & Push (push) Successful in 1m30s
- Server admins manage organizations (one per user); new admin section, organization on user creation and invites, setup creates the first one - Sharing modes private / organizations / open, enforced centrally (CanSee, CanShareWith) for directory, all shares and groups; unknown and invisible targets give the same error - Losing visibility (org change, mode change, leaving a group) prunes shares, group memberships and task assignments; dry run warns before tightening - Only owners share; editors can no longer reshare lists or remove others' shares; legacy task_lists.team_id and old /organizations endpoints removed (FLAW-06, FLAW-10, FLAW-24) - Schema version: outdated databases are wiped and recreated on start - Fix setup sample data (createSampleData was ignored); setup and admin use a shared ToggleSwitch instead of checkboxes - Docs: sharing-and-permissions rewritten, ui-patterns, REST, DB, flaws Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
3.2 KiB
3.2 KiB
UI-Muster
Wiederkehrende Bedienelemente, die überall gleich aussehen und sich gleich verhalten. Wer eines davon neu braucht, nimmt die vorhandene Komponente und baut keine eigene Variante.
Personen suchen (Type-to-Search)
Komponente: UserAutocomplete.tsx
Eingesetzt beim Teilen (UnifiedShareModal), beim Hinzufügen zu Gruppen (GroupsView) und beim Zuweisen von Aufgaben (TaskDetailModal).
- Keine Liste vorab: Solange das Feld leer ist, erscheint nichts, auch nicht beim Reinklicken. Kein Dropdown mit allen Personen.
- Erst beim Tippen erscheinen Treffer direkt unter dem Feld, höchstens 3 (
MAX_RESULTS). Gesucht wird in Anzeigename,@Benutzernameund E-Mail. - Der erste Treffer ist vorausgewählt: Tippen + Enter übernimmt ihn. Pfeiltasten wechseln, Escape schließt.
- Bereits gewählte oder freigegebene Personen werden über
excludeUserIdsausgeblendet. - Einzelauswahl (Teilen, Gruppen):
selectedUsersetzen; das Feld zeigt dann die gewählte Person mit ×. - Mehrfachauswahl (Aufgaben zuweisen):
selectedUser={null}lassen und inonSelectUserzur Liste hinzufügen. Die Gewählten stehen als Chips (Avatar, Name, ×) über dem Feld, das Feld bleibt für die nächste Suche frei.
Profilbilder als Stapel
Komponente: AvatarStack.tsx (nutzt UserAvatar)
- Kleine runde Profilbilder, leicht überlappend, höchstens 3. Weitere Personen erscheinen als monochromer Kreis „+n“.
- Ohne Profilbild zeigt
UserAvatardie Initialen. ringClassbekommt die Farbe der Fläche dahinter (meistring-[var(--bg-panel)]oderring-[var(--bg-app)]), damit die Kreise sauber getrennt sind.- Größen:
xxs(16 px) in Tabs, Kanban-Karten und Listeneinträgen,xs(20 px) in Aufgabenzeilen und Kopfzeilen. - Kein Hover-Effekt im Stapel selbst. Einzige Ausnahme ist die Anwesenheit in Notizen (PresenceAvatars.tsx): Dort zeigt Hover oder Tastaturfokus die Liste „Gerade online“.
| Ort | Wer wird gezeigt |
|---|---|
| Notiz-Kopfzeile | wer die Notiz gerade geöffnet hat (Profilbilder aus /users/directory) |
| Tabs der Aufgabenlisten und Listen | alle mit Zugriff außer mir (members) |
| Aufgabenzeile und Kanban-Karte | zugewiesene Personen (nur in geteilten Listen) |
| Eintrag einer geteilten Liste | wer ihn hinzugefügt hat (createdBy); ältere Einträge ohne Autor zeigen nichts |
Schalter
Komponente: ToggleSwitch.tsx
- Ein/Aus-Einstellungen sind immer Schalter, keine Checkbox-Haken (Einrichtung, Admin-Bereich).
- Text links (Titel, darunter eine kurze Erklärung in
text-muted), Schalter rechts.
Zähler
CSS-Klasse badge-count in index.css: runder Zähler in der Form der Zähler der Navigationsleiste, aber monochrom (grau gefüllt) statt in der Akzentfarbe.
- Verwendet für die Anzahl offener Einträge in den Tabs der Aufgabenlisten und der Listen.
- Die Zähler der Navigationsleiste bleiben blau (Akzent), weil sie auf neue Inhalte aufmerksam machen.
- Kein eckiges
badge-neutralmehr für Zähler in Tabs.