Erfassung der Funddaten: Bild zu Fund hinzufügen / Tool-Bild Upload
Der Nutzer hat die Möglichkeit über ein Icon-Button Bilder in das System zu geben. Bei Betätigung des Icons öffnet sich ein Modal. Das Modal ist als shared - Komponente anzulegen und verfügt über eine Headline (von außen ans Modal eingebbar) einen Close Button (oben Rechts) und einen Bildupload-mechanismus.
Ich kann von außen an die Komponente ferner mitgeben ob ich ein Bild oder mehrere Bilder in den folgenden Schritten hochladen kann.
Akzeptanzkriterien
-
dynamische Komponente -
Prop: Headline-Name existiert und wird ans Modal übergeben -
Prop: Type Single oder Multi steuert Bildupload-Komponente (Einzelbild oder Mehrfachauswahl) -
Prop: Type (Image oder andere Dokumente) - aktuell wird nur Type: Image umgesetzt (zur Anzeige des Pre-Icons) -
Prop: withComment existiert #18 -
Modal wird dynamisch in den DOM eingefügt, sobald es geöffnet wird und wird auch aus diesem wieder entfernt. -
Close und Bestätigen schließt Modal -
Komponente liegt in components/shared -
Bildupload besteht aus Fileupload-Componente https://vuetifyjs.com/en/components/file-inputs/#multiple und ImagePreview darunter -
Bestätigen Button unten rechts -
Unittests -
i18n
Review
-
dynamische Komponente -
Prop: Headline-Name existiert und wird ans Modal übergeben -
Prop: Type Single oder Multi steuert Bildupload-Komponente (Einzelbild oder Mehrfachauswahl) -
Prop: Type (Image oder andere Dokumente) - aktuell wird nur Type: Image umgesetzt (zur Anzeige des Pre-Icons) -
Prop: withComment existiert #18 -
Modal wird dynamisch in den DOM eingefügt, sobald es geöffnet wird und wird auch aus diesem wieder entfernt. -
Close und Bestätigen schließt Modal -
Komponente liegt in components/shared -
Bildupload besteht aus Fileupload-Componente https://vuetifyjs.com/en/components/file-inputs/#multiple und ImagePreview darunter -
Bestätigen Button unten rechts -
Unittests -
i18n
Edited by Michael Voigt