#2606: MultipleFileUploadArea.tsx
projectforge-webapp/src/components/base/dynamicLayout/components/upload/MultipleFileUploadArea.tsx TypeScript React-Komponente (Dropzone + Upload-Warteschlange), projectforge-webapp/src/components/base/dynamicLayout/components/upload/MultipleFileUploadArea.tsx 166 Zeilen · 130 Code · 17 Kommentare · 19 Leerzeilen
Drag-and-Drop-Multi-File-Upload-Komponente unter Verwendung von react-dropzone. Verwaltet die Datei-Warteschlange über useState<UploadableFile[]>. Beim Ablegen: Trennung akzeptierter und abgelehnter Dateien (mit FileError-Codes), Vergabe sequenzieller IDs. Fehlerübersetzung: file-too-large wird auf i18n file.upload.error.maxSizeOfExceeded abgebildet, too-many-files auf file.upload.error.tooManyFiles über DynamicLayoutContext.translations. Zeigt UploadError für abgelehnte Dateien und SingleFileUploadWithProgress für gültige Dateien an. Maximale Größe konfigurierbar (KB), hartes Limit von 20 Dateien (Kommentar sagt 10). Nach erfolgreichem Upload wird die Datei aus der Warteschlange entfernt und afterFileUpload(response) aufgerufen. Basierend auf bmvantunes' Formik-Multi-File-Upload-Tutorial.
Git-Verlauf
356da5a38 Korrekturlesen der I18nResources durch Claude Code.
f867698d3 wip: Paketversionen anheben
c646250cf WIP: Datenübertragungs-Audit
e1c04a448 WIP: Multi-Upload
da657e1ce WIP: Multi-Upload