Changes in Numberranges

composables/useNumberRange.js

@@ -2,23 +2,12 @@
 export const useNumberRange = (resourceType) => {
     const supabase = useSupabaseClient()
 
-    console.log(resourceType)
-
-    /*const {numberRanges} = storeToRefs(useDataStore())
-    const {fetchNumberRanges} = useDataStore()
-
-    const numberRange = numberRanges.value.find(range => range.resourceType === resourceType)*/
-
     const dataStore = useDataStore()
 
     const numberRanges = dataStore.ownTenant.numberRanges
 
-    console.log(numberRanges)
-
     const numberRange = numberRanges[resourceType]
 
-
-
     const useNextNumber = async () => {
 
         let nextNumber = numberRange.nextNumber
@@ -27,8 +16,6 @@ export const useNumberRange = (resourceType) => {
 
         newNumberRanges[resourceType].nextNumber += 1
 
-        console.log(newNumberRanges)
-
         const {data,error} = await supabase
             .from("tenants")
             .update({numberRanges: newNumberRanges})

pages/settings/numberRanges.vue

@@ -6,23 +6,7 @@ definePageMeta({
 const supabase = useSupabaseClient()
 const dataStore = useDataStore()
 
-const showAddModal = ref(false)
 
-const columns = [
-  {
-    key: "resourceType",
-    label: "Typ"
-  },{
-    key: "prefix",
-    label: "Prefix"
-  },{
-    key:"nextNumber",
-    label:"Nächste Nummer"
-  },{
-    key: "suffix",
-    label: "Suffix"
-  }
-]
 
 const resources = {
   customers: {
@@ -42,23 +26,33 @@ const resources = {
   },
   quotes: {
     label: "Angebote"
+  },
+  inventoryitems: {
+    label: "Inventarartikel"
   }
 }
 
-const updateNumberRange = async (range) => {
+const numberRanges = ref(dataStore.ownTenant.numberRanges)
+
+const updateNumberRanges = async (range) => {
 
   const {data,error} = await supabase
-      .from("numberranges")
-      .update(range)
-      .eq('id',range.id)
+      .from("tenants")
+      .update({numberRanges: numberRanges.value})
+      .eq('id',dataStore.currentTenant)
 
-  await dataStore.fetchNumberRanges()
+  await dataStore.fetchOwnTenant()
 }
 
 
 </script>
 
 <template>
+  <UDashboardNavbar
+    title="Nummernkreise bearbeiten"
+  >
+
+  </UDashboardNavbar>
   <UDashboardToolbar>
     <UAlert
         title="Änderungen an diesen Werten betreffen nur neu Erstellte Einträge."
@@ -68,32 +62,39 @@ const updateNumberRange = async (range) => {
     />
   </UDashboardToolbar>
 
-  <UTable
-      :rows="dataStore.numberRanges"
-      :columns="columns"
+  <table
+    class="m-3"
   >
-    <template #resourceType-data="{row}">
-      {{resources[row.resourceType] ? resources[row.resourceType].label : ""}}
-    </template>
-    <template #prefix-data="{row}">
-      <UInput
-          v-model="row.prefix"
-          @focusout="updateNumberRange(row)"
-      />
-    </template>
-    <template #suffix-data="{row}">
-      <UInput
-          v-model="row.suffix"
-          @focusout="updateNumberRange(row)"
-      />
-    </template>
-    <template #nextNumber-data="{row}">
-      <UInput
-          v-model="row.nextNumber"
-          @focusout="updateNumberRange(row)"
-      />
-    </template>
-  </UTable>
+    <tr class="text-left">
+      <th>Typ</th>
+      <th>Prefix</th>
+      <th>Nächste Nummer</th>
+      <th>Suffix</th>
+    </tr>
+    <tr
+      v-for="key in Object.keys(resources)"
+    >
+      <td>{{resources[key].label}}</td>
+      <td>
+        <UInput
+          v-model="numberRanges[key].prefix"
+          @change="updateNumberRanges"
+        />
+      </td>
+      <td>
+        <UInput
+            v-model="numberRanges[key].nextNumber"
+            @change="updateNumberRanges"
+        />
+      </td>
+      <td>
+        <UInput
+            v-model="numberRanges[key].suffix"
+            @change="updateNumberRanges"
+        />
+      </td>
+    </tr>
+  </table>
 </template>
 
 <style scoped>