Added Phases to Projects

spaces/components/DocumentUpload.vue

@@ -32,7 +32,7 @@ const uploadFiles = async () => {
   let fileData = fileUploadFormData.value
   fileData[type] = elementId
 
-  await dataStore.uploadFiles(fileData,  document.getElementById("fileUploadInput").files)
+  await dataStore.uploadFiles(fileData,  document.getElementById("fileUploadInput").files,true)
 
   uploadModalOpen.value = false;
   uploadInProgress.value = false;
@@ -40,7 +40,7 @@ const uploadFiles = async () => {
 </script>
 
 <template>
-  <UModal
+  <USlideover
       v-model="uploadModalOpen"
   >
     <UCard :ui="{ ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
@@ -66,6 +66,7 @@ const uploadFiles = async () => {
         <UInput
             type="file"
             id="fileUploadInput"
+            multiple
         />
       </UFormGroup>
       <UFormGroup
@@ -78,7 +79,12 @@ const uploadFiles = async () => {
             searchable-placeholder="Suchen..."
             :options="tags"
             v-model="fileUploadFormData.tags"
-        />
+        >
+          <template #label>
+            <span v-if="fileUploadFormData.tags.length > 0">{{fileUploadFormData.tags.join(", ")}}</span>
+            <span v-else>Keine Tags ausgewählt</span>
+          </template>
+        </USelectMenu>
       </UFormGroup>
 
       <template #footer>
@@ -89,10 +95,11 @@ const uploadFiles = async () => {
       </template>
 
     </UCard>
-  </UModal>
+  </USlideover>
 
   <UButton
       @click="openModal"
+      icon="i-heroicons-arrow-up-tray"
   >
     Hochladen
   </UButton>