Invoice PAIN & CSV can be uploaded

app/Domains/CostUnit/Views/Partials/ListCostUnits.vue

@@ -1,19 +1,11 @@
 <script setup>
 import {createApp, ref} from 'vue'
-/*import {
-  _mareike_download_as_zip,
-
-  _mareike_use_webdav
-} from "../../../assets/javascripts/library";*/
-//import LoadingModal from "../../../assets/components/LoadingModal.vue";
-//import Invoices from '../invoices/index.vue'
+import LoadingModal from "../../../../Views/Components/LoadingModal.vue";
 import { useAjax } from "../../../../../resources/js/components/ajaxHandler.js";
 import CostUnitDetails from "./CostUnitDetails.vue";
 import {toast} from "vue3-toastify";
 import Treasurers from "./Treasurers.vue";
 
-//import CostUnitDetails from "./CostUnitDetails.vue";
-
 const props = defineProps({
   data: {
     type: [Array, Object],
@@ -42,13 +34,8 @@ const show_cost_unit = ref(false)
 const showTreasurers = ref(false)
 const costUnit = ref(null)
 
-
 const { data, loading, error, request, download } = useAjax()
 
-if (props.deep_jump_id > 0) {
-//  open_invoice_list(props.deep_jump_id, 'new', props.deep_jump_id_sub)
-}
-
 async function costUnitDetails(costUnitId) {
     const data = await request('/api/v1/cost-unit/' + costUnitId + '/details', {
         method: "GET",
@@ -114,45 +101,50 @@ async function changeCostUnitState(costUnitId, endPoint) {
 }
 
 
-async function export_payouts(cost_unit_id) {
-  showLoading.value = true;
+async function exportPayouts(costUnitId) {
+    showLoading.value = true;
 
-  try {
-    if (_mareike_download_as_zip()) {
-      const response = await fetch("/wp-json/mareike/costunits/export-payouts", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          mareike_nonce: _mareike_nonce(),
-          costunit: cost_unit_id,
-        }),
-      });
 
-      if (!response.ok) throw new Error('Fehler beim Export (ZIP)');
-      const blob = await response.blob();
-      const downloadUrl = window.URL.createObjectURL(blob);
-      const a = document.createElement("a");
-      a.href = downloadUrl;
-      a.download = `payouts-${cost_unit_id}.zip`;
-      document.body.appendChild(a);
-      a.click();
-      a.remove();
-      window.URL.revokeObjectURL(downloadUrl);
-    } else {
-      await request("/wp-json/mareike/costunits/export-payouts", {
-        method: "POST",
-        body: {
-          mareike_nonce: _mareike_nonce(),
-          costunit: cost_unit_id,
+    const response = await fetch('/api/v1/core/retrieve-global-data');
+    const data = await response.json();
+    const exportUrl = '/api/v1/cost-unit/' +  costUnitId + '/export-payouts';
+
+    try {
+        if (data.tenant.download_exports) {
+            const response = await fetch(exportUrl, {
+                headers: { "Content-Type": "application/json" },
+            });
+
+            if (!response.ok) throw new Error('Fehler beim Export (ZIP)');
+
+            const blob = await response.blob();
+            const downloadUrl = window.URL.createObjectURL(blob);
+            console.log(response.headers.get("content-type"));
+            const a = document.createElement("a");
+            a.style.display = "none";
+            a.href = downloadUrl;
+            a.download = "Abrechnungen-Sippenstunden.zip";
+
+            document.body.appendChild(a);
+            a.click();
+
+            setTimeout(() => {
+                window.URL.revokeObjectURL(downloadUrl);
+                document.body.removeChild(a);
+            }, 100);
+        } else {
+          const response = await request(exportUrl, {
+            method: "GET",
+          });
+
+        toast.success(response.message);
         }
-      });
-    }
-    showLoading.value = false;
-      toast.success('Die Abrechnungen wurden exportiert.');
-  } catch (err) {
-    showLoading.value = false;
-      toast.error('Beim Export der Abrechnungen ist ein Fehler aufgetreten.');
-  }
+        showLoading.value = false;
+
+      } catch (err) {
+        showLoading.value = false;
+          toast.error('Beim Export der Abrechnungen ist ein Fehler aufgetreten.');
+      }
 }
 
 </script>
@@ -176,7 +168,7 @@ async function export_payouts(cost_unit_id) {
                       <input v-if="!costUnit.archived" type="button" value="Abrechnungen bearbeiten" @click="loadInvoices(costUnit.id)" />
                       <input v-else type="button" value="Abrechnungen einsehen" />
                       <br />
-                      <input v-if="!costUnit.archived" type="button" value="Genehmigte Abrechnungen exportieren" style="margin-top: 10px;" />
+                      <input v-if="!costUnit.archived" type="button" @click="exportPayouts(costUnit.id)" value="Genehmigte Abrechnungen exportieren" style="margin-top: 10px;" />
                   </td>
                 </tr>
 
@@ -217,17 +209,10 @@ async function export_payouts(cost_unit_id) {
         <Treasurers :data="costUnit" :showTreasurers="showTreasurers" v-if="showTreasurers" @closeTreasurers="showTreasurers = false" />
     </div>
 
-
-
-
-
-
-  <div v-else-if="showInvoiceList">
+   <div v-else-if="showInvoiceList">
     <invoices :data="invoices" :load_invoice_id="props.deep_jump_id_sub" :cost_unit_id="current_cost_unit" />
 
 
-      <LoadingModal :show="showLoading" v-if="_mareike_use_webdav()" message="Die PDF-Dateien werden asynchron erzeugt, diese sollten in 10 Minuten auf dem Webdav-Server liegen', 'mareike')" />
-      <LoadingModal :show="showLoading" v-else message='Die Abrechnungen werden exportiert, bitte warten.' />
   </div>
 
   <div v-else>
@@ -236,7 +221,7 @@ async function export_payouts(cost_unit_id) {
       </strong>
   </div>
 
-
+    <LoadingModal :show="showLoading" />
 </template>
 
 <style scoped>