Many Changes

spaces/pages/plants/[mode]/[[id]].vue

@@ -1,5 +1,7 @@
 <script setup>
 import HistoryDisplay from "~/components/HistoryDisplay.vue";
+import DocumentList from "~/components/DocumentList.vue";
+import DocumentUpload from "~/components/DocumentUpload.vue";
 
 definePageMeta({
   middleware: "auth"
@@ -17,7 +19,7 @@ const editor = useEditor({
   extensions: [TiptapStarterKit],
 });
 
-let currentItem = null
+let currentItem = ref(null)
 
 //Working
 const mode = ref(route.params.mode || "show")
@@ -30,6 +32,8 @@ const tabItems = [
     label: "Projekte"
   },{
     label: "Aufgaben"
+  },{
+    label: "Dokumente"
   },{
     label: "Dokumentation"
   }
@@ -38,10 +42,10 @@ const tabItems = [
 //Functions
 const setupPage = () => {
   if(mode.value === "show" || mode.value === "edit"){
-    currentItem = dataStore.getPlantById(Number(useRoute().params.id))
+    currentItem.value = dataStore.getPlantById(Number(useRoute().params.id))
   }
 
-  if(mode.value === "edit") itemInfo.value = currentItem
+  if(mode.value === "edit") itemInfo.value = currentItem.value
 
 
 
@@ -50,7 +54,7 @@ const setupPage = () => {
 
 
 const editItem = async () => {
-  router.push(`/plants/edit/${currentItem.id}`)
+  await router.push(`/plants/edit/${currentItem.value.id}`)
   setupPage()
 }
 
@@ -100,6 +104,78 @@ setupPage()
 
           </UTable>
         </div>
+        <div v-else-if="item.label === 'Dokumente'" class="space-y-3">
+          <InputGroup>
+            <DocumentUpload
+                type="plant"
+                :element-id="currentItem.id"
+            />
+          </InputGroup>
+
+          <!--          <UModal
+                        v-model="uploadModalOpen"
+                    >
+                      <UCard class="p-4">
+
+                        <template #header>
+                          Datei hochladen
+                        </template>
+
+                        <UFormGroup
+                            label="Datei:"
+                        >
+                          <UInput
+                              type="file"
+                              id="fileUploadInput"
+                          />
+                        </UFormGroup>
+                        &lt;!&ndash;          <UFormGroup
+                                    label="Name:"
+                                    class="mt-3"
+                                  >
+                                    <UInput
+                                        v-model="fileUploadFormData.name"
+                                    />
+                                  </UFormGroup>&ndash;&gt;
+                        <UFormGroup
+                            label="Tags:"
+                            class="mt-3"
+                        >
+                          <USelectMenu
+                              multiple
+                              searchable
+                              searchable-placeholder="Suchen..."
+                              :options="tags"
+                              v-model="fileUploadFormData.tags"
+                          />
+                        </UFormGroup>
+                        &lt;!&ndash;<UFormGroup
+                            label="Ordner:"
+                            class="mt-3"
+                        >
+                          <USelectMenu
+                              :options="folders"
+                              v-model="fileUploadFormData.folder"
+                              value-attribute="label"
+
+                          />
+                        </UFormGroup>&ndash;&gt;
+
+                        <template #footer>
+                          <UButton
+                              class="mt-3"
+                              @click="uploadFiles"
+                          >Hochladen</UButton>
+                        </template>
+
+
+                      </UCard>
+
+                    </UModal>-->
+
+          <DocumentList :documents="dataStore.getDocumentsByPlantId(currentItem.id)"/>
+
+        </div>
         <div v-if="item.label === 'Dokumentation'">
 
           <Editor/>