From aa322a3234f40c7fa162d16139cc93b92a4ef8e9 Mon Sep 17 00:00:00 2001
From: flfeders <f.federspiel@federspiel.tech>
Date: Tue, 16 Apr 2024 10:51:33 +0200
Subject: [PATCH] Fixed Adress Loading when customer is preset Added more
 Display Options Enabled Timeline in Devtools Changed Style of Document
 Display

---
 components/DocumentDisplay.vue       | 23 ++++++++------
 layouts/default.vue                  | 47 +++++++++++++++++-----------
 nuxt.config.ts                       |  7 ++++-
 pages/createDocument/edit/[[id]].vue |  5 ++-
 4 files changed, 51 insertions(+), 31 deletions(-)

diff --git a/components/DocumentDisplay.vue b/components/DocumentDisplay.vue
index 7d8daa1..1ce716e 100644
--- a/components/DocumentDisplay.vue
+++ b/components/DocumentDisplay.vue
@@ -128,9 +128,9 @@ const updateDocumentAssignment = async () => {
 </script>
 
 <template>
-  <div class="documentListItem">
+  <div class="documentListItem" @click="openDocument">
     <object
-        :data="documentData.url"
+        :data="`${documentData.url}#toolbar=0&navpanes=0&scrollbar=0`"
         class="previewEmbed"
         type="application/pdf"
         v-if="!documentData.tags.includes('Bild')"
@@ -140,26 +140,28 @@ const updateDocumentAssignment = async () => {
       alt=""
       :src="documentData.url"
     />
+<!-- TODO: Remove Scrollbar    -->
 
 
 
-    <UButton
+<!--    <UButton
         @click="openDocument"
         class="mt-3"
+        icon=""
     >
       <UIcon name="i-heroicons-eye-solid" />
-    </UButton>
-    <UToggle
+    </UButton>-->
+<!--    <UToggle
         v-model="documentData.selected"
         class="ml-2"
-    />
+    />-->
     <br>
-    <UBadge
+<!--    <UBadge
       v-if="documentData.vendorInvoice"
     >{{dataStore.incominginvoices.find(item => item.id === documentData.vendorInvoice) ? dataStore.incominginvoices.find(item => item.id === documentData.vendorInvoice).reference : ''}}</UBadge>
     <UBadge
       v-if="documentData.inDatev"
-    >DATEV</UBadge>
+    >DATEV</UBadge>-->
   </div>
 
 
@@ -335,8 +337,9 @@ const updateDocumentAssignment = async () => {
 
 .previewEmbed {
   width: 100%;
-  height: 22vh;
-  overflow: hidden;
+  height: 100%;
+  overflow: hidden !important;
+  pointer-events: none !important;
   -ms-overflow-style: none;  /* IE and Edge */
   scrollbar-width: none;  /* Firefox */
 }
diff --git a/layouts/default.vue b/layouts/default.vue
index ddc5dad..5f93df1 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -264,7 +264,7 @@ let links = computed(() => {
         },
       ]
     },
-    {
+    ... dataStore.ownTenant.features.inventory ? [{
       label: "Lager",
       icon: "i-heroicons-puzzle-piece",
       defaultOpen: false,
@@ -279,12 +279,12 @@ let links = computed(() => {
           to: "/spaces",
           icon: "i-heroicons-square-3-stack-3d"
         },
-        {
-          label: "Inventar",
-          to: "/inventoryitems",
-          icon: "i-heroicons-puzzle-piece"
-        },
       ]
+    },] : [],
+    {
+      label: "Inventar",
+      to: "/inventoryitems",
+      icon: "i-heroicons-puzzle-piece"
     },
     {
       label: "Stammdaten",
@@ -307,30 +307,39 @@ let links = computed(() => {
         }] : [],
       ]
     },
-    {
-      label: "Belege",
-      to: "/receipts",
-      icon: "i-heroicons-document-text"
-    },
-    {
-      label: "Bank",
-      to: "/banking",
-      icon: "i-heroicons-document-text"
-    },{
+    ... dataStore.ownTenant.features.accounting ? [{
+      label: "Buchhaltung",
+      defaultOpen: false,
+      icon: "i-heroicons-user-group",
+      children: [
+        {
+          label: "Belege",
+          to: "/receipts",
+          icon: "i-heroicons-document-text"
+        },
+        {
+          label: "Bank",
+          to: "/banking",
+          icon: "i-heroicons-document-text"
+        },
+      ]
+    },] : [],
+    ... dataStore.ownTenant.features.projects ? [{
       label: "Projekte",
       to: "/projects",
       icon: "i-heroicons-clipboard-document-check"
-    },
+    },] : [],
     ... dataStore.ownTenant.features.contracts ? [{
       label: "Verträge",
       to: "/contracts",
       icon: "i-heroicons-clipboard-document"
     }] : [],
-    {
+    ... dataStore.ownTenant.features.objects ? [{
       label: "Objekte",
       to: "/plants",
       icon: "i-heroicons-clipboard-document"
-    },
+    },] : [],
+
     {
       label: "Einstellungen",
       defaultOpen: false,
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 02502a3..b2b6870 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,6 +1,11 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-    devtools: {enabled: true},
+    devtools: {
+        enabled: true,
+        timeline: {
+            enabled: true
+        }
+    },
     imports: {
         dirs: ['stores']
     },
diff --git a/pages/createDocument/edit/[[id]].vue b/pages/createDocument/edit/[[id]].vue
index 3081ca1..9e9952b 100644
--- a/pages/createDocument/edit/[[id]].vue
+++ b/pages/createDocument/edit/[[id]].vue
@@ -80,7 +80,10 @@ const setupPage = () => {
 
     if(route.query.project) itemInfo.value.project = Number(route.query.project)
     if(route.query.contact) itemInfo.value.contact = Number(route.query.contact)
-    if(route.query.customer) itemInfo.value.customer = Number(route.query.customer)
+    if(route.query.customer) {
+      itemInfo.value.customer = Number(route.query.customer)
+      setCustomerData()
+    }
   }
 }