From a905b1f966077f710ab05e72b483594a93936b93 Mon Sep 17 00:00:00 2001
From: flfeders <f.federspiel@federspiel.tech>
Date: Fri, 18 Oct 2024 08:58:11 +0200
Subject: [PATCH] Changes

---
 composables/useSort.js                    | 18 +++++
 composables/useWorkingTimePDFGenerator.js |  8 +-
 pages/createDocument/index.vue            | 10 +--
 pages/products/[mode]/[[id]].vue          | 13 ++++
 pages/profiles/show/[id].vue              |  1 +
 pages/settings/ownfields.vue              | 29 +++++++
 pages/workingtimes/evaluate/[id].vue      | 94 +++++++++++++++--------
 pages/workingtimes/index.vue              | 52 +++++++------
 stores/data.js                            | 10 ++-
 9 files changed, 165 insertions(+), 70 deletions(-)
 create mode 100644 composables/useSort.js
 create mode 100644 pages/settings/ownfields.vue

diff --git a/composables/useSort.js b/composables/useSort.js
new file mode 100644
index 0000000..821370c
--- /dev/null
+++ b/composables/useSort.js
@@ -0,0 +1,18 @@
+export const useSort = (items,column,direction) => {
+
+
+
+
+
+
+
+
+
+
+
+    if(!searchString) {
+        return items
+    }
+
+    return items.filter(i => JSON.stringify(i).toLowerCase().includes(searchString.toLowerCase()))
+}
\ No newline at end of file
diff --git a/composables/useWorkingTimePDFGenerator.js b/composables/useWorkingTimePDFGenerator.js
index e91f417..af15628 100644
--- a/composables/useWorkingTimePDFGenerator.js
+++ b/composables/useWorkingTimePDFGenerator.js
@@ -102,7 +102,7 @@ export const useCreateWorkingTimesPdf = async (input,backgroundSourceBuffer) =>
             y: getCoordinatesForPDFLib(20,70,pages[pageCounter -1]).y,
             size: 10,
         })
-        pages[pageCounter - 1].drawText(`Bestätigt: ${Math.floor(input.sumWorkingMinutesApproved/60)}:${String(input.sumWorkingMinutesApproved % 60).padStart(2,"0")} Std`,{
+        /*pages[pageCounter - 1].drawText(`Bestätigt: ${Math.floor(input.sumWorkingMinutesApproved/60)}:${String(input.sumWorkingMinutesApproved % 60).padStart(2,"0")} Std`,{
             x: getCoordinatesForPDFLib(20,75,pages[pageCounter -1]).x,
             y: getCoordinatesForPDFLib(20,75,pages[pageCounter -1]).y,
             size: 10,
@@ -149,10 +149,10 @@ export const useCreateWorkingTimesPdf = async (input,backgroundSourceBuffer) =>
             x: getCoordinatesForPDFLib(100,110,pages[pageCounter -1]).x,
             y: getCoordinatesForPDFLib(100,110,pages[pageCounter -1]).y,
             size: 10,
-        })
+        })*/
 
 
-        let rowHeight = 115
+        let rowHeight = 85
 
         input.times.forEach(time => {
             pages[pageCounter - 1].drawText(`${dayjs(time.startDate).format("HH:mm DD.MM.YY")}`,{
@@ -161,7 +161,7 @@ export const useCreateWorkingTimesPdf = async (input,backgroundSourceBuffer) =>
                 size: 10,
             })
 
-            pages[pageCounter - 1].drawText(`${dayjs(time.startDate).format("HH:mm DD.MM.YY")}`,{
+            pages[pageCounter - 1].drawText(`${dayjs(time.endDate).format("HH:mm DD.MM.YY")}`,{
                 x: getCoordinatesForPDFLib(60,rowHeight,pages[pageCounter -1]).x,
                 y: getCoordinatesForPDFLib(60,rowHeight,pages[pageCounter -1]).y,
                 size: 10,
diff --git a/pages/createDocument/index.vue b/pages/createDocument/index.vue
index 2418f52..de8ed43 100644
--- a/pages/createDocument/index.vue
+++ b/pages/createDocument/index.vue
@@ -102,7 +102,7 @@
       <span v-if="row.documentDate">{{row.documentDate ? dayjs(row.documentDate).format("DD.MM.YY") : ''}}</span>
     </template>
     <template #dueDate-data="{row}">
-      <span :class="dayjs(row.dueDate).diff(dayjs()) <= 0 ? ['text-rose-500'] : '' ">{{row.dueDate ? dayjs(row.dueDate).format("DD.MM.YY") : ''}}</span>
+      <span v-if="row.paymentDays && ['invoices','advanceInvoices'].includes(row.type)" :class="dayjs(row.documentDate).add(row.paymentDays,'day').diff(dayjs()) <= 0 && !isPaid(row) ? ['text-rose-500'] : '' ">{{row.documentDate ? dayjs(row.documentDate).add(row.paymentDays,'day').format("DD.MM.YY") : ''}}</span>
     </template>
     <template #paid-data="{row}">
       <div v-if="row.type === 'invoices' ||row.type === 'advanceInvoices'">
@@ -179,7 +179,7 @@ const templateColumns = [
     sortable: true
   },{
     key: 'state',
-    label: "Status.",
+    label: "Status",
     sortable: true
   },
   {
@@ -199,14 +199,14 @@ const templateColumns = [
   },
   {
     key: "paid",
-    label: "Bezahlt:",
+    label: "Bezahlt",
     sortable: true
   },
   {
     key: "dueDate",
-    label: "Fällig:",
+    label: "Fällig",
     sortable: true
-  },
+  }
 ]
 const selectedColumns = ref(templateColumns)
 const columns = computed(() => templateColumns.filter((column) => selectedColumns.value.includes(column)))
diff --git a/pages/products/[mode]/[[id]].vue b/pages/products/[mode]/[[id]].vue
index f3ae0f3..abc5357 100644
--- a/pages/products/[mode]/[[id]].vue
+++ b/pages/products/[mode]/[[id]].vue
@@ -304,6 +304,19 @@ setupPage()
           v-model="itemInfo.barcode"
       />
     </UFormGroup>-->
+    <UFormGroup
+        label="Einkaufspreis:"
+    >
+      <UInput
+          v-model="itemInfo.purchasePrice"
+          type="number"
+          steps="0.01"
+      >
+        <template #trailing>
+          <span class="text-gray-500 dark:text-gray-400 text-xs">EUR</span>
+        </template>
+      </UInput>
+    </UFormGroup>
     <UFormGroup
         label="Verkaufspreis:"
     >
diff --git a/pages/profiles/show/[id].vue b/pages/profiles/show/[id].vue
index 644b7de..8068056 100644
--- a/pages/profiles/show/[id].vue
+++ b/pages/profiles/show/[id].vue
@@ -1,4 +1,5 @@
 <script setup>
+import axios from "axios"
 import HistoryDisplay from "~/components/HistoryDisplay.vue";
 import dayjs from "dayjs";
 import customParseFormat from "dayjs/plugin/customParseFormat";
diff --git a/pages/settings/ownfields.vue b/pages/settings/ownfields.vue
new file mode 100644
index 0000000..f5b5bda
--- /dev/null
+++ b/pages/settings/ownfields.vue
@@ -0,0 +1,29 @@
+<script setup>
+
+const dataStore = useDataStore()
+
+const setupPage = async () => {
+  console.log()
+}
+
+
+
+</script>
+
+<template>
+  <UDashboardNavbar
+    title="Eigene Felder"
+  >
+
+  </UDashboardNavbar>
+
+
+
+
+
+  {{dataStore.ownTenant.ownFields}}
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/pages/workingtimes/evaluate/[id].vue b/pages/workingtimes/evaluate/[id].vue
index 13bbdab..65b9a0e 100644
--- a/pages/workingtimes/evaluate/[id].vue
+++ b/pages/workingtimes/evaluate/[id].vue
@@ -17,12 +17,19 @@ dayjs.extend(isSameOrBefore)
 const dataStore = useDataStore()
 const supabase = useSupabaseClient()
 const route = useRoute()
+const router = useRouter()
 
 const itemInfo = ref({})
 const oldItemInfo = ref({})
-const setupPage = () => {
+
+const workingtimes = ref([])
+
+
+const setupPage = async () => {
   if(route.params.id) itemInfo.value = dataStore.getProfileById(route.params.id)
   if(itemInfo.value.id) oldItemInfo.value = JSON.parse(JSON.stringify(itemInfo.value))
+  workingtimes.value = (await supabase.from("workingtimes").select().eq("profile",itemInfo.value.id).order("startDate",{ascending:false})).data
+
 }
 
 const selectedPresetRange = ref("Dieser Monat")
@@ -58,11 +65,12 @@ const changeRange = () => {
   selectedStartDay.value = dayjs().subtract(subtract,selector === "isoWeek" ? "week" : selector).startOf(selector).format("YYYY-MM-DD")
   selectedEndDay.value = dayjs().subtract(subtract,selector === "isoWeek" ? "week" : selector).endOf(selector).format("YYYY-MM-DD")
 
+  openTab.value = 0
 }
 
 const workingTimeInfo = computed(() => {
 
-  let times = dataStore.getWorkingTimesByProfileId(route.params.id)
+  let times = workingtimes.value
 
   //times = times.filter(i => dayjs(i.date).isBetween(dayjs(selectedStartDay.value).subtract(1,"days"),selectedEndDay.value,'day') && i.end)
   times = times.filter(i => dayjs(i.startDate).isSameOrAfter(selectedStartDay.value) && dayjs(i.endDate).isSameOrBefore(selectedEndDay.value))
@@ -133,6 +141,12 @@ const generateEvaluation = async () => {
   await generateDocument()
 }
 
+const openTab = ref(0)
+const onTabChange = async (index) => {
+  if(index === 1) {
+    await generateEvaluation()
+  }
+}
 
 
 setupPage()
@@ -208,7 +222,7 @@ changeRange()
           />
 
           <template #panel="{ close }">
-            <LazyDatePicker v-model="selectedStartDay" @close="changeRange" />
+            <LazyDatePicker v-model="selectedStartDay" @close="openTab = 0" />
           </template>
         </UPopover>
       </UFormGroup>
@@ -220,42 +234,46 @@ changeRange()
           />
 
           <template #panel="{ close }">
-            <LazyDatePicker v-model="selectedEndDay" @close="changeRange" />
+            <LazyDatePicker v-model="selectedEndDay" @close="openTab = 0" />
           </template>
         </UPopover>
       </UFormGroup>
     </template>
-    <template #right>
-      <UButton
-        @click="generateEvaluation"
-      >
-        Bericht erstellen
-      </UButton>
-    </template>
   </UDashboardToolbar>
   <UTabs
       :items="[{label: 'Information'},{label: 'Bericht'}]"
       class="p-5 h-100"
+      @change="onTabChange"
+      v-model="openTab"
   >
     <template #item="{item}">
       <div v-if="item.label === 'Information'">
-        <div class="truncate p-5">
+        <UCard class="truncate my-5">
+          <template #header>
+            Zusammenfassung
+          </template>
           <p>Eingreicht: {{Math.floor(workingTimeInfo.sumWorkingMinutesEingereicht/60)}}:{{String(workingTimeInfo.sumWorkingMinutesEingereicht % 60).padStart(2,"0")}} h</p>
           <p>Bestätigt: {{Math.floor(workingTimeInfo.sumWorkingMinutesApproved/60)}}:{{String(workingTimeInfo.sumWorkingMinutesApproved % 60).padStart(2,"0")}} h</p>
           <p>Soll Stunden: {{workingTimeInfo.monthlyWorkingHours}} h</p>
-          <p>Abwesend: </p>
-          <p>Ausgleich:</p>
+          <!--         <p>Abwesend: </p>
+
+                   <p>Ausgleich:</p>
+         -->
           <p>Inoffizielles Saldo: {{workingTimeInfo.saldoInOfficial}} h</p>
           <p>Saldo: {{workingTimeInfo.saldo}} h</p>
-        </div>
+        </UCard>
 
-
-        <UTable
-            :rows="dataStore.getWorkingTimesByProfileId(itemInfo.id)"
-            :columns="[
+        <div style="overflow-y: scroll; height: 45vh">
+          <UTable
+              :rows="workingTimeInfo.times"
+              @select="(row) => router.push(`/workingtimes/edit/${row.id}`)"
+              :columns="[
                 {
                   key: 'state',
                   label: 'Status'
+                }, {
+                  key: 'approved',
+                  label: 'Genehmigt'
                 }, {
                   key: 'start',
                   label: 'Start'
@@ -270,26 +288,34 @@ changeRange()
                   label: 'Notizen'
                 }
             ]"
-        >
-          <template #profile-data="{row}">
-            {{dataStore.profiles.find(profile => profile.id === row.profile) ? dataStore.profiles.find(profile => profile.id === row.profile).fullName : row.profile }}
-          </template>
+          >
+            <template #profile-data="{row}">
+              {{dataStore.profiles.find(profile => profile.id === row.profile) ? dataStore.profiles.find(profile => profile.id === row.profile).fullName : row.profile }}
+            </template>
+            <template #approved-data="{row}">
+              <span v-if="row.approved" class="text-primary-500">Ja</span>
+              <span v-else class="text-rose-600">Nein</span>
+            </template>
+
+            <template #start-data="{row}">
+              {{dayjs(row.startDate).format("HH:mm DD.MM.YY")}} Uhr
+            </template>
+            <template #end-data="{row}">
+              {{dayjs(row.endDate).format("HH:mm DD.MM.YY")}} Uhr
+            </template>
+            <template #duration-data="{row}">
+              {{getDuration(row).composed}}
+            </template>
+          </UTable>
+        </div>
+
 
-          <template #start-data="{row}">
-            {{dayjs(row.startDate).format("HH:mm DD.MM.YY")}} Uhr
-          </template>
-          <template #end-data="{row}">
-            {{dayjs(row.endDate).format("HH:mm DD.MM.YY")}} Uhr
-          </template>
-          <template #duration-data="{row}">
-            {{getDuration(row).composed}}
-          </template>
-        </UTable>
       </div>
       <div v-else-if="item.label === 'Bericht'">
+        <UProgress animation="carousel" v-if="!showDocument"/>
         <object
             :data="uri"
-            v-if="showDocument"
+            v-else
             type="application/pdf"
             class="w-full previewDocument"
         />
diff --git a/pages/workingtimes/index.vue b/pages/workingtimes/index.vue
index 4130f3d..5ecf5d4 100644
--- a/pages/workingtimes/index.vue
+++ b/pages/workingtimes/index.vue
@@ -24,10 +24,22 @@ const timeInfo = ref({
 
 const filterUser = ref(dataStore.activeProfile.id || "")
 
+const workingtimes = ref([])
+
+const setupPage = async () => {
+  workingtimes.value = (await supabase.from("workingtimes").select().eq("profile",filterUser.value).order("startDate",{ascending: false})).data
+}
+
+setupPage()
+
+
+
+
+
 
 const filteredRows = computed(() => {
 
-  let times = dataStore.workingtimes
+  let times = workingtimes.value
 
   times = times.filter(i => i.profile === filterUser.value)
 
@@ -61,6 +73,11 @@ const columns = [
     label: "Status",
     sortable:true
   },
+  {
+    key: "approved",
+    label: "Genehmigt",
+    sortable:true
+  },
   {
     key: "profile",
     label: "Mitarbeiter",
@@ -181,6 +198,7 @@ const getDuration = (time) => {
           option-attribute="fullName"
           value-attribute="id"
           v-model="filterUser"
+          @change="setupPage"
       >
         <template #label>
           {{dataStore.getProfileById(filterUser) ? dataStore.getProfileById(filterUser).fullName : "Kein Benutzer ausgewählt"}}
@@ -222,41 +240,29 @@ const getDuration = (time) => {
     </UAlert>
   </div>
 
-
-
-  
   <UTable
       class="mt-3"
       :columns="columns"
       :rows="filteredRows"
       :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Noch keine Einträge' }"
       @select="(row) => {
-        router.push(`/workingtimes/edit/${row.id}`)
-        /*configTimeMode = '[mode]';
-        itemInfo = row;
-        showConfigTimeModal = true*/}"
+        router.push(`/workingtimes/edit/${row.id}`)}"
   >
-<!--    <template #state-data="{row}">
-                <span
-                    v-if="row.state === 'Entwurf'"
-                    class="text-rose-500"
-                >{{row.state}}</span>
-      <span
-          v-if="row.state === 'Eingereicht'"
-          class="text-cyan-500"
-      >{{row.state}}</span>
-      <span
-          v-if="row.state === 'Bestätigt'"
-          class="text-primary-500"
-      >{{row.state}}</span>
-    </template>-->
+    <template #expand="{ row }">
+      <div class="p-4">
+        <pre>{{ row }}</pre>
+      </div>
+    </template>
     <template #profile-data="{row}">
       {{dataStore.profiles.find(profile => profile.id === row.profile) ? dataStore.profiles.find(profile => profile.id === row.profile).fullName : row.profile }}
     </template>
+    <template #approved-data="{row}">
+      <span v-if="row.approved" class="text-primary-500">Ja</span>
+      <span v-else class="text-rose-600">Nein</span>
+    </template>
     <template #date-data="{row}">
       {{dayjs(row.startDate).format("DD.MM.YYYY")}}
     </template>
-
     <template #startDate-data="{row}">
       {{dayjs(row.startDate).format("HH:mm")}} Uhr
     </template>
diff --git a/stores/data.js b/stores/data.js
index ae64bf6..56a64f7 100644
--- a/stores/data.js
+++ b/stores/data.js
@@ -123,7 +123,9 @@ export const useDataStore = defineStore('data', () => {
         },
         workingtimes: {
             label: "Anwesenheiten",
-            labelSingle: "Anwesenheit"
+            labelSingle: "Anwesenheit",
+            redirect: true,
+            redirectToList: true
         },
         texttemplates: {
             label: "Textvorlagen",
@@ -887,7 +889,7 @@ export const useDataStore = defineStore('data', () => {
             //await eval(dataType + '.value[' + dataType + '.value.findIndex(i => i.id === ' + JSON.stringify(data.id) + ')] = ' + JSON.stringify(supabaseData[0]))
             if(dataType === 'profiles') await fetchProfiles()
             toast.add({title: `${dataTypes[dataType].labelSingle} gespeichert`})
-            if(dataTypes[dataType].redirect) await router.push(`/${dataType}/show/${data.id}`)
+            if(dataTypes[dataType].redirect) await router.push(dataTypes[dataType].redirectToList ? `/${dataType}` : `/${dataType}/show/${data.id}`)
             return supabaseData
         }
     }
@@ -1244,7 +1246,7 @@ export const useDataStore = defineStore('data', () => {
     })
 
     const getTextTemplatesByDocumentType = computed(() => (documentType) => {
-        console.log(documentType)
+        //console.log(documentType)
 
         let type = ""
         if(documentType === "serialInvoices") {
@@ -1253,7 +1255,7 @@ export const useDataStore = defineStore('data', () => {
             type = documentType
         }
 
-        console.log(type)
+        //console.log(type)
 
         return texttemplates.value.filter(i => i.documentType === type)
     })