Fixed auth, NAV, projecttypes,numberranges,tenant,textemplates

pages/settings/texttemplates.vue

@@ -1,41 +1,43 @@
 <script setup>
-  const dataStore = useDataStore()
+const dataStore = useDataStore()
 
-  defineShortcuts({
-    '+': () => {
-      editTemplateModalOpen.value = true
-    }
-  })
-
-  const editTemplateModalOpen = ref(false)
-  const itemInfo = ref({})
-  const texttemplates = ref([])
-
-  const setup = async () => {
-    texttemplates.value = (await useSupabaseSelect("texttemplates")).filter(i => !i.archived)
+defineShortcuts({
+  '+': () => {
+    editTemplateModalOpen.value = true
   }
+})
 
-  setup()
+const editTemplateModalOpen = ref(false)
+const itemInfo = ref({})
+const texttemplates = ref([])
+const loading = ref(true)
 
-  const expand = ref({
-    openedRows: [],
-    row: {}
-  })
+const setup = async () => {
+  texttemplates.value = (await useEntities("texttemplates").select()).filter(i => !i.archived)
+  loading.value = false
+}
+
+setup()
+
+const expand = ref({
+  openedRows: [],
+  row: {}
+})
 
 
 </script>
 
 <template>
   <UDashboardNavbar
-    title="Text Vorlagen"
+      title="Text Vorlagen"
   >
-      <template #right>
-        <UButton
+    <template #right>
+      <UButton
           @click="editTemplateModalOpen = true, itemInfo = {}"
-        >
-          + Erstellen
-        </UButton>
-      </template>
+      >
+        + Erstellen
+      </UButton>
+    </template>
   </UDashboardNavbar>
   <UDashboardPanelContent>
     <UCard class="mx-5">
@@ -77,9 +79,11 @@
 
     <UTable
         class="mt-3"
-      :rows="texttemplates"
-      v-model:expand="expand"
-      :columns="[{key:'name',label:'Name'},{key:'documentType',label:'Dokumententyp'},{key:'default',label:'Standard'},{key:'pos',label:'Position'}]"
+        :rows="texttemplates"
+        :loading-state="{ icon: 'i-heroicons-arrow-path-20-solid', label: 'Loading...' }"
+        :loading="loading"
+        v-model:expand="expand" :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine Textvorlagen anzuzeigen' }"
+        :columns="[{key:'name',label:'Name'},{key:'documentType',label:'Dokumententyp'},{key:'default',label:'Standard'},{key:'pos',label:'Position'}]"
     >
       <template #documentType-data="{row}">
         {{dataStore.documentTypesForCreation[row.documentType].label}}
@@ -121,26 +125,26 @@
     </UTable>
 
 
-<!--    <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>-->
+    <!--    <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>
 
   <UModal
-    v-model="editTemplateModalOpen"
+      v-model="editTemplateModalOpen"
   >
     <UCard class="h-full">
       <template #header>
@@ -157,51 +161,51 @@
           />
         </UFormGroup>
         <UFormGroup
-          label="Dokumententyp:"
+            label="Dokumententyp:"
         >
 
           <USelectMenu
-            :options="Object.keys(dataStore.documentTypesForCreation).filter(i => i !== 'serialInvoices').map(i => {
+              :options="Object.keys(dataStore.documentTypesForCreation).filter(i => i !== 'serialInvoices').map(i => {
               return {
                 label: dataStore.documentTypesForCreation[i].label,
                 key: i
               }
             })"
-            option-attribute="label"
-            value-attribute="key"
-            v-model="itemInfo.documentType"
+              option-attribute="label"
+              value-attribute="key"
+              v-model="itemInfo.documentType"
           />
         </UFormGroup>
         <UFormGroup
-          label="Position:"
+            label="Position:"
         >
           <USelectMenu
-            :options="[{label:'Einleitung',key: 'startText'},{label:'Ende',key: 'endText'}]"
-            option-attribute="label"
-            value-attribute="key"
-            v-model="itemInfo.pos"
+              :options="[{label:'Einleitung',key: 'startText'},{label:'Ende',key: 'endText'}]"
+              option-attribute="label"
+              value-attribute="key"
+              v-model="itemInfo.pos"
           />
         </UFormGroup>
         <UFormGroup
-          label="Text:"
+            label="Text:"
         >
           <UTextarea
-            v-model="itemInfo.text"
+              v-model="itemInfo.text"
           />
         </UFormGroup>
       </UForm>
 
-
+<!-- TODO: Update und Create      -->
       <template #footer>
         <UButton
-          @click="dataStore.createNewItem('texttemplates',itemInfo);
+            @click="dataStore.createNewItem('texttemplates',itemInfo);
                   editTemplateModalOpen = false"
-          v-if="!itemInfo.id"
+            v-if="!itemInfo.id"
         >Erstellen</UButton>
         <UButton
-          @click="dataStore.updateItem('texttemplates',itemInfo);
+            @click="dataStore.updateItem('texttemplates',itemInfo);
                   editTemplateModalOpen = false"
-          v-if="itemInfo.id"
+            v-if="itemInfo.id"
         >Speichern</UButton>
       </template>
     </UCard>