Added Event Table to projects

Added Notes to Vendors
Added Notes and Link to Event

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>