Start for Dev Branch

pages/trackingTrips/index.vue

@@ -57,8 +57,12 @@
     <template #endTime-data="{row}">
       {{dayjs(row.endTime).format("DD.MM.YY HH:mm")}}
     </template>
-    <template #distance-data="{row}">
-      {{row.distance > 0 ? (row.distance/1000).toFixed(2) : 0 }} km
+    <template #gpsDistance-data="{row}">
+      {{row.gpsDistance > 0 ? (row.gpsDistance/1000).toFixed(2) : 0 }} km
+    </template>
+    <template #usedFuel-data="{row}">
+      <span v-if="row.endFuelLevel - row.startFuelLevel < 0">{{row.endFuelLevel - row.startFuelLevel}} / {{(row.vehicle.tankSize / 100 * Math.abs(row.endFuelLevel - row.startFuelLevel)).toFixed(2)}}</span>
+      <span v-else>0</span>
     </template>
   </UTable>
 </template>
@@ -106,7 +110,8 @@ const items = ref([])
 const selectedItem = ref(0)
 
 const setupPage = async () => {
-  items.value = await useSupabaseSelect("trackingtrips","*, trackingDevice(*), vehicle (*)","startTime",false)
+  items.value = await useSupabaseSelect("trackingtripsgen","*, trackingDevice(*), vehicle(*)","startTime",false)
+  console.log(items.value)
 }
 
 setupPage()
@@ -137,9 +142,13 @@ const templateColumns = [
     sortable: true
   },
   {
-    key: "distance",
+    key: "gpsDistance",
     label: "Entfernung:",
     sortable: true
+  },
+  {
+    key: "usedFuel",
+    label: "Kraftstoff:"
   }
 ]
 const selectedColumns = ref(templateColumns)