From e2a15644ce3dae0f572edd9d1b7a0a58e57b0fc8 Mon Sep 17 00:00:00 2001
From: flfeders <f.federspiel@federspiel.tech>
Date: Mon, 8 Apr 2024 09:37:04 +0200
Subject: [PATCH] Added Event Table to projects Added Notes to Vendors Added
 Notes and Link to Event

---
 pages/events/[mode]/[[id]].vue   | 15 +++++++++++++++
 pages/projects/[mode]/[[id]].vue | 24 +++++++++++++++++++++++-
 pages/vendors/[mode]/[[id]].vue  |  9 +++++++++
 3 files changed, 47 insertions(+), 1 deletion(-)

diff --git a/pages/events/[mode]/[[id]].vue b/pages/events/[mode]/[[id]].vue
index b2fce27..30b8b14 100644
--- a/pages/events/[mode]/[[id]].vue
+++ b/pages/events/[mode]/[[id]].vue
@@ -135,6 +135,21 @@ setupPage()
 
       </USelectMenu>
     </UFormGroup>
+    <UFormGroup
+      label="Link:"
+    >
+      <UInput
+        v-model="itemInfo.link"
+      />
+    </UFormGroup>
+    <UFormGroup
+      label="Notizen:"
+    >
+      <UTextarea
+        v-model="itemInfo.notes"
+        rows="3"
+      />
+    </UFormGroup>
     <UFormGroup
         label="Start:"
     >
diff --git a/pages/projects/[mode]/[[id]].vue b/pages/projects/[mode]/[[id]].vue
index d7149fd..6a7c569 100644
--- a/pages/projects/[mode]/[[id]].vue
+++ b/pages/projects/[mode]/[[id]].vue
@@ -399,7 +399,29 @@ setupPage()
           </UTable>
         </div>
         <div v-else-if="item.key === 'events'" class="space-y-3">
-          {{dataStore.getEventsByProjectId(currentItem.id).length > 0 ? dataStore.getEventsByProjectId(currentItem.id) : "Keine Termine in für dieses Projekt"}}
+          <Toolbar>
+            <UButton
+              @click="router.push(`/events/edit`)"
+            >
+              + Termin
+            </UButton>
+          </Toolbar>
+          <UTable
+            :rows="dataStore.getEventsByProjectId(currentItem.id)"
+            @select="(i) => router.push(`/events/show/${i.id}`)"
+            :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine Termine anzuzeigen' }"
+            :columns="[{key:'title',label:'Titel'},{key:'start',label:'Start'},{key:'end',label:'Ende'},{key:'type',label:'Typ'},{key:'resources',label:'Resourcen'}]"
+          >
+              <template #start-data="{row}">
+                {{dayjs(row.start).format("DD.MM.YY HH:mm")}}
+              </template>
+              <template #end-data="{row}">
+                {{dayjs(row.end).format("DD.MM.YY HH:mm")}}
+              </template>
+              <template #resources-data="{row}">
+                {{row.resources.map(i => i.title).join(", ")}}
+              </template>
+          </UTable>
 
         </div>
       </UCard>
diff --git a/pages/vendors/[mode]/[[id]].vue b/pages/vendors/[mode]/[[id]].vue
index 3709792..e5efbdd 100644
--- a/pages/vendors/[mode]/[[id]].vue
+++ b/pages/vendors/[mode]/[[id]].vue
@@ -91,6 +91,7 @@ setupPage()
               <p v-if="currentItem.infoData.email">E-Mail: {{currentItem.infoData.email}}</p>
               <p v-if="currentItem.infoData.web">Web: {{currentItem.infoData.web}}</p>
               <p v-if="currentItem.infoData.ustid">USt-Id: {{currentItem.infoData.ustid}}</p>
+              <p v-if="currentItem.notes">Notizen:<br> {{currentItem.notes}}</p>
             </div>
           </UCard>
           <UCard class="mt-5">
@@ -197,6 +198,14 @@ setupPage()
           v-model="itemInfo.infoData.tel"
       />
     </UFormGroup>
+
+    <UFormGroup
+        label="Notizen:"
+    >
+      <UTextarea
+          v-model="itemInfo.notes"
+      />
+    </UFormGroup>
     <UFormGroup
         label="E-Mail:"
     >