Added DP to Bankstatements

pages/settings/banking/index.vue

@@ -2,6 +2,8 @@
 const dataStore = useDataStore()
 const profileStore = useProfileStore()
 const route = useRoute()
+const router = useRouter()
+const url = useRequestURL()
 const supabase = useSupabaseClient()
 const toast = useToast()
 
@@ -11,44 +13,33 @@ const bankData = ref({})
 const showAlert = ref(false)
 const reqData = ref({})
 
+const bankaccounts = ref([])
+
 const setupPage = async () => {
   if(route.query.ref) {
-    const {data,error} = await supabase.functions.invoke(`bankstatement_gateway`,{
+    reqData.value = await useFunctions().useBankingListRequisitions(route.query.ref)
-      body: {
-        reqId: route.query.ref,
-        method: "listRequisitions"
-      }
-    })
-
-    if(data) {
-      reqData.value = data
-    }
   }
+
+  bankaccounts.value = await useSupabaseSelect("bankaccounts")
 }
 
 const checkBIC = async () => {
-  const {data,error} = await supabase.functions.invoke(`bankstatement_gateway`,{
+  bankData.value = await useFunctions().useBankingCheckInstitutions(bicBankToAdd.value)
-    body: {
-      bic: bicBankToAdd.value,
-      method: "checkInstitutions"
-    }
-  })
-
-  bankData.value = data
   showAlert.value = true
 }
 
-const generateLink = async () => {
+const generateLink = async (bankId) => {
   try {
-    const {data,error} = await supabase.functions.invoke(`bankstatement_gateway`,{
+    /*const {data,error} = await supabase.functions.invoke(`bankstatement_gateway`,{
       body: {
         method: "generateLink",
         institutionId: bankData.value.id,
         tenant: profileStore.currentTenant
       }
-    })
+    })*/
+    const link = await useFunctions().useBankingGenerateLink(bankId || bankData.value.id)
 
-    await navigateTo(data.link, {
+    await navigateTo(link, {
       open: {
         target: "_blank"
       }
@@ -76,12 +67,13 @@ const addAccount = async (account) => {
 }
 
 const updateAccount = async (account) => {
-    const {data,error} = await supabase.from("bankaccounts").update({accountId: account.id}).eq("iban",account.iban).select()
+    const {data,error} = await supabase.from("bankaccounts").update({accountId: account.id, expired: false}).eq("iban",account.iban).select()
     if(error) {
       console.log(error)
       toast.add({title: "Es gab einen Fehler bei aktualisieren des Accounts", color:"rose"})
     } else if(data) {
       toast.add({title: "Account erfolgreich aktualisiert"})
+      setupPage()
     }
 }
 
@@ -173,11 +165,11 @@ setupPage()
   </div>-->
 
   <UTable
-    :rows="dataStore.bankAccounts"
+    :rows="bankaccounts"
     :columns="[
         {
-          key: 'name',
+          key: 'expired',
-          label: 'Name'
+          label: 'Aktiv'
         },{
           key: 'iban',
           label: 'IBAN'
@@ -193,9 +185,22 @@ setupPage()
         },
     ]"
   >
+    <template #expired-data="{row}">
+      <span v-if="row.expired" class="text-rose-600">Ausgelaufen</span>
+      <span v-else class="text-primary">Aktiv</span>
+      <UButton
+        v-if="row.expired"
+        variant="outline"
+        class="ml-2"
+        @click="generateLink(row.bankId)"
+      >Aktualisieren</UButton>
+    </template>
     <template #balance-data="{row}">
       {{row.balance ? row.balance.toFixed(2).replace(".",",") + ' €' : '-'}}
     </template>
+    <template #iban-data="{row}">
+      {{row.iban.match(/.{1,5}/g).join(" ")}}
+    </template>
   </UTable>
 
 </template>