From 34dfb334ec2cadbf93785f8906d90dea8038c525 Mon Sep 17 00:00:00 2001
From: flfeders <f.federspiel@federspiel.tech>
Date: Sun, 14 Apr 2024 21:54:23 +0200
Subject: [PATCH] Added TextTemplates Page and Function

---
 layouts/default.vue              |   4 +
 pages/settings/texttemplates.vue | 136 +++++++++++++++++++++++++++++++
 pages/vehicles/[mode]/[[id]].vue |  14 +++-
 stores/data.js                   |   6 +-
 4 files changed, 156 insertions(+), 4 deletions(-)
 create mode 100644 pages/settings/texttemplates.vue

diff --git a/layouts/default.vue b/layouts/default.vue
index cf777c7..ddc5dad 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -348,6 +348,10 @@ let links = computed(() => {
           label: "Bankkonten",
           to: "/settings/banking",
           icon: "i-heroicons-clipboard-document-list"
+        },{
+          label: "Text Vorlagen",
+          to: "/settings/texttemplates",
+          icon: "i-heroicons-clipboard-document-list"
         },{
           label: "Firmeneinstellungen",
           to: "/settings/tenant",
diff --git a/pages/settings/texttemplates.vue b/pages/settings/texttemplates.vue
new file mode 100644
index 0000000..5caff1f
--- /dev/null
+++ b/pages/settings/texttemplates.vue
@@ -0,0 +1,136 @@
+<script setup>
+  const dataStore = useDataStore()
+
+  defineShortcuts({
+    '+': () => {
+      editTemplateModalOpen.value = true
+    }
+  })
+
+  const editTemplateModalOpen = ref(false)
+  const itemInfo = ref({})
+
+
+
+</script>
+
+<template>
+  <UDashboardNavbar
+    title="Text Vorlagen"
+  >
+      <template #right>
+        <UButton
+          @click="editTemplateModalOpen = true"
+        >
+          + Erstellen
+        </UButton>
+      </template>
+  </UDashboardNavbar>
+  <UDashboardToolbar>
+
+  </UDashboardToolbar>
+  <UDashboardPanelContent>
+    <UCard class="mt-5 mx-5">
+      <template #header>
+        Variablen
+      </template>
+      <table>
+        <tr>
+          <th class="text-left">Variable</th>
+          <th class="text-left">Beschreibung</th>
+        </tr>
+        <tr>
+          <td>vorname</td>
+          <td>Vorname</td>
+        </tr>
+        <tr>
+          <td>nachname</td>
+          <td>Nachname</td>
+        </tr>
+        <tr>
+          <td>zahlungsziel_in_tagen</td>
+          <td>Zahlungsziel in Tagen</td>
+        </tr>
+      </table>
+
+    </UCard>
+
+    <div class="w-3/4 mx-auto mt-5">
+      <UCard
+          v-for="template in dataStore.texttemplates"
+          class="mb-3"
+      >
+        <p class="text-2xl">{{dataStore.documentTypesForCreation[template.documentType].label}}</p>
+        <p class="text-xl">{{template.pos === 'startText' ? 'Einleitung' : 'Ende'}}</p>
+        <p class="text-justify">{{template.text}}</p>
+        <UButton
+            @click="itemInfo = template;
+             editTemplateModalOpen = true"
+          icon="i-heroicons-pencil-solid"
+          variant="outline"
+        />
+      </UCard>
+    </div>
+  </UDashboardPanelContent>
+
+  <USlideover
+    v-model="editTemplateModalOpen"
+  >
+    <UCard class="h-full">
+      <template #header>
+        {{itemInfo.id ? 'Vorlage bearbeiten' : 'Vorlage erstellen'}}
+      </template>
+
+      <UForm class="h-full">
+        <UFormGroup
+          label="Dokumententyp:"
+        >
+          <USelectMenu
+            :options="Object.keys(dataStore.documentTypesForCreation).map(i => {
+              return {
+                label: dataStore.documentTypesForCreation[i].label,
+                key: i
+              }
+            })"
+            v-model="itemInfo.documentType"
+          />
+        </UFormGroup>
+        <UFormGroup
+          label="Position:"
+        >
+          <USelectMenu
+            :options="[{label:'Einleitung',key: 'startText'},{label:'Ende',key: 'endText'}]"
+            v-model="itemInfo.pos"
+          />
+        </UFormGroup>
+        <UFormGroup
+          label="Text:"
+        >
+          <UTextarea
+            v-model="itemInfo.text"
+          />
+        </UFormGroup>
+      </UForm>
+
+      <template #footer>
+        <UButton
+          @click="dataStore.createNewItem('texttemplates',itemInfo);
+                  editTemplateModalOpen = false"
+          v-if="!itemInfo.id"
+        >Erstellen</UButton>
+        <UButton
+          @click="dataStore.updateItem('texttemplates',itemInfo);
+                  editTemplateModalOpen = false"
+          v-if="itemInfo.id"
+        >Speichern</UButton>
+      </template>
+    </UCard>
+  </USlideover>
+
+
+
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/pages/vehicles/[mode]/[[id]].vue b/pages/vehicles/[mode]/[[id]].vue
index d64430c..0e868ce 100644
--- a/pages/vehicles/[mode]/[[id]].vue
+++ b/pages/vehicles/[mode]/[[id]].vue
@@ -131,9 +131,10 @@ setupPage()
   >
     <template #item="{item}">
       <UCard class="mt-5">
-        <div v-if="item.label === 'Informationen'">
-          Typ: {{currentItem.type}} <br>
-          Fahrer: {{dataStore.profiles.find(profile => profile.id === currentItem.driver) ? dataStore.profiles.find(profile => profile.id === currentItem.driver).fullName : 'Kein Fahrer gewählt'}} <br>
+        <div class="truncate" v-if="item.label === 'Informationen'">
+          <p>Typ: {{currentItem.type}}</p>
+          <p>Fahrgestellnummer: {{currentItem.vin}}</p>
+          <p>Fahrer: {{dataStore.profiles.find(profile => profile.id === currentItem.driver) ? dataStore.profiles.find(profile => profile.id === currentItem.driver).fullName : 'Kein Fahrer gewählt'}}</p>
         </div>
         <div v-else-if="item.label === 'Eingangsrechnungen'">
           <UTable
@@ -199,6 +200,13 @@ setupPage()
           v-model="itemInfo.active"
       />
     </UFormGroup>
+    <UFormGroup
+        label="Fahrgestellnummer:"
+    >
+      <UInput
+          v-model="itemInfo.vin"
+      />
+    </UFormGroup>
     <UFormGroup
         label="Typ:"
     >
diff --git a/stores/data.js b/stores/data.js
index 9c798f0..125eb90 100644
--- a/stores/data.js
+++ b/stores/data.js
@@ -120,6 +120,10 @@ export const useDataStore = defineStore('data', () => {
         workingtimes: {
             label: "Anwesenheiten",
             labelSingle: "Anwesenheit"
+        },
+        texttemplates: {
+            label: "Textvorlagen",
+            labelSingle: "Textvorlage"
         }
     }
 
@@ -1004,7 +1008,7 @@ export const useDataStore = defineStore('data', () => {
     }
 
     async function fetchTextTemplates() {
-        texttemplates.value = (await supabase.from("textTemplates").select().eq('tenant', currentTenant.value)).data
+        texttemplates.value = (await supabase.from("texttemplates").select().eq('tenant', currentTenant.value)).data
     }
 
     async function fetchServices() {