From acf5d1c2ea90035b2e99480e6bae1293c1f2058e Mon Sep 17 00:00:00 2001
From: flfeders <f.federspiel@federspiel.tech>
Date: Fri, 20 Dec 2024 18:46:52 +0100
Subject: [PATCH] Start for Dev Branch

---
 components/DocumentDisplay.vue               |  21 ++-
 components/InboxList.vue                     |  39 ++--
 components/InboxMail.vue                     |  41 +++--
 components/MainNav.vue                       |  33 ++--
 composables/usePDFGenerator.js               |  81 +++++++-
 composables/useRole.js                       | 114 ++++++++++++
 composables/useSupabase.js                   |   4 +-
 pages/createDocument/edit/[[id]].vue         | 184 +++++++++++++++----
 pages/documents.vue                          | 129 ++++++++-----
 pages/inventoryitems/index.vue               |  29 ++-
 pages/services/[mode]/[[id]].vue             |   2 +-
 pages/settings/integrations/index.vue        |  41 +++++
 pages/trackingTrips/[mode]/[[id]].client.vue |  12 +-
 pages/trackingTrips/index.vue                |  17 +-
 pages/vendors/[mode]/[[id]].vue              |   8 +
 stores/data.js                               |  15 +-
 16 files changed, 599 insertions(+), 171 deletions(-)
 create mode 100644 composables/useRole.js
 create mode 100644 pages/settings/integrations/index.vue

diff --git a/components/DocumentDisplay.vue b/components/DocumentDisplay.vue
index a4bcd85..5411188 100644
--- a/components/DocumentDisplay.vue
+++ b/components/DocumentDisplay.vue
@@ -23,6 +23,9 @@ let {documentData, openShowModal:openShowModalProp, returnEmit } = props;
 const tags = dataStore.getDocumentTags
 const openShowModal = ref(false)
 
+
+
+
 //Functions
 const openDocument = async () => {
   //selectedDocument.value = doc
@@ -137,7 +140,7 @@ const updateDocumentAssignment = async () => {
 </script>
 
 <template>
-  <div class="documentListItem" @click="returnEmit ? $emit('clicked', documentData.id) : openShowModal = true">
+  <div :id="`docDisplay-${documentData.id}`"  class="documentListItem" @click="returnEmit ? $emit('clicked', documentData.id) : openShowModal = true">
     <iframe
         :src="`${documentData.url}#toolbar=0&navpanes=0&scrollbar=0`"
         class="previewEmbed"
@@ -150,8 +153,8 @@ const updateDocumentAssignment = async () => {
       :src="documentData.url"
     />
 <!-- TODO: Remove Scrollbar    -->
-    <UTooltip class="w-full" :text="documentData.path.split('_')[documentData.path.split('_').length -1]">
-      <p class="truncate my-3">{{documentData.path.split("_")[documentData.path.split("_").length -1]}}</p>
+    <UTooltip class="w-full" :text="documentData.path.split('/')[documentData.path.split('/').length -1]">
+      <p class="truncate my-3">{{documentData.path.split("/")[documentData.path.split("/").length -1]}}</p>
     </UTooltip>
 
     <InputGroup class="mt-3 flex-wrap">
@@ -226,6 +229,14 @@ const updateDocumentAssignment = async () => {
           >
             Archivieren
           </UButton>
+          <UButton
+            :to="documentData.url"
+            variant="outline"
+            icon="i-heroicons-arrow-top-right-on-square"
+            target="_blank"
+          >
+            Öffnen
+          </UButton>
 <!--          <UButton
               v-if="documentData.tags.includes('Eingangsrechnung')"
               @click="createVendorInvoice"
@@ -233,11 +244,11 @@ const updateDocumentAssignment = async () => {
             Eingangsrechnung erstellen
           </UButton>-->
         </UButtonGroup>
-        <br>
+<!--        <br>
         <a
           :href="documentData.url"
           target="_blank"
-        >In neuen Tab anzeigen</a>
+        >In neuen Tab anzeigen</a>-->
 
         <UFormGroup
           label="Tags ändern:"
diff --git a/components/InboxList.vue b/components/InboxList.vue
index 04ab42b..8da4f29 100644
--- a/components/InboxList.vue
+++ b/components/InboxList.vue
@@ -1,4 +1,4 @@
-<script setup lang="ts">
+<script setup >
 import { format, isToday } from 'date-fns'
 
 const props = defineProps({
@@ -12,15 +12,15 @@ const props = defineProps({
   }
 })
 
-const emit = defineEmits(['update:modelValue'])
+const emit = defineEmits(['update:modelValue','emailSelected'])
 
-const mailsRefs = ref<Element[]>([])
+const mailsRefs = ref([])
 
 const selectedMail = computed({
   get() {
     return props.modelValue
   },
-  set(value: Mail | null) {
+  set(value) {
     emit('update:modelValue', value)
   }
 })
@@ -30,12 +30,17 @@ watch(selectedMail, () => {
     return
   }
 
-  const ref = mailsRefs.value[selectedMail.value.id]
-  if (ref) {
-    ref.scrollIntoView({ block: 'nearest' })
+  const ref1 = mailsRefs.value[selectedMail.value.id]
+  if (ref1) {
+    ref1.scrollIntoView({ block: 'nearest' })
   }
 })
 
+const changeMail = (mail) => {
+  selectedMail.value = mail
+  emit("emailSelected")
+}
+
 defineShortcuts({
   arrowdown: () => {
     const index = props.mails.findIndex((mail) => mail.id === selectedMail.value?.id)
@@ -59,15 +64,15 @@ defineShortcuts({
 </script>
 
 <template>
-  <UDashboardPanelContent class="p-0">
-    <div v-for="(mail, index) in mails" :key="index" :ref="el => { mailsRefs[mail.id] = el as Element }">
+  <div class="p-0 scrollCont overflow-scroll">
+    <div v-for="(mail, index) in mails" :key="index" :ref="el => { mailsRefs[mail.id] = el }">
       <div
           class="p-4 text-sm cursor-pointer border-l-2"
           :class="[
-          mail.unread ? 'text-gray-900 dark:text-white' : 'text-gray-600 dark:text-gray-300',
+          !mail.seen ? 'text-gray-900 dark:text-white' : 'text-gray-600 dark:text-gray-300',
           selectedMail && selectedMail.id === mail.id ? 'border-primary-500 dark:border-primary-400 bg-primary-100 dark:bg-primary-900/25' : 'border-white dark:border-gray-900 hover:border-primary-500/25 dark:hover:border-primary-400/25 hover:bg-primary-100/50 dark:hover:bg-primary-900/10'
         ]"
-          @click="selectedMail = mail"
+          @click="changeMail(mail)"
       >
         <div class="flex items-center justify-between" :class="[mail.unread && 'font-semibold']">
           <div class="flex items-center gap-3">
@@ -82,11 +87,17 @@ defineShortcuts({
           {{ mail.subject }}
         </p>
         <p class="text-gray-400 dark:text-gray-500 line-clamp-1">
-          {{ mail.body }}
+          {{ mail.text }}
         </p>
       </div>
 
       <UDivider />
     </div>
-  </UDashboardPanelContent>
-</template>
\ No newline at end of file
+  </div>
+</template>
+
+<style>
+.scrollCont {
+  height: 90vh;
+}
+</style>
\ No newline at end of file
diff --git a/components/InboxMail.vue b/components/InboxMail.vue
index fcf7314..89b247e 100644
--- a/components/InboxMail.vue
+++ b/components/InboxMail.vue
@@ -17,11 +17,11 @@ defineProps({
   <UDashboardPanelContent>
     <div class="flex justify-between">
       <div class="flex items-center gap-4">
-        <UAvatar v-bind="mail.from.avatar" :alt="mail.from.name" size="lg" />
+        <UAvatar v-bind="mail.from.avatar" :alt="mail.from.name||mail.from.address" size="lg" />
 
         <div class="min-w-0">
           <p class="text-gray-900 dark:text-white font-semibold">
-            {{ mail.from.name }}
+            {{ mail.from.name ||mail.from.address}}
           </p>
           <p class="text-gray-500 dark:text-gray-400 font-medium">
             {{ mail.subject }}
@@ -36,18 +36,33 @@ defineProps({
 
     <UDivider class="my-5" />
 
-    <div class="flex-1">
-      <p class="text-lg">
-        {{ mail.body }}
-      </p>
+    <InputGroup class="mb-3">
+      <UButton
+          v-for="attachment in mail.attachments"
+          icon="i-heroicons-arrow-down-tray"
+          disabled
+      >
+        {{attachment.filename}}
+      </UButton>
+    </InputGroup>
+
+    <div class="contentscroll overflow-scroll">
+      <iframe class="flex-1 h-full w-full" :srcdoc="mail.html" v-if="mail.html"/>
+
+<!--      <div class="flex-1" v-html="mail.html" v-if="mail.html">
+
+      </div>-->
+      <div class="flex-1" v-else>
+        <p>{{mail.text}}</p>
+      </div>
     </div>
 
-    <UDivider class="my-5" />
 
-    <form @submit.prevent>
-      <UTextarea color="gray" required size="xl" :rows="5" :placeholder="`Reply to ${mail.from.name}`">
-        <UButton type="submit" color="black" label="Send" icon="i-heroicons-paper-airplane" class="absolute bottom-2.5 right-3.5" />
-      </UTextarea>
-    </form>
   </UDashboardPanelContent>
-</template>
\ No newline at end of file
+</template>
+
+<style>
+.contentscroll{
+  height: 80vh;
+}
+</style>
\ No newline at end of file
diff --git a/components/MainNav.vue b/components/MainNav.vue
index 4f01874..e8f84bb 100644
--- a/components/MainNav.vue
+++ b/components/MainNav.vue
@@ -1,7 +1,13 @@
 <script setup>
+import {useRole} from "~/composables/useRole.js";
+
 const dataStore = useDataStore()
 const route = useRoute()
 
+const role = useRole()
+console.log(role)
+console.log(role.checkRight("projects"))
+
 const links = computed(() => {
   return [
     {
@@ -36,7 +42,7 @@ const links = computed(() => {
           icon: "i-heroicons-calendar-days"
         }] : [],
         {
-          label: "Dokumente",
+          label: "Dateien",
           to: "/documents",
           icon: "i-heroicons-document"
         },
@@ -202,37 +208,22 @@ const links = computed(() => {
         },
       ]
     },
-    /*... dataStore.ownTenant.features.projects ? [{
-      label: "Projekte",
-      defaultOpen: false,
-      icon: "i-heroicons-clipboard-document-check",
-      children: [
-          ...dataStore.ownTenant.projecttypes.map(i => {
-            return {
-              label: i.label,
-              to: `/projects?type=${i.label}`,
-              icon: i.icon
-            }
-          })
-
-      ]
-    },] : [],*/
-    {
+    ... role.checkRight("checks") ? [{
       label: "Überprüfungen",
       to: "/checks",
       icon: "i-heroicons-magnifying-glass"
-    },
-    ... dataStore.ownTenant.features.projects ? [{
+    },] : [],
+    ... (role.checkRight("projects") && dataStore.ownTenant.features.projects) ? [{
       label: "Projekte",
       to: "/projects",
       icon: "i-heroicons-clipboard-document-check"
     },] : [],
-    ... dataStore.ownTenant.features.contracts ? [{
+    ... (role.checkRight("contracts") && dataStore.ownTenant.features.contracts) ? [{
       label: "Verträge",
       to: "/contracts",
       icon: "i-heroicons-clipboard-document"
     }] : [],
-    ... dataStore.ownTenant.features.objects ? [{
+    ... (role.checkRight("objects") && dataStore.ownTenant.features.objects) ? [{
       label: "Objekte",
       to: "/plants",
       icon: "i-heroicons-clipboard-document"
diff --git a/composables/usePDFGenerator.js b/composables/usePDFGenerator.js
index 046f66e..6fa0b06 100644
--- a/composables/usePDFGenerator.js
+++ b/composables/usePDFGenerator.js
@@ -622,7 +622,7 @@ export const useCreatePdf = async (invoiceData,backgroundSourceBuffer) => {
                     maxWidth: 240
                 })
 
-                console.log(row.text.match(/.{1,35}/g))
+                console.log(row)
 
                 if(invoiceData.type !== "deliveryNotes") {
                     pages[pageCounter - 1].drawText(row.text.match(/.{1,35}/g).join("\n"), {
@@ -933,6 +933,8 @@ export const useCreatePdf = async (invoiceData,backgroundSourceBuffer) => {
         //console.log(rowHeight)
         //rowHeight += 25
 
+        let endTextDiff = 45
+
         if(invoiceData.type !== "deliveryNotes"){
             pages[pageCounter - 1].drawRectangle({
                 ...getCoordinatesForPDFLib(20,rowHeight, page1),
@@ -1012,11 +1014,86 @@ export const useCreatePdf = async (invoiceData,backgroundSourceBuffer) => {
                 maxWidth: 240,
                 font:fontBold
             })
+
+            if(invoiceData.total.totalGrossAlreadyPaid !== "0,00 €") {
+                pages[pageCounter - 1].drawText("Bereits bezahlt:", {
+                    ...getCoordinatesForPDFLib(21,rowHeight+21, page1),
+                    size:11,
+                    color:rgb(0,0,0),
+                    lineHeight:11,
+                    opacity: 1,
+                    maxWidth: 240,
+                    font: fontBold
+                })
+
+                pages[pageCounter - 1].drawText(invoiceData.total.totalGrossAlreadyPaid, {
+                    y: getCoordinatesForPDFLib(21,rowHeight+21,page1).y,
+                    x: getCoordinatesForPDFLib(21,rowHeight+21,page1).x + 500 - fontBold.widthOfTextAtSize(invoiceData.total.totalGrossAlreadyPaid,11),
+                    size:11,
+                    color:rgb(0,0,0),
+                    lineHeight:11,
+                    opacity: 1,
+                    maxWidth: 240,
+                    font:fontBold
+                })
+
+                pages[pageCounter - 1].drawRectangle({
+                    ...getCoordinatesForPDFLib(20,rowHeight +32, page1),
+                    width: 180 * 2.83,
+                    height: 8 * 2.83,
+                    color: rgb(0,0,0),
+                    opacity: 0.25
+                })
+
+                pages[pageCounter - 1].drawText("Offene Summe:", {
+                    ...getCoordinatesForPDFLib(21,rowHeight+29, page1),
+                    size:11,
+                    color:rgb(0,0,0),
+                    lineHeight:11,
+                    opacity: 1,
+                    maxWidth: 240,
+                    font: fontBold
+                })
+
+                pages[pageCounter - 1].drawText(invoiceData.total.totalSumToPay, {
+                    y: getCoordinatesForPDFLib(21,rowHeight+29,page1).y,
+                    x: getCoordinatesForPDFLib(21,rowHeight+29,page1).x + 500 - fontBold.widthOfTextAtSize(invoiceData.total.totalSumToPay,11),
+                    size:11,
+                    color:rgb(0,0,0),
+                    lineHeight:11,
+                    opacity: 1,
+                    maxWidth: 240,
+                    font:fontBold
+                })
+
+                invoiceData.usedAdvanceInvoices.forEach((advanceInvoice,index) => {
+                    //For Each Advance Invoice
+
+                    pages[pageCounter - 1].drawText(String(advanceInvoice.documentNumber), {
+                        ...getCoordinatesForPDFLib(21,rowHeight+36+5*index, page1),
+                        size:11,
+                        color:rgb(0,0,0),
+                        lineHeight:11,
+                        opacity: 1,
+                        maxWidth: 240
+                    })
+
+
+                })
+
+
+
+
+            } else {
+                endTextDiff = 22
+            }
+
+
         }
 
 
         pages[pageCounter - 1].drawText(invoiceData.endText,{
-            ...getCoordinatesForPDFLib(20,rowHeight+22, page1),
+            ...getCoordinatesForPDFLib(20,rowHeight+endTextDiff, page1),
             size: 10,
             color: rgb(0,0,0),
             lineHeight: 10,
diff --git a/composables/useRole.js b/composables/useRole.js
new file mode 100644
index 0000000..f7940c6
--- /dev/null
+++ b/composables/useRole.js
@@ -0,0 +1,114 @@
+
+
+/*const rights2 = ref({
+    projects: {
+        label: "Projekte",
+        children: {
+            viewOwnProjects: {label: "Eigene Projekte sehen"},
+            viewAllProjects: {label: "Alle Projekte sehen"},
+        }
+    },
+    createUser: {label: "Benutzer erstellen"},
+    modifyUser: {label: "Benutzer bearbeiten"},
+    deactivateUser: {label: "Benutzer sperren"},
+    createProject: {label: "Projekt erstellen"},
+
+    createTask: {label: "Aufgabe erstellen"},
+    viewOwnTasks: {label:"Eigene Aufgaben sehen"},
+    viewAllTasks: {label: "Alle Aufgaben sehen"},
+    trackOwnTime: {label:"Eigene Zeite erfassen"},
+    createOwnTime: {label:"Eigene Zeiten erstellen"},
+    createTime: {label:"Zeiten erstellen"},
+    viewOwnTimes: {label:"Eigene Zeiten anzeigen"},
+    viewTimes: {label:"Zeiten anzeigen"},
+})*/
+
+
+
+
+export const useRole = () => {
+    const supabase = useSupabaseClient()
+    const dataStore = useDataStore()
+
+
+    const rights = ref({
+        projects: {
+            label: "Projekte"
+        },
+        "projects-viewAll": {
+            label: "Alle Projekte einsehen",
+            parent: "projects"
+        },
+        "projects-viewOwn": {
+            label: "Eigene Projekte einsehen",
+            parent: "projects"
+        },
+        "projects-create": {
+            label: "Projekte erstellen",
+            parent: "projects"
+        },
+        contracts: {
+            label: "Verträge"
+        },
+        objects: {
+            label: "Objekte"
+        },
+        checks: {
+            label: "Überprüfungen"
+        },
+    })
+
+
+    let role = dataStore.activeProfile.role
+
+    /*const checkRight = (right) => {
+        let rightsToCheck = [right]
+
+        if(rights.value[right].parent) {
+            rightsToCheck.push(rights.value[right].parent)
+        }
+
+        let hasAllNeccessaryRights = false
+
+        rightsToCheck.forEach(i => {
+            if(role.rights.includes(i)){
+                hasAllNeccessaryRights = true
+            } else {
+                hasAllNeccessaryRights = false
+            }
+        })
+
+        return hasAllNeccessaryRights
+    }*/
+
+    const checkRight = (right) => {
+        let rightsToCheck = [right]
+
+        //console.log(right.split("-"))
+
+        if(right.split("-").length > 1) {
+            rightsToCheck.push(right.split("-")[0])
+        }
+        //console.log(rightsToCheck)
+
+        let hasAllNeccessaryRights = true
+
+        //console.log(role.rights)
+
+        rightsToCheck.forEach(i => {
+            if(!role.rights.includes(i)){
+                hasAllNeccessaryRights = false
+            }
+        })
+
+        //console.log(hasAllNeccessaryRights)
+
+        return hasAllNeccessaryRights
+    }
+
+    return {
+        role,
+        checkRight
+    }
+
+}
\ No newline at end of file
diff --git a/composables/useSupabase.js b/composables/useSupabase.js
index bb8cf5a..dd5de77 100644
--- a/composables/useSupabase.js
+++ b/composables/useSupabase.js
@@ -33,14 +33,12 @@ export const useSupabaseSelectDocuments = async (select = '*', sortColumn = null
             .from("documents")
             .select(select)
             .eq("tenant", dataStore.currentTenant)
-            .eq("folderPath", folderPath)
             .order(sortColumn, {ascending: true})).data
     } else {
         data = (await supabase
             .from("documents")
             .select(select)
-            .eq("tenant", dataStore.currentTenant)
-            .eq("folderPath",folderPath)).data
+            .eq("tenant", dataStore.currentTenant)).data
 
     }
 
diff --git a/pages/createDocument/edit/[[id]].vue b/pages/createDocument/edit/[[id]].vue
index 01c74f8..5551f94 100644
--- a/pages/createDocument/edit/[[id]].vue
+++ b/pages/createDocument/edit/[[id]].vue
@@ -57,7 +57,8 @@ const itemInfo = ref({
     dateDirection: "Rückwirkend",
   },
   letterhead: null,
-  agriculture: {}
+  agriculture: {},
+  usedAdvanceInvoices: []
 })
 
 
@@ -71,7 +72,10 @@ const selectedProductcategorie = ref(null)
 const services = ref([])
 const servicecategories = ref([])
 const selectedServicecategorie = ref(null)
+const customers = ref([])
+const contacts = ref([])
 
+const loaded = ref(false)
 const setupPage = async () => {
 
   letterheads.value = (await useSupabaseSelect("letterheads","*")).filter(i => i.documentTypes.length === 0 || i.documentTypes.includes(itemInfo.value.type))
@@ -81,6 +85,8 @@ const setupPage = async () => {
   servicecategories.value = (await useSupabaseSelect("servicecategories","*"))
   products.value = (await useSupabaseSelect("products","*"))
   productcategories.value = (await useSupabaseSelect("productcategories","*"))
+  customers.value = (await useSupabaseSelect("customers","*","customerNumber"))
+  contacts.value = (await useSupabaseSelect("contacts","*"))
   if(productcategories.value.length > 0) selectedProductcategorie.value = productcategories.value[0].id
   if(servicecategories.value.length > 0) selectedServicecategorie.value = servicecategories.value[0].id
 
@@ -165,13 +171,33 @@ const setupPage = async () => {
 
     }
 
-    if(route.query.project) itemInfo.value.project = Number(route.query.project)
+    if(route.query.project) {
+      itemInfo.value.project = Number(route.query.project)
+      checkForOpenAdvanceInvoices()
+    }
     if(route.query.contact) itemInfo.value.contact = Number(route.query.contact)
     if(route.query.customer) {
       itemInfo.value.customer = Number(route.query.customer)
       setCustomerData()
     }
   }
+
+  loaded.value = true
+
+}
+
+const openAdvanceInvoices = ref([])
+const checkForOpenAdvanceInvoices = async () => {
+  const {data,error} = await supabase.from("createddocuments").select().eq("project", itemInfo.value.project).eq("advanceInvoiceResolved", false).eq("type","advanceInvoices")
+
+  console.log(data)
+
+  openAdvanceInvoices.value = data
+
+}
+
+const addAdvanceInvoiceToInvoice = (advanceInvoice) => {
+  itemInfo.value.usedAdvanceInvoices.push(advanceInvoice)
 }
 
 const setDocumentTypeConfig = (withTexts = false) => {
@@ -201,7 +227,6 @@ const setDocumentTypeConfig = (withTexts = false) => {
 
 const setCustomerData = () => {
 
-
   let customer = dataStore.getCustomerById(itemInfo.value.customer)
   itemInfo.value.contact = null
   if(customer) {
@@ -210,6 +235,8 @@ const setCustomerData = () => {
     itemInfo.value.address.city = customer.infoData.city
     itemInfo.value.address.special = customer.infoData.special
   }
+
+
 }
 
 const setContactPersonData = async () => {
@@ -256,8 +283,6 @@ const importPositions = () => {
   }
 }
 
-
-
 const getRowAmount = (row) => {
   return String(Number(Number(row.quantity) * Number(row.price) * (1 - Number(row.discountPercent) /100) ).toFixed(2)).replace('.',',')
 }
@@ -332,13 +357,6 @@ const addPosition = (mode) => {
 
 }
 
-
-const showEditRowDescription = ref(false)
-const rowToEdit = ref("")
-
-
-
-
 const removePosition = (id) => {
   let rows = itemInfo.value.rows.filter(row => row.id !== id)
   /*rows = rows.sort((a,b) => a.pos - b.pos)
@@ -353,6 +371,15 @@ const removePosition = (id) => {
 
 }
 
+const getRowMargin = (row) => {
+  if(row.mode === "normal" && row.product) {
+    let purchasePrice = dataStore.getProductById(row.product).purchasePrice || 0
+    return row.price - purchasePrice
+  } else {
+    return 0
+  }
+}
+
 const findDocumentErrors = computed(() => {
     let errors = []
 
@@ -405,6 +432,7 @@ const tabItems = computed(() => {
 const renderCurrency = (value, currency = "€") => {
   return Number(value).toFixed(2).replace(".",",") + " €"
 }
+
 const documentTotal = computed(() => {
   let totalNet = 0
   let total19 = 0
@@ -412,7 +440,7 @@ const documentTotal = computed(() => {
 
   itemInfo.value.rows.forEach(row => {
     if(!['pagebreak','title','text'].includes(row.mode)){
-      let rowPrice = Number(Number(row.quantity) * Number(row.price) * (1 - Number(row.discountPercent) /100) ).toFixed(2)
+      let rowPrice = Number(Number(row.quantity) * Number(row.price) * (1 - Number(row.discountPercent) /100) ).toFixed(3)
       totalNet = totalNet + Number(rowPrice)
 
       if(row.taxPercent === 19) {
@@ -421,11 +449,33 @@ const documentTotal = computed(() => {
     }
   })
 
+  totalGross = totalNet + total19
+
+  let totalGrossAlreadyPaid = 0
+
+  itemInfo.value.usedAdvanceInvoices.forEach(advanceInvoiceId => {
+    let advanceInvoice = openAdvanceInvoices.value.find(i => i.id === advanceInvoiceId)
+
+    let priceNet = advanceInvoice.rows.find(i => i.advanceInvoiceData).price
+
+    let partSum = priceNet * ((100 + advanceInvoice.rows.find(i => i.advanceInvoiceData).taxPercent) / 100)
+
+    totalGrossAlreadyPaid += partSum
+  })
+
+  console.log(totalGrossAlreadyPaid)
+
+  let sumToPay = totalGross - totalGrossAlreadyPaid
+
+
 
   return {
     totalNet: `${String(totalNet.toFixed(2)).replace(".",",")} €`,
     total19: `${String(total19.toFixed(2)).replace(".",",")} €`,
-    totalGross: `${String(Number(totalNet + total19).toFixed(2)).replace(".",",")} €`
+    totalGross: renderCurrency(totalGross),
+    totalGrossAlreadyPaid: renderCurrency(totalGrossAlreadyPaid),
+    totalSumToPay: renderCurrency(sumToPay)
+
   }
 
 
@@ -476,7 +526,6 @@ const processDieselPosition = () => {
   itemInfo.value.agriculture = {...itemInfo.value.agriculture, ...agricultureData}
 }
 
-
 const getDocumentData = () => {
 
   let customerData = dataStore.getCustomerById(itemInfo.value.customer)
@@ -532,6 +581,7 @@ const getDocumentData = () => {
     return {
       vorname:contactData && contactData.firstName,
       nachname: contactData && contactData.lastName,
+      kundenname: customerData && customerData.name,
       zahlungsziel_in_tagen:itemInfo.paymentDays,
       diesel_gesamtverbrauch: (itemInfo.agriculture && itemInfo.agriculture.dieselUsageTotal) && itemInfo.agriculture.dieselUsageTotal
     }
@@ -566,7 +616,10 @@ const getDocumentData = () => {
     startText: templateStartText(generateContext(itemInfo.value, contactData)),
     rows: rows,
     total: documentTotal.value,
-    agriculture: itemInfo.value.agriculture
+    agriculture: itemInfo.value.agriculture,
+    usedAdvanceInvoices: itemInfo.value.usedAdvanceInvoices.map(i => {
+      return openAdvanceInvoices.value.find(x => x.id === i)
+    })
   }
 
   //console.log(returnData)
@@ -574,7 +627,6 @@ const getDocumentData = () => {
   return returnData
 }
 
-
 const showDocument = ref(false)
 const uri = ref("")
 const generateDocument = async () => {
@@ -712,7 +764,8 @@ const saveDocument = async (state) => {
     contactPerson: itemInfo.value.contactPerson,
     linkedDocument: itemInfo.value.linkedDocument,
     agriculture: itemInfo.value.agriculture,
-    letterhead: itemInfo.value.letterhead
+    letterhead: itemInfo.value.letterhead,
+    usedAdvanceInvoices: itemInfo.value.usedAdvanceInvoices
   }
 
   if(route.params.id) {
@@ -796,7 +849,7 @@ setupPage()
   </UDashboardNavbar>
 
   <UDashboardPanelContent>
-    <UTabs class="p-5" :items="tabItems" @change="onChangeTab">
+    <UTabs class="p-5" :items="tabItems" @change="onChangeTab" v-if="loaded">
       <template #item="{item}">
 
 
@@ -940,11 +993,9 @@ setupPage()
               <UFormGroup
                   label="Kunde:"
               >
-                <InputGroup
-                    class="w-full"
-                >
+                <div class="flex flex-row">
                   <USelectMenu
-                      :options="dataStore.customers"
+                      :options="customers"
                       option-attribute="name"
                       value-attribute="id"
                       :search-attributes="['name']"
@@ -952,14 +1003,15 @@ setupPage()
                       searchable-placeholder="Suche..."
                       v-model="itemInfo.customer"
                       @change="setCustomerData"
-                      class="flex-auto"
+                      class="flex-auto mr-2"
                   >
                     <UButton
                         :color="itemInfo.customer ? 'primary' : 'rose'"
                         variant="outline"
-                        class="w-full">
-                      <span class="truncate">{{dataStore.getCustomerById(itemInfo.customer) ? dataStore.getCustomerById(itemInfo.customer).name : "Kein Kunde ausgewählt"}}</span>
-
+                        class="w-full"
+                    >
+<!--                      <span class="truncate text-left">{{dataStore.getCustomerById(itemInfo.customer) ? dataStore.getCustomerById(itemInfo.customer).name : "Kein Kunde ausgewählt"}}</span>-->
+                      {{dataStore.getCustomerById(itemInfo.customer) ? dataStore.getCustomerById(itemInfo.customer).name : "Kein Kunde ausgewählt"}}
 
                       <UIcon name="i-heroicons-chevron-right-20-solid" class="w-5 h-5 transition-transform text-gray-400 dark:text-gray-500" :class="['transform rotate-90']" />
                     </UButton>
@@ -969,11 +1021,14 @@ setupPage()
                   </USelectMenu>
                   <UButton
                       variant="outline"
+                      class="w-25"
                       v-if="itemInfo.customer"
                       icon="i-heroicons-arrow-right-end-on-rectangle"
                       @click="router.push(`/customers/show/${itemInfo.customer}`)"
                   >Kunde</UButton>
-                </InputGroup>
+                </div>
+
+
 
                 <UAlert
                   v-if="itemInfo.customer"
@@ -997,7 +1052,7 @@ setupPage()
               >
                 <InputGroup>
                   <USelectMenu
-                      :options="dataStore.getContactsByCustomerId(itemInfo.customer)"
+                      :options="contacts.filter(i => i.customer === itemInfo.customer)"
                       option-attribute="fullName"
                       value-attribute="id"
                       :search-attributes="['name']"
@@ -1121,9 +1176,13 @@ setupPage()
                 </UFormGroup>
 
                 <UFormGroup
-                  label="Zahlungziel in Tagen:"
-                  class="flex-auto"
+                  class="w-full"
                 >
+                  <template #label>
+                    <span class="truncate">
+                      Zahlungsziel in Tagen:
+                    </span>
+                  </template>
                   <UInput
                     type="number"
                     v-model="itemInfo.paymentDays"
@@ -1169,6 +1228,7 @@ setupPage()
                       :search-attributes="['name']"
                       class="w-full"
                       :disabled="!itemInfo.customer"
+                      @change="checkForOpenAdvanceInvoices"
                   >
                     <template #label>
                       {{dataStore.getProjectById(itemInfo.project) ? dataStore.getProjectById(itemInfo.project).name : "Kein Projekt ausgewählt"}}
@@ -1270,9 +1330,6 @@ setupPage()
 
           </div>
 
-
-
-
           <UDivider
               class="my-3"
           />
@@ -1389,6 +1446,7 @@ setupPage()
                     <UInput
                         v-model="row.text"
                         placeholder="Name"
+                        class="min-w-40"
                     />
                   </td>
                   <td
@@ -1558,7 +1616,8 @@ setupPage()
                     <UInput
                         v-model="row.price"
                         type="number"
-                        step="0.01"
+                        step="0.001"
+                        :color="getRowMargin(row) > 0 ? 'primary' : 'rose'"
                     >
                       <template #trailing>
                         <span class="text-gray-500 dark:text-gray-400 text-xs">EUR</span>
@@ -1715,18 +1774,21 @@ setupPage()
             <UButton
                 @click="addPosition('service')"
                 class="mt-3"
+                :disabled="itemInfo.type === 'advanceInvoices'"
             >
               + Leistung
             </UButton>
             <UButton
                 @click="addPosition('normal')"
                 class="mt-3"
+                :disabled="itemInfo.type === 'advanceInvoices'"
             >
               + Artikel
             </UButton>
             <UButton
                 @click="addPosition('free')"
                 class="mt-3"
+                :disabled="itemInfo.type === 'advanceInvoices'"
             >
               + Freie Position
             </UButton>
@@ -1750,6 +1812,44 @@ setupPage()
             </UButton>
           </InputGroup>
 
+          <UDivider
+              class="mt-5 mb-3"
+              v-if="openAdvanceInvoices.length > 0"
+          >
+            Noch nicht abgerechnete Abschlagsrechnungen
+          </UDivider>
+
+          <!-- Abzurechnende Abschlagsrechnungen  -->
+
+          <div
+              v-for="advanceInvoice in openAdvanceInvoices"
+              :key="advanceInvoice.id"
+              class="flex flex-row justify-between my-2"
+          >
+            <span>{{advanceInvoice.documentNumber}}</span>
+            <span>Summe: {{renderCurrency(advanceInvoice.rows[0].price * (1 + advanceInvoice.rows[0].taxPercent/100))}}</span>
+            <InputGroup>
+              <UButton
+                @click="addAdvanceInvoiceToInvoice(advanceInvoice.id)"
+                :disabled="itemInfo.usedAdvanceInvoices.includes(advanceInvoice.id)"
+                class="mr-2"
+              >
+                Verwenden
+              </UButton>
+              <UButton
+                @click="itemInfo.usedAdvanceInvoices = itemInfo.usedAdvanceInvoices.filter(i => i !== advanceInvoice.id)"
+                :disabled="!itemInfo.usedAdvanceInvoices.includes(advanceInvoice.id)"
+                color="rose"
+                variant="outline"
+              >
+                X
+              </UButton>
+            </InputGroup>
+          </div>
+
+          <UDivider class="my-3" v-if="itemInfo.rows.length > 0"/>
+
+
           <div class="w-full flex justify-end"  v-if="itemInfo.type !== 'deliveryNotes'">
             <table class="w-1/3" v-if="itemInfo.rows.length > 0">
               <tr>
@@ -1764,6 +1864,19 @@ setupPage()
                 <td class="font-bold">Brutto:</td>
                 <td class="text-right">{{documentTotal.totalGross}}</td>
               </tr>
+
+
+              <tr v-if="documentTotal.totalGrossAlreadyPaid !== '0,00 €'">
+                <td class="font-bold">Bereits bezahlt:</td>
+                <td class="text-right">{{documentTotal.totalGrossAlreadyPaid}}</td>
+              </tr>
+
+
+              <tr v-if="documentTotal.totalGrossAlreadyPaid !== '0,00 €'">
+                <td class="font-bold">Offene Summe:</td>
+                <td class="text-right">{{documentTotal.totalSumToPay}}</td>
+              </tr>
+
             </table>
           </div>
 
@@ -1815,6 +1928,7 @@ setupPage()
         </div>
       </template>
     </UTabs>
+    <UProgress animation="carousel" v-else/>
   </UDashboardPanelContent>
 
 
diff --git a/pages/documents.vue b/pages/documents.vue
index fbdf9fb..eee0793 100644
--- a/pages/documents.vue
+++ b/pages/documents.vue
@@ -2,7 +2,7 @@
 
 
 import {BlobReader, BlobWriter, ZipWriter} from "@zip.js/zip.js";
-import {useSupabaseSelectDocuments} from "~/composables/useSupabase.js";
+import {useSupabaseSelectDocuments, useSupabaseSelectSingle} from "~/composables/useSupabase.js";
 
 definePageMeta({
   middleware: "auth"
@@ -11,6 +11,8 @@ const dataStore = useDataStore()
 const supabase = useSupabaseClient()
 const user = useSupabaseUser()
 const toast = useToast()
+const router = useRouter()
+const route = useRoute()
 
 dataStore.fetchDocuments()
 
@@ -19,29 +21,31 @@ const uploadInProgress = ref(false)
 const fileUploadFormData = ref({
   tags: ["Eingang"],
   path: "",
-  tenant: dataStore.currentTenant
+  tenant: dataStore.currentTenant,
+  folder: null
 })
 
 
 let tags = dataStore.getDocumentTags
 
-const selectedTags = ref("Eingang")
 const documents = ref([])
 const folders = ref([])
-const selectedPath = ref("_")
+
+const currentFolder = ref(null)
+
 const loadingDocs = ref(false)
 const isDragTarget = ref(false)
 const setupPage = async () => {
-  //documents.value = await useSupabaseSelectDocuments("*, project(id,name), customer(id,name), contract(id,name), vendor(id,name), plant(id,name), vehicle(id,licensePlate), product(id,name), profile(id,fullName) ")
-  //documents.value = await useSupabaseSelectDocuments("*",null, selectedPath.value)
-  //console.log(documents.value)
+  folders.value = await useSupabaseSelect("folders")
 
-  folders.value = dataStore.ownTenant.documentFolders
+  documents.value = await useSupabaseSelectDocuments("*",null)
 
-  documents.value = await useSupabaseSelectDocuments("*",null,selectedPath.value)
-  //await supabase.from("documents").select().eq("folderPath",selectedPath.value).eq("tenant",dataStore.currentTenant)
-
-  //console.log(await supabase.from("documents").select().eq("folderPath",selectedPath.value))
+  if(route.query) {
+    if(route.query.folder) {
+      console.log(route.query.folder)
+      currentFolder.value = await useSupabaseSelectSingle("folders", route.query.folder)
+    }
+  }
 
 
   const dropZone = document.getElementById("drop_zone")
@@ -71,37 +75,63 @@ const setupPage = async () => {
 setupPage()
 const currentFolders = computed(() => {
   if(folders.value.length > 0) {
-    /*console.log(folders.value[0].path.split("/").filter(x => x.length > 0))
-    console.log(selectedPath.value.split("/").filter(x => x.length > 0))*/
 
-    let tempFolders = folders.value.filter(i => (i.path.split("_").filter(x => x.length > 0) || []).length === selectedPath.value.split("_").filter(x => x.length > 0).length + 1)
-
-    tempFolders = tempFolders.filter(i => i.path.includes(selectedPath.value))
+    let tempFolders = folders.value.filter(i => currentFolder.value ? i.parent === currentFolder.value.id : !i.parent)
 
     return tempFolders
-  }
+  } else return []
 
 })
 
 const breadcrumbLinks = computed(() => {
-  return [{
-    label: "Home",
-    click: () => {
-      changePath("_")
-    },
-    icon: "i-heroicons-folder"
-  },...selectedPath.value.split("_").filter(x => x.length > 0).map((i,index) => {
-    let re = new RegExp(".+?" + i )
-    let path = selectedPath.value.match(re)[0]
 
-    return {
-      label: folders.value.find(x => x.path === path).name ||path,
+  if(currentFolder.value) {
+    let parents = []
+
+    const addParent = (parent) => {
+      parents.push(parent)
+      if(parent.parent) {
+        addParent(folders.value.find(i => i.id === currentFolder.value.parent))
+      }
+    }
+
+    if(currentFolder.value.parent) {
+      addParent(folders.value.find(i => i.id === currentFolder.value.parent))
+    }
+
+    return [{
+      label: "Home",
       click: () => {
-        changePath(path)
+        changeFolder(null)
       },
       icon: "i-heroicons-folder"
-    }
-  })]
+    },
+    ...parents.map(i => {
+      return {
+        label: folders.value.find(x => x.id === i.id).name,
+        click: () => {
+          changeFolder(i)
+        },
+        icon: "i-heroicons-folder"
+      }
+    }),
+    {
+      label: currentFolder.value.name,
+      click: () => {
+        changeFolder(currentFolder.value)
+      },
+      icon: "i-heroicons-folder"
+    }]
+
+  } else {
+    return [{
+      label: "Home",
+      click: () => {
+        changeFolder(null)
+      },
+      icon: "i-heroicons-folder"
+    }]
+  }
 })
 
 
@@ -110,23 +140,22 @@ const breadcrumbLinks = computed(() => {
 
 const filteredDocuments = computed(() => {
 
-  /*if(selectedTags.value !== "Archiviert") {
-    return  documents.value.filter(i => i.tags.find(t => selectedTags.value === t) && !i.tags.includes("Archiviert"))
-  } else {
-    return documents.value.filter(i => i.tags.find(t => selectedTags.value === t))
-  }*/
-
-  return documents.value
-
-
-
-
+  return documents.value.filter(i => currentFolder.value ? i.folder === currentFolder.value.id : !i.folder)
 
 })
 
-const changePath = async (newPath) => {
+const changeFolder = async (newFolder) => {
   loadingDocs.value = true
-  selectedPath.value = newPath
+  currentFolder.value = newFolder
+
+  if(newFolder) {
+    fileUploadFormData.value.folder = newFolder.id
+    await router.push(`/documents?folder=${newFolder.id}`)
+  } else {
+    fileUploadFormData.value.folder = null
+    await router.push(`/documents`)
+  }
+
   setupPage()
 }
 
@@ -134,7 +163,7 @@ const uploadFiles = async (files) => {
   uploadInProgress.value = true;
 
   if(files) {
-    await dataStore.uploadFiles({tags: ["Ablage"],tenant: dataStore.currentTenant, folderPath: selectedPath.value}, files, true)
+    await dataStore.uploadFiles({tags: ["Ablage"],tenant: dataStore.currentTenant,folder: currentFolder.value.id}, files, true)
 
   } else {
     await dataStore.uploadFiles(fileUploadFormData.value, document.getElementById("fileUploadInput").files, true)
@@ -213,7 +242,7 @@ const downloadSelected = async () => {
 
 <template>
   <UDashboardNavbar
-      title="Dokumente"
+      title="Dateien"
   >
 
   </UDashboardNavbar>
@@ -254,7 +283,7 @@ const downloadSelected = async () => {
         <a
             class="w-1/6 folderIcon flex flex-col p-5 m-2"
             v-for="folder in currentFolders"
-            @click="changePath(folder.path)"
+            @click="changeFolder(folder)"
         >
 
           <UIcon
@@ -265,8 +294,8 @@ const downloadSelected = async () => {
         </a>
       </div>
 
-      <UDivider class="my-5" v-if="currentFolders.length > 0">Dokumente</UDivider>
-
+      <UDivider class="my-5" v-if="currentFolder">{{currentFolder.name}}</UDivider>
+      <UDivider class="my-5" v-else>Ablage</UDivider>
 
       <div v-if="!loadingDocs">
         <DocumentList
diff --git a/pages/inventoryitems/index.vue b/pages/inventoryitems/index.vue
index d100bae..72e1bf4 100644
--- a/pages/inventoryitems/index.vue
+++ b/pages/inventoryitems/index.vue
@@ -43,6 +43,9 @@
       :ui="{ divide: 'divide-gray-200 dark:divide-gray-800' }"
       @select="(i) => router.push(`/inventoryitems/show/${i.id}`) "
       :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine Inventarartikel anzuzeigen' }"
+      v-model:sort="sortConfig"
+      sort-mode="manual"
+      @update:sort="setupPage"
   >
 
 
@@ -50,6 +53,8 @@
 </template>
 
 <script setup>
+import {sort} from "fast-sort"
+
 
 definePageMeta({
   middleware: "auth"
@@ -70,8 +75,13 @@ const dataStore = useDataStore()
 const router = useRouter()
 const items = ref([])
 
+const sortConfig = ref({
+  column: "articleNumber",
+  direction: "desc"
+})
+
 const setupPage = async () => {
-  items.value = await useSupabaseSelect("inventoryitems","*", "articleNumber")
+  items.value = await useSupabaseSelect("inventoryitems","*")
 }
 
 setupPage()
@@ -96,17 +106,20 @@ const selectedColumns = ref(templateColumns)
 const columns = computed(() => templateColumns.filter((column) => selectedColumns.value.includes(column)))
 
 
+
 const searchString = ref('')
 const filteredRows = computed(() => {
-  if(!searchString.value) {
-    return items.value
+
+  let sorted = []
+
+  if(sortConfig.value.direction === "asc"){
+    sorted = sort(items.value).asc(i => i[sortConfig.value.column])
+  } else {
+    sorted = sort(items.value).desc(i => i[sortConfig.value.column])
   }
 
-  return items.value.filter(product => {
-    return Object.values(product).some((value) => {
-      return String(value).toLowerCase().includes(searchString.value.toLowerCase())
-    })
-  })
+  return useListFilter(searchString.value, sorted)
+
 })
 
 
diff --git a/pages/services/[mode]/[[id]].vue b/pages/services/[mode]/[[id]].vue
index e23d849..816f7c4 100644
--- a/pages/services/[mode]/[[id]].vue
+++ b/pages/services/[mode]/[[id]].vue
@@ -237,7 +237,7 @@ setupPage()
       <UInput
           v-model="itemInfo.sellingPrice"
           type="number"
-          steps="0.01"
+          steps="0.001"
       >
         <template #trailing>
           <span class="text-gray-500 dark:text-gray-400 text-xs">EUR</span>
diff --git a/pages/settings/integrations/index.vue b/pages/settings/integrations/index.vue
new file mode 100644
index 0000000..fcd3b95
--- /dev/null
+++ b/pages/settings/integrations/index.vue
@@ -0,0 +1,41 @@
+<script setup>
+
+const lexofficeActiveFunctions = ref({
+  sendInvoicesToLexoffice: true,
+})
+
+</script>
+
+<template>
+  <UDashboardNavbar title="Integrationen"></UDashboardNavbar>
+  <UDashboardPanelContent>
+    <UAccordion
+        class="p-5"
+        color="primary"
+        variant="soft"
+        size="sm"
+        :items="[{ label: 'Lexoffice', content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit' }]"
+    >
+      <template #item="{item}">
+        <div v-if="item.label === 'Lexoffice'">
+          Scopes:
+          <UCheckbox v-model="lexofficeActiveFunctions.sendInvoicesToLexoffice" name="notifications" label="Rechnungen an Lexoffice übertragen" />
+
+          <UButton>
+            Kunden importieren
+          </UButton>
+          <UButton>
+            Lieferanten importieren
+          </UButton>
+
+
+        </div>
+      </template>
+    </UAccordion>
+  </UDashboardPanelContent>
+
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/pages/trackingTrips/[mode]/[[id]].client.vue b/pages/trackingTrips/[mode]/[[id]].client.vue
index 576f7b8..45e5c1c 100644
--- a/pages/trackingTrips/[mode]/[[id]].client.vue
+++ b/pages/trackingTrips/[mode]/[[id]].client.vue
@@ -48,9 +48,9 @@ const projects = ref([])
 //Functions
 const setupPage = async () => {
   if(mode.value === "show" ){
-    itemInfo.value = await useSupabaseSelectSingle("trackingtrips",route.params.id,"*, trackingDevice(*, vehicle(*))")
+    itemInfo.value = await useSupabaseSelectSingle("trackingtripsgen",route.params.id,"*, trackingDevice(*, vehicle(*))")
   } else if(mode.value === "edit") {
-    itemInfo.value = await useSupabaseSelectSingle("trackingtrips",route.params.id,"*")
+    itemInfo.value = await useSupabaseSelectSingle("trackingtripsgen",route.params.id,"*")
 
   }
 
@@ -141,8 +141,6 @@ const zoom = ref(6)
     </template>
   </UDashboardNavbar>
 
-
-
   <UTabs
       :items="[{label: 'Informationen'}]"
       v-if="mode === 'show' && itemInfo.id"
@@ -192,9 +190,9 @@ const zoom = ref(6)
 
             </UCard>
             <UCard class="mt-5">
-              <Map :markers="[[itemInfo.startLatitude, itemInfo.startLongitude],[itemInfo.endLatitude, itemInfo.endLongitude]]"
-                :startMarker="[itemInfo.startLatitude, itemInfo.startLongitude]"
-                 :endMarker="[itemInfo.endLatitude, itemInfo.endLongitude]"
+              <Map :markers="[[itemInfo.startLat, itemInfo.startLon],[itemInfo.endLat, itemInfo.endLon]]"
+                :startMarker="[itemInfo.startLat, itemInfo.startLon]"
+                 :endMarker="[itemInfo.endLat, itemInfo.endLon]"
               />
 
 
diff --git a/pages/trackingTrips/index.vue b/pages/trackingTrips/index.vue
index 802c273..08e6633 100644
--- a/pages/trackingTrips/index.vue
+++ b/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)
diff --git a/pages/vendors/[mode]/[[id]].vue b/pages/vendors/[mode]/[[id]].vue
index 6e7f64a..1e0bb1c 100644
--- a/pages/vendors/[mode]/[[id]].vue
+++ b/pages/vendors/[mode]/[[id]].vue
@@ -121,6 +121,7 @@ setupPage()
               <p>E-Mail: {{currentItem.infoData.email}}</p>
               <p>Web: {{currentItem.infoData.web}}</p>
               <p>USt-Id: {{currentItem.infoData.ustid}}</p>
+              <p>SEPA Mandat: {{currentItem.hasSEPA ? "Ja" : "Nein"}}</p>
               <p>Notizen:<br> {{currentItem.notes}}</p>
             </div>
           </UCard>
@@ -251,6 +252,13 @@ setupPage()
           v-model="itemInfo.infoData.web"
       />
     </UFormGroup>
+    <UFormGroup
+        label="SEPA Mandat abgeschlossen:"
+    >
+      <UCheckbox
+          v-model="itemInfo.hasSEPA"
+      />
+    </UFormGroup>
     <UFormGroup
         label="USt-Id:"
     >
diff --git a/stores/data.js b/stores/data.js
index bcbbeb0..97e3a77 100644
--- a/stores/data.js
+++ b/stores/data.js
@@ -313,7 +313,7 @@ export const useDataStore = defineStore('data', () => {
     const resources =ref([])
 
 
-    const rights = ref({
+    /*const rights = ref({
         createUser: {label: "Benutzer erstellen"},
         modifyUser: {label: "Benutzer bearbeiten"},
         deactivateUser: {label: "Benutzer sperren"},
@@ -328,9 +328,9 @@ export const useDataStore = defineStore('data', () => {
         createTime: {label:"Zeiten erstellen"},
         viewOwnTimes: {label:"Eigene Zeiten anzeigen"},
         viewTimes: {label:"Zeiten anzeigen"},
-    })
+    })*/
 
-    const roles = ref([
+    /*const roles = ref([
         {
             key: "tenantAdmin",
             label: "Firmenadministrator",
@@ -369,12 +369,12 @@ export const useDataStore = defineStore('data', () => {
                 "viewAllTimes"
             ]
         }
-    ])
+    ])*/
 
     async function initializeData (userId) {
 
         let profileconnections = (await supabase.from("profileconnections").select()).data
-        let profiles = (await supabase.from("profiles").select()).data
+        let profiles = (await supabase.from("profiles").select("*, role(*)")).data
         let activeProfileConnection = profileconnections.find(i => i.active)
         if(activeProfileConnection) {
             activeProfile.value = profiles.find(i => i.id === activeProfileConnection.profile_id)
@@ -521,7 +521,7 @@ export const useDataStore = defineStore('data', () => {
         resources.value = []
     }
 
-    function hasRight (right) {
+    /*function hasRight (right) {
         const role = profiles.value.find(i => i.id === activeProfile.value.id).role
         const grantedRights = roles.value.find(i => i.key === role).rights
 
@@ -529,7 +529,7 @@ export const useDataStore = defineStore('data', () => {
             return true
         } else return false
 
-    }
+    }*/
 
     var deepDiffMapper = function () {
         return {
@@ -1749,7 +1749,6 @@ export const useDataStore = defineStore('data', () => {
         initializeData,
         changeProfile,
         uploadFiles,
-        hasRight,
         generateHistoryItems,
         dataTypes,