Many Changes

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

@@ -1,4 +1,6 @@
 <script setup>
+import HistoryDisplay from "~/components/HistoryDisplay.vue";
+
 definePageMeta({
   middleware: "auth"
 })
@@ -9,6 +11,7 @@ const route = useRoute()
 const router = useRouter()
 const toast = useToast()
 const id = ref(route.params.id ? route.params.id : null )
+const numberRange  = useNumberRange("vendors")
 
 let currentItem = null
 
@@ -16,7 +19,9 @@ let currentItem = null
 
 //Working
 const mode = ref(route.params.mode || "show")
-const itemInfo = ref({})
+const itemInfo = ref({
+  infoData: {}
+})
 
 //Functions
 const setupPage = () => {
@@ -31,6 +36,9 @@ const setupPage = () => {
 }
 
 const createItem = async () => {
+
+  if(!itemInfo.value.vendorNumber) itemInfo.value.vendorNumber = await numberRange.useNextNumber()
+
   const {data,error} = await supabase
       .from("vendors")
       .insert([itemInfo.value])
@@ -66,9 +74,8 @@ const updateItem = async () => {
   if(error) {
     console.log(error)
   } else {
-    mode.value = "show"
-    itemInfo.value = {}
     toast.add({title: "Lieferant erfolgreich gespeichert"})
+    router.push(`/vendors/show/${currentItem.id}`)
     dataStore.fetchVendors()
   }
 
@@ -87,9 +94,29 @@ setupPage()
         {{currentItem.name}}
       </template>
 
-      {{currentItem}}
+      Information: <br>
+      <div v-if="currentItem.infoData">
+        <span v-if="currentItem.infoData.street">Straße + Hausnummer: {{currentItem.infoData.street}}<br></span>
+        <span v-if="currentItem.infoData.zip && currentItem.infoData.city">PLZ + Ort: {{currentItem.infoData.zip}} {{currentItem.infoData.city}}<br></span>
+        <span v-if="currentItem.infoData.tel">Telefon: {{currentItem.infoData.tel}}<br></span>
+        <span v-if="currentItem.infoData.email">E-Mail: {{currentItem.infoData.email}}<br></span>
+        <span v-if="currentItem.infoData.web">Web: {{currentItem.infoData.web}}<br></span>
+        <span v-if="currentItem.infoData.ustid">USt-Id: {{currentItem.infoData.ustid}}<br></span>
+      </div>
 
+      <UDivider class="my-3"/>
 
+      <div v-if="dataStore.getContactsByVendorId(currentItem.id).length > 0">
+        Kontakte: <br>
+
+        <ul>
+          <li
+              v-for="contact in dataStore.getContactsByVendorId(currentItem.id)"
+          >
+            <router-link :to="'/contacts/show/' + contact.id">{{contact.salutation}} {{contact.fullName}} - {{contact.role}}</router-link>
+          </li>
+        </ul>
+      </div>
 
       <template #footer>
         <UButton
@@ -110,8 +137,8 @@ setupPage()
 
 
     </UCard>
-    <UCard v-else-if="mode == 'edit' || mode == 'create'" >
-      <template #header>
+    <UCard v-else-if="mode === 'edit' || mode === 'create'" >
+      <template #header v-if="mode === 'edit'">
         {{itemInfo.name}}
       </template>
 
@@ -127,6 +154,57 @@ setupPage()
       >
         <UInput
             v-model="itemInfo.vendorNumber"
+            placeholder="Leer lassen für automatisch generierte Nummer"
+        />
+      </UFormGroup>
+      <UFormGroup
+          label="Straße + Hausnummer"
+      >
+        <UInput
+            v-model="itemInfo.infoData.street"
+        />
+      </UFormGroup>
+      <UFormGroup
+          label="Postleitzahl"
+      >
+        <UInput
+            v-model="itemInfo.infoData.zip"
+        />
+      </UFormGroup>
+      <UFormGroup
+          label="Ort"
+      >
+        <UInput
+            v-model="itemInfo.infoData.city"
+        />
+      </UFormGroup>
+
+      <UFormGroup
+          label="Telefon:"
+      >
+        <UInput
+            v-model="itemInfo.infoData.tel"
+        />
+      </UFormGroup>
+      <UFormGroup
+          label="E-Mail:"
+      >
+        <UInput
+            v-model="itemInfo.infoData.email"
+        />
+      </UFormGroup>
+      <UFormGroup
+          label="Webseite:"
+      >
+        <UInput
+            v-model="itemInfo.infoData.web"
+        />
+      </UFormGroup>
+      <UFormGroup
+          label="USt-Id:"
+      >
+        <UInput
+            v-model="itemInfo.infoData.ustid"
         />
       </UFormGroup>
 
@@ -154,6 +232,12 @@ setupPage()
       </template>
 
     </UCard>
+
+    <HistoryDisplay
+        type="vendor"
+        v-if="currentItem"
+        :element-id="currentItem.id"
+    />
   </div>
 </template>