Many Changes

spaces/components/DocumentDisplay.vue

@@ -85,11 +85,44 @@ const createVendorInvoice = async () => {
 
 
 const archiveDocument = () => {
-  documentData.tags = ["Archiviert"]
+  documentData.tags.push("Archiviert")
   updateDocument()
 }
 
+const resourceOptions = ref([
+    {label: 'Projekt', value: 'project', optionAttr: "name"},
+  {label: 'Kunde', value: 'customer', optionAttr: "name"},
+  {label: 'Lieferant', value: 'vendor', optionAttr: "name"},
+  {label: 'Fahrzeug', value: 'vehicle', optionAttr: "licensePlate"},
+  {label: 'Objekt', value: 'plant', optionAttr: "name"},
+  {label: 'Produkt', value: 'product', optionAttr: "name"}
+])
+const resourceToAssign = ref("project")
+const itemOptions = ref([])
+const idToAssign = ref(null)
+const getItemsBySelectedResource = () => {
+  if(resourceToAssign.value === "project") {
+    itemOptions.value = dataStore.projects
+  } else if(resourceToAssign.value === "customer") {
+    itemOptions.value = dataStore.customers
+  } else if(resourceToAssign.value === "vendor") {
+    itemOptions.value = dataStore.vendors
+  } else if(resourceToAssign.value === "vehicle") {
+    itemOptions.value = dataStore.vehicles
+  } else if(resourceToAssign.value === "product") {
+    itemOptions.value = dataStore.products
+  } else if(resourceToAssign.value === "plant") {
+    itemOptions.value = dataStore.plants
+  } else {
+    itemOptions.value =  []
+  }
+}
+getItemsBySelectedResource()
 
+const updateDocumentAssignment = async () => {
+  documentData[resourceToAssign.value] = idToAssign.value
+  await updateDocument()
+}
 
 </script>
 
@@ -196,7 +229,36 @@ const archiveDocument = () => {
           </USelectMenu>
         </UFormGroup>
 
+        <p>Dokument zuweisen:</p>
         <UFormGroup
+          label="Resource auswählen"
+        >
+          <USelectMenu
+              :options="resourceOptions"
+              v-model="resourceToAssign"
+              value-attribute="value"
+              option-attribute="label"
+              @change="getItemsBySelectedResource"
+          >
+
+          </USelectMenu>
+        </UFormGroup>
+        <UFormGroup
+          label="Eintrag auswählen:"
+        >
+
+        </UFormGroup>
+
+        <USelectMenu
+          :options="itemOptions"
+          v-model="idToAssign"
+          :option-attribute="resourceOptions.find(i => i.value === resourceToAssign)? resourceOptions.find(i => i.value === resourceToAssign).optionAttr : 'name'"
+          value-attribute="id"
+          @change="updateDocumentAssignment"
+        ></USelectMenu>
+
+
+<!--        <UFormGroup
             label="Projekt zuweisen:"
         >
           <USelectMenu
@@ -230,7 +292,7 @@ const archiveDocument = () => {
               {{dataStore.customers.find(item => item.id === documentData.customer) ? dataStore.customers.find(item => item.id === documentData.customer).name : "Kein Kunde ausgewählt" }}
             </template>
           </USelectMenu>
-        </UFormGroup>
+        </UFormGroup>-->
 
 
       </template>