Added Checks

Added Documents to Inventoryitems and Checks

pages/vehicles/[mode]/[[id]].vue

@@ -45,6 +45,8 @@ const tabItems = [{
   label: 'Informationen',
 }, {
   label: 'Dokumente',
+}, {
+  label: 'Überprüfungen',
 }]
 
 const incomingInvoicesColumns = [
@@ -73,7 +75,9 @@ const incomingInvoicesColumns = [
 
 //Functions
 const setupPage = async () => {
-  if(mode.value === "show" || mode.value === "edit"){
+  if(mode.value === "show"){
+    itemInfo.value = await useSupabaseSelectSingle("vehicles",route.params.id,"*, checks(*)")
+  } else if(mode.value === "edit"){
     itemInfo.value = await useSupabaseSelectSingle("vehicles",route.params.id,"*")
   }
 
@@ -254,16 +258,36 @@ setupPage()
 
       </div>
       <div v-else-if="item.label === 'Dokumente'">
-        <Toolbar>
-          <DocumentUpload
-              type="vehicle"
-              :element-id="itemInfo.id"
-          />
-        </Toolbar>
+        <UCard class="mt-5">
+          <Toolbar>
+            <DocumentUpload
+                type="vehicle"
+                :element-id="itemInfo.id"
+            />
+          </Toolbar>
 
-        <DocumentList
-            :documents="dataStore.getDocumentsByVehicleId(itemInfo.id)"
-        />
+          <DocumentList
+              :documents="dataStore.getDocumentsByVehicleId(itemInfo.id)"
+          />
+        </UCard>
+      </div>
+      <div v-else-if="item.label === 'Überprüfungen'">
+        <UCard class="mt-5">
+          <UTable
+              :rows="itemInfo.checks"
+              :columns="[{key:'name',label: 'Name'},{key:'rhythm',label: 'Rhythmus'},{key:'description',label: 'Beschreibung'}]"
+              class="w-full"
+              :ui="{ divide: 'divide-gray-200 dark:divide-gray-800' }"
+              @select="(i) => router.push(`/checks/show/${i.id}`) "
+              :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine Überprüfungen anzuzeigen' }"
+          >
+            <template #rhythm-data="{row}">
+              {{row.distance}}
+              <span v-if="row.distanceUnit === 'dayjs'">Tage</span>
+              <span v-if="row.distanceUnit === 'years'">Jahre</span>
+            </template>
+          </UTable>
+        </UCard>
       </div>
 
     </template>