+
+ {selectedCount} {t('dms.selected')}
+
+ setShowMoveDialog(false)}
+ />
+ setShowDeleteDialog(false)}
+ />
+
+ );
+}
diff --git a/frontend/src/components/dms/FileGrid.tsx b/frontend/src/components/dms/FileGrid.tsx
new file mode 100644
index 0000000..fc83a4d
--- /dev/null
+++ b/frontend/src/components/dms/FileGrid.tsx
@@ -0,0 +1,165 @@
+/**
+ * File grid for DMS file browser.
+ * Displays files with icons, names, sizes, and action buttons.
+ */
+
+import React, { useMemo } from 'react';
+import clsx from 'clsx';
+import { useTranslation } from 'react-i18next';
+import type { DmsFile } from '@/api/dms';
+
+function getFileIcon(mimeType: string): { path: string; color: string } {
+ if (mimeType === 'application/pdf') {
+ return { path: 'M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z', color: 'text-danger-500' };
+ }
+ if (mimeType.startsWith('image/')) {
+ return { path: 'M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z', color: 'text-accent-500' };
+ }
+ if (mimeType.includes('spreadsheet') || mimeType.includes('excel')) {
+ return { path: 'M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z', color: 'text-success-500' };
+ }
+ if (mimeType.includes('presentation') || mimeType.includes('powerpoint')) {
+ return { path: 'M7 8h10M7 16h10M7 12h6m-7 8h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z', color: 'text-warning-500' };
+ }
+ if (mimeType.startsWith('text/') || mimeType.includes('document') || mimeType.includes('word')) {
+ return { path: 'M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z', color: 'text-primary-500' };
+ }
+ if (mimeType.includes('zip') || mimeType.includes('compressed') || mimeType.includes('archive')) {
+ return { path: 'M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4', color: 'text-secondary-500' };
+ }
+ return { path: 'M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z', color: 'text-secondary-400' };
+}
+
+function formatFileSize(bytes: number): string {
+ if (bytes < 1024) return `${bytes} B`;
+ if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+ if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+ return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;
+}
+
+export interface FileGridProps {
+ files: DmsFile[];
+ selectedFileIds: Set
+
+
+
+
+
+
+ {[1, 2, 3, 4, 5, 6].map((i) => (
+
+ );
+ }
+
+ if (files.length === 0) {
+ return (
+
+
+
+
+
+ ))}
+
+
+
+ );
+ }
+
+ return (
+ {t('dms.noFiles')}
+
+ {sortedFiles.map((file) => {
+ const icon = getFileIcon(file.mime_type);
+ const isSelected = selectedFileIds.has(file.id);
+ return (
+
+ );
+}
diff --git a/frontend/src/components/dms/FilePreviewModal.tsx b/frontend/src/components/dms/FilePreviewModal.tsx
new file mode 100644
index 0000000..1ec18e9
--- /dev/null
+++ b/frontend/src/components/dms/FilePreviewModal.tsx
@@ -0,0 +1,108 @@
+/**
+ * File preview modal for DMS.
+ * Renders PDF files in an iframe via the preview endpoint.
+ * Shows file metadata and download button for non-PDF files.
+ */
+
+import React, { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Modal } from '@/components/ui/Modal';
+import { Button } from '@/components/ui/Button';
+import { Badge } from '@/components/ui/Badge';
+import { getFilePreviewUrl, type DmsFile } from '@/api/dms';
+
+export interface FilePreviewModalProps {
+ open: boolean;
+ file: DmsFile | null;
+ onClose: () => void;
+}
+
+function formatFileSize(bytes: number): string {
+ if (bytes < 1024) return `${bytes} B`;
+ if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+ if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+ return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;
+}
+
+export function FilePreviewModal({ open, file, onClose }: FilePreviewModalProps) {
+ const { t } = useTranslation();
+ const [previewUrl, setPreviewUrl] = useState onFileClick(file)}
+ data-testid={`file-card-${file.id}`}
+ >
+
+ );
+ })}
+
+
+
+ onToggleSelect(file.id)}
+ onClick={(e) => e.stopPropagation()}
+ className="rounded border-secondary-300 text-primary-600 focus:ring-primary-500"
+ aria-label={t('dms.bulkSelect')}
+ />
+
+
+ {file.name}
+
+ {formatFileSize(file.size)}
+ {file.mime_type && {file.mime_type.split('/')[1]?.toUpperCase()}}
+
+
+
+
+
+
+
+
+
+ {file.mime_type.split('/')[1]?.toUpperCase() || t('dms.icon.other')}
+ {formatFileSize(file.size)}
+ {file.created_at && (
+
+ {t('dms.fileModified')}: {new Date(file.created_at).toLocaleDateString()}
+
+ )}
+
+
+ {isPdf && previewUrl && (
+
+
+
+ )}
+
+ {isImage && previewUrl && (
+
+ 
+
+ )}
+
+ {!isPdf && !isImage && (
+
+
+
+ )}
+
+ {t('dms.preview')}
+
+ {previewUrl && (
+
+ {t('dms.download')}
+
+ )}
+
+
+ onSelect(folder.id)}
+ onKeyDown={(e) => {
+ if (e.key === 'Enter' || e.key === ' ') {
+ e.preventDefault();
+ onSelect(folder.id);
+ }
+ }}
+ tabIndex={0}
+ role="button"
+ aria-label={folder.name}
+ >
+ {hasChildren && (
+
+ )}
+ {!hasChildren && }
+
+ {folder.name}
+ {typeof folder.file_count === 'number' && folder.file_count > 0 && (
+ {folder.file_count}
+ )}
+
+ {hasChildren && expanded && (
+ -
+ {folder.children!.map((child) => (
+
+ {[1, 2, 3].map((i) => (
+
+ ))}
+
+ );
+ }
+
+ return (
+
+ );
+}
diff --git a/frontend/src/components/dms/ShareDialog.tsx b/frontend/src/components/dms/ShareDialog.tsx
new file mode 100644
index 0000000..51b8fbb
--- /dev/null
+++ b/frontend/src/components/dms/ShareDialog.tsx
@@ -0,0 +1,290 @@
+/**
+ * Share dialog for DMS files.
+ * Allows sharing with users/groups and creating public share links.
+ */
+
+import React, { useState, useEffect, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Modal } from '@/components/ui/Modal';
+import { Button } from '@/components/ui/Button';
+import { Input } from '@/components/ui/Input';
+import { Select } from '@/components/ui/Select';
+import { Badge } from '@/components/ui/Badge';
+import { EmptyState } from '@/components/ui/EmptyState';
+import { useToast } from '@/components/ui/Toast';
+import {
+ shareFile,
+ removeShare,
+ type DmsFile,
+ type DmsShare,
+} from '@/api/dms';
+import {
+ fetchFilePermissions,
+ grantPermission,
+ revokePermission,
+ createShareLink,
+ revokeShareLink,
+ type FilePermissionEntry,
+ type ShareLinkEntry,
+} from '@/api/permissions';
+
+export interface ShareDialogProps {
+ open: boolean;
+ file: DmsFile | null;
+ onClose: () => void;
+ onShared: () => void;
+}
+
+export function ShareDialog({ open, file, onClose, onShared }: ShareDialogProps) {
+ const { t } = useTranslation();
+ const toast = useToast();
+ const [shares, setShares] = useState
+ {/* Add share section */}
+
+
+
+
+ {/* Current permissions */}
+ {t('dms.addShare')}
+
+
+
+
+
+
+ {/* Public share link section */}
+ {t('permissions.filePermissions')}
+ {loading ? ( +{t('dms.loading')}...
+ ) : permissions.length === 0 ? ( +-
+ {permissions.map((perm) => (
+
-
+ ++ +
+ {perm.permission === 'read' ? t('permissions.permissionRead') : t('permissions.permissionWrite')} + + + {perm.user_name || perm.group_name || perm.user_id || perm.group_id} + +
+ ))}
+
+
+ {t('dms.shareLink')}
+
+ setLinkPassword(e.target.value)}
+ placeholder={t('dms.password')}
+ />
+ setLinkExpiry(e.target.value)}
+ />
+
+
+
+ {shareLinks.length > 0 && (
+ -
+ {shareLinks.map((link) => (
+
-
+ + {link.url} + {link.password_protected && ( ++
{t('permissions.passwordProtected')} + )} + {link.expires_at && ( ++ {t('permissions.expiresAt')}: {new Date(link.expires_at).toLocaleDateString()} + + )} ++ + ++
+ ))}
+
+
+ );
+}
diff --git a/frontend/src/components/layout/Sidebar.tsx b/frontend/src/components/layout/Sidebar.tsx
index 13432a4..6a66004 100644
--- a/frontend/src/components/layout/Sidebar.tsx
+++ b/frontend/src/components/layout/Sidebar.tsx
@@ -21,7 +21,7 @@ const navItems: NavItem[] = [
{ to: '/companies', labelKey: 'nav.companies', icon: navIcon('M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4') },
{ to: '/contacts', labelKey: 'nav.contacts', icon: navIcon('M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6-3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z') },
{ to: '/calendar', labelKey: 'nav.calendar', icon: navIcon('M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z') },
- { to: '/files', labelKey: 'nav.files', icon: navIcon('M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z') },
+ { to: '/dms', labelKey: 'nav.files', icon: navIcon('M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z') },
{ to: '/email', labelKey: 'nav.email', icon: navIcon('M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z') },
{ to: '/users', labelKey: 'nav.users', icon: navIcon('M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z') },
{ to: '/audit-log', labelKey: 'nav.auditLog', icon: navIcon('M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z') },
diff --git a/frontend/src/components/tags/BulkTagDialog.tsx b/frontend/src/components/tags/BulkTagDialog.tsx
new file mode 100644
index 0000000..e48f693
--- /dev/null
+++ b/frontend/src/components/tags/BulkTagDialog.tsx
@@ -0,0 +1,171 @@
+import clsx from 'clsx';
+/**
+ * Bulk tag assignment dialog.
+ * Assigns selected tags to multiple entities at once.
+ */
+
+import React, { useState, useEffect, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Modal } from '@/components/ui/Modal';
+import { Button } from '@/components/ui/Button';
+import { Input } from '@/components/ui/Input';
+import { EmptyState } from '@/components/ui/EmptyState';
+import { useToast } from '@/components/ui/Toast';
+import {
+ fetchTags,
+ bulkAssignTags,
+ type Tag,
+ type EntityType,
+} from '@/api/tags';
+
+export interface BulkTagDialogProps {
+ open: boolean;
+ entityType: EntityType;
+ entityIds: string[];
+ onClose: () => void;
+ onAssigned: () => void;
+}
+
+export function BulkTagDialog({
+ open,
+ entityType,
+ entityIds,
+ onClose,
+ onAssigned,
+}: BulkTagDialogProps) {
+ const { t } = useTranslation();
+ const toast = useToast();
+ const [tags, setTags] = useState {
+ if (e.key === 'Enter' || e.key === ' ') {
+ e.preventDefault();
+ handleClick();
+ }
+ }}
+ tabIndex={0}
+ role="button"
+ aria-label={t('dms.uploadDropHere')}
+ >
+
+
+
+ {uploads.length > 0 && (
+ {t('dms.uploadDropHere')}
+
+ {uploads.map((u, i) => (
+
+ )}
+ {isUploading && (
+
+
+ ))}
+
+ {u.fileName}
+ {u.error ? (
+ {u.error}
+ ) : (
+ {u.progress}%
+ )}
+
+
+
+
+
+ {t('dms.uploading')}...
+
+ )}
+
+
+ + {entityIds.length} {t('tags.selectedEntities')} +
+ + setSearchQuery(e.target.value)} + placeholder={t('tags.search')} + /> + + {loading ? ( +{t('tags.loading')}...
+ ) : filteredTags.length === 0 ? ( +
+ {filteredTags.map((tag) => {
+ const isSelected = selectedTagIds.has(tag.id);
+ return (
+
+ );
+ })}
+
+ )}
+
+ {selectedTagIds.size > 0 && (
+ + {selectedTagIds.size} {t('tags.selectTags')} +
+ )} + +
+
+
+
+
+ {[1, 2, 3, 4, 5].map((i) => (
+
+ ))}
+
+ );
+ }
+
+ if (tags.length === 0) {
+ return (
+
+
+ );
+ }
+
+ return (
+
+ {tagsWithSize.map(({ tag, sizeClass }) => (
+
+ ))}
+
+ );
+}
diff --git a/frontend/src/components/tags/TagPicker.tsx b/frontend/src/components/tags/TagPicker.tsx
new file mode 100644
index 0000000..261e7a3
--- /dev/null
+++ b/frontend/src/components/tags/TagPicker.tsx
@@ -0,0 +1,236 @@
+import clsx from 'clsx';
+/**
+ * Tag picker for entity detail pages.
+ * Shows assigned tags and allows assigning/unassigning tags.
+ */
+
+import React, { useState, useEffect, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Badge } from '@/components/ui/Badge';
+import { Button } from '@/components/ui/Button';
+import { Input } from '@/components/ui/Input';
+import { EmptyState } from '@/components/ui/EmptyState';
+import { useToast } from '@/components/ui/Toast';
+import {
+ fetchTags,
+ assignTag,
+ unassignTag,
+ createTag,
+ type Tag,
+ type EntityType,
+} from '@/api/tags';
+
+export interface TagPickerProps {
+ entityType: EntityType;
+ entityId: string;
+ assignedTags?: Tag[];
+}
+
+export function TagPicker({ entityType, entityId, assignedTags: initialAssigned = [] }: TagPickerProps) {
+ const { t } = useTranslation();
+ const toast = useToast();
+ const [allTags, setAllTags] = useState
+ {/* Assigned tags */}
+
+ );
+}
diff --git a/frontend/src/i18n/locales/de.json b/frontend/src/i18n/locales/de.json
index 4859fc5..a3ebdc8 100644
--- a/frontend/src/i18n/locales/de.json
+++ b/frontend/src/i18n/locales/de.json
@@ -159,7 +159,6 @@
"security": "Sicherheit",
"roles": "Rollen",
"users": "Benutzer",
- "system": "System",
"name": "Name",
"firstName": "Vorname",
"lastName": "Nachname",
@@ -273,10 +272,28 @@
"nextMonth": "Nächster Monat",
"monthView": "Monatsansicht",
"kanbanView": "Kanban",
- "weekdays": ["Mo", "Di", "Mi", "Do", "Fr", "Sa", "So"],
+ "weekdays": [
+ "Mo",
+ "Di",
+ "Mi",
+ "Do",
+ "Fr",
+ "Sa",
+ "So"
+ ],
"months": [
- "Januar", "Februar", "März", "April", "Mai", "Juni",
- "Juli", "August", "September", "Oktober", "November", "Dezember"
+ "Januar",
+ "Februar",
+ "März",
+ "April",
+ "Mai",
+ "Juni",
+ "Juli",
+ "August",
+ "September",
+ "Oktober",
+ "November",
+ "Dezember"
],
"newAppointment": "Neuer Termin",
"editAppointment": "Termin bearbeiten",
@@ -369,5 +386,151 @@
"follow_up": "Wiedervorlage",
"private": "Privat"
}
+ },
+ "dms": {
+ "title": "Dokumentenverwaltung",
+ "trash": "Papierkorb",
+ "folders": "Ordner",
+ "files": "Dateien",
+ "allFiles": "Alle Dateien",
+ "sharedWithMe": "Mit mir geteilt",
+ "upload": "Hochladen",
+ "uploadDropHere": "Dateien hierher ziehen oder klicken zum Auswaehlen",
+ "uploading": "Wird hochgeladen",
+ "uploadSuccess": "Datei erfolgreich hochgeladen",
+ "uploadError": "Fehler beim Hochladen",
+ "newFolder": "Neuer Ordner",
+ "folderName": "Ordnername",
+ "createFolder": "Ordner erstellen",
+ "search": "Dateien durchsuchen",
+ "searchPlaceholder": "Dateinamen eingeben",
+ "noFiles": "Keine Dateien vorhanden",
+ "noFolders": "Keine Ordner vorhanden",
+ "loading": "Wird geladen",
+ "error": "Fehler beim Laden",
+ "fileSize": "Groesse",
+ "fileType": "Typ",
+ "fileModified": "Geaendert",
+ "fileCreatedBy": "Erstellt von",
+ "preview": "Vorschau",
+ "download": "Herunterladen",
+ "rename": "Umbenennen",
+ "move": "Verschieben",
+ "delete": "Loeschen",
+ "restore": "Wiederherstellen",
+ "share": "Teilen",
+ "shareWith": "Teilen mit",
+ "shareLink": "Oeffentlicher Link",
+ "createShareLink": "Link erstellen",
+ "copyLink": "Link kopieren",
+ "linkCopied": "Link in Zwischenablage kopiert",
+ "password": "Passwort (optional)",
+ "expiryDate": "Ablaufdatum (optional)",
+ "permissionLevel": "Berechtigungsstufe",
+ "userOrGroup": "Benutzer oder Gruppe",
+ "userId": "Benutzer-ID",
+ "groupId": "Gruppen-ID",
+ "addShare": "Freigabe hinzufuegen",
+ "removeShare": "Freigabe entfernen",
+ "permissions": "Berechtigungen",
+ "bulkSelect": "Auswaehlen",
+ "bulkMove": "Verschieben",
+ "bulkDelete": "Loeschen",
+ "bulkMoveTitle": "Dateien verschieben",
+ "bulkDeleteTitle": "Dateien loeschen",
+ "selectTargetFolder": "Zielordner waehlen",
+ "confirmBulkDelete": "Moechten Sie die ausgewaehlten Dateien wirklich loeschen?",
+ "confirmDelete": "Moechten Sie diese Datei wirklich loeschen?",
+ "confirmDeleteFolder": "Moechten Sie diesen Ordner wirklich loeschen?",
+ "deleted": "Datei geloescht",
+ "restored": "Datei wiederhergestellt",
+ "shared": "Freigabe erstellt",
+ "trashEmpty": "Papierkorb ist leer",
+ "noResults": "Keine Suchergebnisse",
+ "sharedFiles": "Geteilte Dateien",
+ "name": "Name",
+ "actions": "Aktionen",
+ "selected": "ausgewaehlt",
+ "cancel": "Abbrechen",
+ "confirm": "Bestaetigen",
+ "save": "Speichern",
+ "editSession": "Bearbeitungssitzung",
+ "openEditor": "Im Editor oeffnen",
+ "icon": {
+ "folder": "Ordner",
+ "pdf": "PDF",
+ "image": "Bild",
+ "document": "Dokument",
+ "spreadsheet": "Tabelle",
+ "presentation": "Praesentation",
+ "archive": "Archiv",
+ "other": "Datei"
+ }
+ },
+ "tags": {
+ "title": "Tags",
+ "assign": "Tag zuweisen",
+ "unassign": "Tag entfernen",
+ "create": "Neues Tag",
+ "tagName": "Tag-Name",
+ "tagColor": "Farbe",
+ "tagDescription": "Beschreibung",
+ "save": "Speichern",
+ "cancel": "Abbrechen",
+ "delete": "Loeschen",
+ "edit": "Bearbeiten",
+ "search": "Tag suchen",
+ "noTags": "Keine Tags vorhanden",
+ "noTagsAssigned": "Keine Tags zugewiesen",
+ "assignedTags": "Zugewiesene Tags",
+ "availableTags": "Verfuegbare Tags",
+ "tagCloud": "Tag-Cloud",
+ "bulkAssign": "Tags zuweisen",
+ "bulkAssignTitle": "Tags mehreren Eintraegen zuweisen",
+ "selectTags": "Tags auswaehlen",
+ "selectedEntities": "ausgewaehlte Eintraege",
+ "assignSuccess": "Tags zugewiesen",
+ "unassignSuccess": "Tag entfernt",
+ "createSuccess": "Tag erstellt",
+ "deleteSuccess": "Tag geloescht",
+ "confirmDelete": "Moechten Sie dieses Tag wirklich loeschen?",
+ "usageCount": "Verwendungen",
+ "loading": "Tags werden geladen",
+ "addTag": "Tag hinzufuegen",
+ "removeTag": "Tag entfernen",
+ "manageTags": "Tags verwalten",
+ "color": {
+ "red": "Rot",
+ "blue": "Blau",
+ "green": "Gruen",
+ "yellow": "Gelb",
+ "purple": "Lila",
+ "orange": "Orange",
+ "pink": "Rosa",
+ "gray": "Grau"
+ }
+ },
+ "permissions": {
+ "title": "Berechtigungen",
+ "filePermissions": "Dateiberechtigungen",
+ "shareLinks": "Freigabelinks",
+ "grant": "Berechtigung erteilen",
+ "revoke": "Berechtigung entziehen",
+ "permissionRead": "Lesen",
+ "permissionWrite": "Schreiben",
+ "permissionAdmin": "Admin",
+ "noPermissions": "Keine Berechtigungen vergeben",
+ "noShareLinks": "Keine Freigabelinks vorhanden",
+ "user": "Benutzer",
+ "group": "Gruppe",
+ "level": "Stufe",
+ "granted": "Berechtigung erteilt",
+ "revoked": "Berechtigung entzogen",
+ "linkCreated": "Freigabelink erstellt",
+ "linkRevoked": "Freigabelink widerrufen",
+ "passwordProtected": "Passwortgeschuetzt",
+ "expiresAt": "Laeuft ab am",
+ "neverExpires": "Laeuft nie ab",
+ "linkUrl": "Link-URL"
}
-}
+}
\ No newline at end of file
diff --git a/frontend/src/i18n/locales/en.json b/frontend/src/i18n/locales/en.json
index ca5ca1c..aaabe8e 100644
--- a/frontend/src/i18n/locales/en.json
+++ b/frontend/src/i18n/locales/en.json
@@ -159,7 +159,6 @@
"security": "Security",
"roles": "Roles",
"users": "Users",
- "system": "System",
"name": "Name",
"firstName": "First Name",
"lastName": "Last Name",
@@ -273,10 +272,28 @@
"nextMonth": "Next month",
"monthView": "Month view",
"kanbanView": "Kanban",
- "weekdays": ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"],
+ "weekdays": [
+ "Mo",
+ "Tu",
+ "We",
+ "Th",
+ "Fr",
+ "Sa",
+ "Su"
+ ],
"months": [
- "January", "February", "March", "April", "May", "June",
- "July", "August", "September", "October", "November", "December"
+ "January",
+ "February",
+ "March",
+ "April",
+ "May",
+ "June",
+ "July",
+ "August",
+ "September",
+ "October",
+ "November",
+ "December"
],
"newAppointment": "New appointment",
"editAppointment": "Edit appointment",
@@ -369,5 +386,151 @@
"follow_up": "Follow up",
"private": "Private"
}
+ },
+ "dms": {
+ "title": "Document Management",
+ "trash": "Trash",
+ "folders": "Folders",
+ "files": "Files",
+ "allFiles": "All Files",
+ "sharedWithMe": "Shared with me",
+ "upload": "Upload",
+ "uploadDropHere": "Drag files here or click to select",
+ "uploading": "Uploading",
+ "uploadSuccess": "File uploaded successfully",
+ "uploadError": "Upload failed",
+ "newFolder": "New Folder",
+ "folderName": "Folder name",
+ "createFolder": "Create folder",
+ "search": "Search files",
+ "searchPlaceholder": "Enter file name",
+ "noFiles": "No files available",
+ "noFolders": "No folders available",
+ "loading": "Loading",
+ "error": "Error loading data",
+ "fileSize": "Size",
+ "fileType": "Type",
+ "fileModified": "Modified",
+ "fileCreatedBy": "Created by",
+ "preview": "Preview",
+ "download": "Download",
+ "rename": "Rename",
+ "move": "Move",
+ "delete": "Delete",
+ "restore": "Restore",
+ "share": "Share",
+ "shareWith": "Share with",
+ "shareLink": "Public link",
+ "createShareLink": "Create link",
+ "copyLink": "Copy link",
+ "linkCopied": "Link copied to clipboard",
+ "password": "Password (optional)",
+ "expiryDate": "Expiry date (optional)",
+ "permissionLevel": "Permission level",
+ "userOrGroup": "User or group",
+ "userId": "User ID",
+ "groupId": "Group ID",
+ "addShare": "Add share",
+ "removeShare": "Remove share",
+ "permissions": "Permissions",
+ "bulkSelect": "Select",
+ "bulkMove": "Move",
+ "bulkDelete": "Delete",
+ "bulkMoveTitle": "Move files",
+ "bulkDeleteTitle": "Delete files",
+ "selectTargetFolder": "Select target folder",
+ "confirmBulkDelete": "Are you sure you want to delete the selected files?",
+ "confirmDelete": "Are you sure you want to delete this file?",
+ "confirmDeleteFolder": "Are you sure you want to delete this folder?",
+ "deleted": "File deleted",
+ "restored": "File restored",
+ "shared": "Share created",
+ "trashEmpty": "Trash is empty",
+ "noResults": "No search results",
+ "sharedFiles": "Shared files",
+ "name": "Name",
+ "actions": "Actions",
+ "selected": "selected",
+ "cancel": "Cancel",
+ "confirm": "Confirm",
+ "save": "Save",
+ "editSession": "Edit session",
+ "openEditor": "Open in editor",
+ "icon": {
+ "folder": "Folder",
+ "pdf": "PDF",
+ "image": "Image",
+ "document": "Document",
+ "spreadsheet": "Spreadsheet",
+ "presentation": "Presentation",
+ "archive": "Archive",
+ "other": "File"
+ }
+ },
+ "tags": {
+ "title": "Tags",
+ "assign": "Assign tag",
+ "unassign": "Remove tag",
+ "create": "New tag",
+ "tagName": "Tag name",
+ "tagColor": "Color",
+ "tagDescription": "Description",
+ "save": "Save",
+ "cancel": "Cancel",
+ "delete": "Delete",
+ "edit": "Edit",
+ "search": "Search tags",
+ "noTags": "No tags available",
+ "noTagsAssigned": "No tags assigned",
+ "assignedTags": "Assigned tags",
+ "availableTags": "Available tags",
+ "tagCloud": "Tag cloud",
+ "bulkAssign": "Assign tags",
+ "bulkAssignTitle": "Assign tags to multiple entities",
+ "selectTags": "Select tags",
+ "selectedEntities": "selected entities",
+ "assignSuccess": "Tags assigned",
+ "unassignSuccess": "Tag removed",
+ "createSuccess": "Tag created",
+ "deleteSuccess": "Tag deleted",
+ "confirmDelete": "Are you sure you want to delete this tag?",
+ "usageCount": "Usages",
+ "loading": "Loading tags",
+ "addTag": "Add tag",
+ "removeTag": "Remove tag",
+ "manageTags": "Manage tags",
+ "color": {
+ "red": "Red",
+ "blue": "Blue",
+ "green": "Green",
+ "yellow": "Yellow",
+ "purple": "Purple",
+ "orange": "Orange",
+ "pink": "Pink",
+ "gray": "Gray"
+ }
+ },
+ "permissions": {
+ "title": "Permissions",
+ "filePermissions": "File permissions",
+ "shareLinks": "Share links",
+ "grant": "Grant permission",
+ "revoke": "Revoke permission",
+ "permissionRead": "Read",
+ "permissionWrite": "Write",
+ "permissionAdmin": "Admin",
+ "noPermissions": "No permissions granted",
+ "noShareLinks": "No share links available",
+ "user": "User",
+ "group": "Group",
+ "level": "Level",
+ "granted": "Permission granted",
+ "revoked": "Permission revoked",
+ "linkCreated": "Share link created",
+ "linkRevoked": "Share link revoked",
+ "passwordProtected": "Password protected",
+ "expiresAt": "Expires at",
+ "neverExpires": "Never expires",
+ "linkUrl": "Link URL"
}
-}
+}
\ No newline at end of file
diff --git a/frontend/src/pages/CompanyDetail.tsx b/frontend/src/pages/CompanyDetail.tsx
index 88f3978..a00b4c6 100644
--- a/frontend/src/pages/CompanyDetail.tsx
+++ b/frontend/src/pages/CompanyDetail.tsx
@@ -9,6 +9,7 @@ import { Badge } from '@/components/ui/Badge';
import { EmptyState } from '@/components/ui/EmptyState';
import { Skeleton } from '@/components/ui/Skeleton';
import { Avatar } from '@/components/ui/Avatar';
+import { TagPicker } from '@/components/tags/TagPicker';
export function CompanyDetailPage() {
const { id } = useParams<{ id: string }>();
@@ -103,6 +104,14 @@ export function CompanyDetailPage() {
),
};
+ const tagsTab: TabItem = {
+ key: 'tags',
+ label: t('tags.title'),
+ content: (
+
+
+
+ {/* Search and assign */}
+ {t('tags.assignedTags')}
+ {loading ? ( +{t('tags.loading')}...
+ ) : assignedTags.length === 0 ? ( +
+ {assignedTags.map((tag) => (
+
+ )}
+
+
+
+ {tag.name}
+
+
+
+ ))}
+
+ setSearchQuery(e.target.value)}
+ placeholder={t('tags.search')}
+ />
+ {filteredTags.length > 0 && (
+
+
+ {filteredTags.map((tag) => (
+
+ ))}
+
+ )}
+ {searchQuery && filteredTags.length === 0 && !loading && (
+ {t('tags.noTags')}
+ )} + + {/* Create new tag */} + {!showCreateForm ? ( + + ) : ( +
+ setNewTagName(e.target.value)}
+ placeholder={t('tags.tagName')}
+ />
+
+ )}
+
+
+
+
+ {colorOptions.map((color) => (
+
+
+
+
+
+
+ {
+ handleClearSelection();
+ loadFiles();
+ }}
+ />
+
+ setPreviewFile(null)}
+ />
+
+ setShareFile(null)}
+ onShared={handleUploadComplete}
+ />
+
+ setDeleteTarget(null)}
+ />
+
+ );
+}
diff --git a/frontend/src/pages/DmsTrash.tsx b/frontend/src/pages/DmsTrash.tsx
new file mode 100644
index 0000000..cba3093
--- /dev/null
+++ b/frontend/src/pages/DmsTrash.tsx
@@ -0,0 +1,154 @@
+/**
+ * DMS trash page.
+ * Shows soft-deleted files with restore button per file.
+ */
+
+import React, { useState, useEffect, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Link } from 'react-router-dom';
+import { Button } from '@/components/ui/Button';
+import { Card } from '@/components/ui/Card';
+import { Table, TableColumn } from '@/components/ui/Table';
+import { EmptyState } from '@/components/ui/EmptyState';
+import { Skeleton } from '@/components/ui/Skeleton';
+import { useToast } from '@/components/ui/Toast';
+import { restoreFile, type DmsFile } from '@/api/dms';
+
+export function DmsTrashPage() {
+ const { t } = useTranslation();
+ const toast = useToast();
+ const [trashFiles, setTrashFiles] = useState
+
+
+ {error && (
+
+
+ {t('dms.title')}
+ + {t('dms.trash')} + +
+
+
+
+
+
+ )}
+
+ {showNewFolder && (
+ {error}
+
+ setNewFolderName(e.target.value)}
+ placeholder={t('dms.folderName')}
+ />
+
+
+
+ )}
+
+ {showUpload && (
+
+
+ )}
+
+
+ setSearchQuery(e.target.value)}
+ placeholder={t('dms.searchPlaceholder')}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+ }
+
+ if (error) {
+ return (
+
+ window.location.reload()}>{t('dms.cancel')}}
+ />
+
+ );
+ }
+
+ return (
+
+
+
+ ) : (
+
+ file.id}
+ emptyMessage={t('dms.trashEmpty')}
+ />
+
+ )}
+
+ );
+}
diff --git a/frontend/src/routes/index.tsx b/frontend/src/routes/index.tsx
index a8246e2..822ee5b 100644
--- a/frontend/src/routes/index.tsx
+++ b/frontend/src/routes/index.tsx
@@ -20,6 +20,8 @@ import { SettingsRolesPage } from '@/pages/SettingsRoles';
import { SettingsUsersPage } from '@/pages/SettingsUsers';
import { CalendarPage } from '@/pages/Calendar';
import { CalendarKanbanPage } from '@/pages/CalendarKanban';
+import { DmsPage } from '@/pages/Dms';
+import { DmsTrashPage } from '@/pages/DmsTrash';
const router = createBrowserRouter([
{
@@ -55,6 +57,8 @@ const router = createBrowserRouter([
{ path: '/search', element:
+
+
+ {trashFiles.length === 0 ? (
+
+
+ ← {t('dms.title')}
+
+
+