Operation processes on invoices

app/Domains/CostUnit/Actions/ChangeCostUnitTreasurers/ChangeCostUnitTreasurersCommand.php

@@ -18,7 +18,7 @@ class ChangeCostUnitTreasurersCommand {
             $this->request->costUnit->resetTreasurers();
 
             foreach ($this->request->treasurers as $treasurer) {
-                $this->request->costUnit->tresurers()->attach($treasurer);
+                $this->request->costUnit->treasurers()->attach($treasurer);
             }
 
             $this->request->costUnit->save();

app/Domains/CostUnit/Controllers/ListController.php

@@ -9,8 +9,6 @@ use Illuminate\Http\Request;
 
 class ListController extends CommonController {
     public function __invoke() {
-
-
         $inertiaProvider = new InertiaProvider('CostUnit/List', [
             'cost_unit_id' => 1
         ]);

app/Domains/CostUnit/Controllers/OpenController.php

@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Domains\CostUnit\Controllers;
+
+use App\Providers\InertiaProvider;
+use App\Scopes\CommonController;
+use Illuminate\Http\JsonResponse;
+
+class OpenController extends CommonController {
+    public function __invoke(int $costUnitId) {
+        $inertiaProvider = new InertiaProvider('CostUnit/Open', [
+            'costUnitId' => $costUnitId
+        ]);
+        return $inertiaProvider->render();
+    }
+
+    public function listInvoices(int $costUnitId, string $invoiceStatus) : JsonResponse {
+        $costUnit = $this->costUnits->getById($costUnitId);
+        $invoices = $this->invoices->getByStatus($costUnit, $invoiceStatus);
+
+        return response()->json([
+            'status' => 'success',
+            'costUnit' => $costUnit,
+            'invoices' => $invoices,
+            'endpoint' => $invoiceStatus,
+        ]);
+    }
+}

app/Domains/CostUnit/Routes/api.php

@@ -4,6 +4,7 @@ use App\Domains\CostUnit\Controllers\CreateController;
 use App\Domains\CostUnit\Controllers\DistanceAllowanceController;
 use App\Domains\CostUnit\Controllers\EditController;
 use App\Domains\CostUnit\Controllers\ListController;
+use App\Domains\CostUnit\Controllers\OpenController;
 use App\Domains\CostUnit\Controllers\TreasurersEditController;
 use App\Middleware\IdentifyTenant;
 use Illuminate\Support\Facades\Route;
@@ -21,6 +22,11 @@ Route::prefix('api/v1')
 
 
                     Route::prefix('/{costUnitId}') ->group(function () {
+                        Route::get('/invoice-list/{invoiceStatus}', [OpenController::class, 'listInvoices']);
+
+
+
+
                         Route::post('/close', [ChangeStateController::class, 'close']);
                         Route::post('/open', [ChangeStateController::class, 'open']);
                         Route::post('/archive', [ChangeStateController::class, 'archive']);

app/Domains/CostUnit/Routes/web.php

@@ -1,6 +1,7 @@
 <?php
 use App\Domains\CostUnit\Controllers\CreateController;
 use App\Domains\CostUnit\Controllers\ListController;
+use App\Domains\CostUnit\Controllers\OpenController;
 use App\Domains\UserManagement\Controllers\EmailVerificationController;
 use App\Domains\UserManagement\Controllers\LoginController;
 use App\Domains\UserManagement\Controllers\LogOutController;
@@ -14,6 +15,9 @@ Route::middleware(IdentifyTenant::class)->group(function () {
         Route::middleware(['auth'])->group(function () {
             Route::get('/create', [CreateController::class, 'showForm']);
             Route::get('/list', ListController::class);
+            Route::get('/{costUnitId}/', OpenController::class);
+
+
         });
 
 

app/Domains/CostUnit/Views/List.vue

@@ -6,10 +6,8 @@ import ShadowedBox from "../../../Views/Components/ShadowedBox.vue";
 import TabbedPage from "../../../Views/Components/TabbedPage.vue";
 import {toast} from "vue3-toastify";
 
-
 import ListCostUnits from "./Partials/ListCostUnits.vue";
 
-
 const props = defineProps({
     message: String,
 

app/Domains/CostUnit/Views/Open.vue

@@ -0,0 +1,67 @@
+<script setup>
+    import {reactive, inject, onMounted} from 'vue';
+    import AppLayout from '../../../../resources/js/layouts/AppLayout.vue';
+    import { useAjax } from "../../../../resources/js/components/ajaxHandler.js";
+    import ShadowedBox from "../../../Views/Components/ShadowedBox.vue";
+    import TabbedPage from "../../../Views/Components/TabbedPage.vue";
+    import {toast} from "vue3-toastify";
+    import ListInvoices from "./Partials/ListInvoices.vue";
+
+    const props = defineProps({
+        costUnitId: Number
+    })
+
+    const urlParams = new URLSearchParams(window.location.search)
+    const initialCostUnitId = props.cost_unit_id
+    const initialInvoiceId = props.invoice_id
+
+
+
+
+    const tabs = [
+        {
+            title: 'Neue Abrechnungen',
+            component: ListInvoices,
+            endpoint: "/api/v1/cost-unit/" + props.costUnitId + "/invoice-list/new",
+            deep_jump_id: initialCostUnitId,
+            deep_jump_id_sub: initialInvoiceId,
+
+        },
+        {
+            title: 'Nichtexportierte Abrechnungen',
+            component: ListInvoices,
+            endpoint: "/api/v1/cost-unit/" + props.costUnitId + "/invoice-list/approved",
+            deep_jump_id: initialCostUnitId,
+            deep_jump_id_sub: initialInvoiceId,
+        },
+        {
+            title: 'Exportierte Abrechnungen',
+            component: ListInvoices,
+            endpoint: "/api/v1/cost-unit/" + props.costUnitId + "/invoice-list/exported",
+            deep_jump_id: initialCostUnitId,
+            deep_jump_id_sub: initialInvoiceId,
+        },
+        {
+            title: 'Abgelehnte Abrechnungen',
+            component: ListInvoices,
+            endpoint: "/api/v1/cost-unit/" + props.costUnitId + "/invoice-list/denied",
+            deep_jump_id: initialCostUnitId,
+            deep_jump_id_sub: initialInvoiceId,
+        },
+    ]
+
+    onMounted(() => {
+        if (undefined !== props.message) {
+            toast.success(props.message)
+        }
+    })
+</script>
+
+<template>
+    <AppLayout title="Abrechnungen">
+        <shadowed-box style="width: 95%; margin: 20px auto; padding: 20px; overflow-x: hidden;">
+            <tabbed-page :tabs="tabs" :initial-tab-id="initialCostUnitId" :initial-sub-tab-id="initialInvoiceId" />
+
+        </shadowed-box>
+    </AppLayout>
+</template>

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

@@ -46,7 +46,7 @@ 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)
+//  open_invoice_list(props.deep_jump_id, 'new', props.deep_jump_id_sub)
 }
 
 async function costUnitDetails(costUnitId) {
@@ -79,17 +79,8 @@ async function editTreasurers(costUnitId) {
     }
 }
 
-  async function open_invoice_list(cost_unit_id, endpoint, invoice_id) {
-    const url = '' // `/wp-json/mareike/invoices/list-${endpoint}?invoice_id=${invoice_id}&cost_unit_id=${cost_unit_id}
-    try {
-      const response = await fetch(url, { method: 'GET' })
-      if (!response.ok) throw new Error('Fehler beim Laden')
-      invoices.value = await response.json()
-      current_cost_unit.value = cost_unit_id
-      invoice_id = invoice_id
-      showInvoiceList.value = true
-    } catch (err) {
-    }
+  function loadInvoices(cost_unit_id) {
+    window.location.href = '/cost-unit/' + cost_unit_id;
   }
 
 async function denyNewRequests(costUnitId) {
@@ -182,7 +173,7 @@ async function export_payouts(cost_unit_id) {
                   <th>Unbearbeitet</th>
                   <td>{{ costUnit.countNewInvoices }}</td>
                   <td rowspan="4" style="vertical-align: top;">
-                      <input v-if="!costUnit.archived" type="button" value="Abrechnungen bearbeiten" />
+                      <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;" />

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

@@ -0,0 +1,80 @@
+<script setup>
+    import Icon from "../../../../Views/Components/Icon.vue";
+    import InvoiceDetails from "../../../Invoice/Views/Partials/invoiceDetails/InvoiceDetails.vue";
+    import { useAjax } from "../../../../../resources/js/components/ajaxHandler.js";
+    import {ref} from "vue";
+
+    const props = defineProps({
+        data: Object
+    })
+
+    const { request } = useAjax()
+    const invoice = ref(null)
+    const show_invoice = ref(false)
+    const localData = ref(props.data)
+
+    async function openInvoiceDetails(invoiceId) {
+        const url = '/api/v1/invoice/details/' + invoiceId
+
+        try {
+            const response = await fetch(url, { method: 'GET' })
+
+            const result = await response.json()
+            invoice.value = result.invoice
+            show_invoice.value = true
+        } catch (err) {
+            console.error('Error fetching invoices:', err)
+        }
+    }
+
+    async function reload() {
+        const url = "/api/v1/cost-unit/" + props.data.costUnit.id + "/invoice-list/" + props.data.endpoint
+        try {
+            const response = await fetch(url, { method: 'GET' })
+            if (!response.ok) throw new Error('Fehler beim Laden')
+
+            const result = await response.json()
+            localData.value = result
+        } catch (err) {
+            console.error('Error fetching invoices:', err)
+        }
+    }
+
+</script>
+
+<template>
+    <table v-if="localData.invoices.length > 0" class="invoice-list-table">
+        <tr>
+            <td colspan="6">{{props.data.costUnit.name}}</td>
+        </tr>
+
+        <tr v-for="invoice in localData.invoices" :id="'invoice_' + invoice.id">
+            <td>{{invoice.invoiceNumber}}</td>
+            <td>{{invoice.invoiceType}}</td>
+            <td>
+                {{invoice.amount}}
+            </td>
+            <td style="width: 150px;">
+                <Icon v-if="invoice.donation" name="hand-holding-dollar" style="color: #ffffff; background-color: green" />
+                <Icon v-if="invoice.alreadyPaid" name="comments-dollar" style="color: #ffffff; background-color: green" />
+            </td>
+            <td>
+                {{invoice.contactName}}<br />
+                <label v-if="invoice.contactEmail !== '--'">{{invoice.contactEmail}}<br /></label>
+                <label v-if="invoice.contactPhone !== '--'">{{invoice.contactPhone}}<br /></label>
+            </td>
+
+            <td>
+                <input type="button" value="Abrechnung Anzeigen" @click="openInvoiceDetails(invoice.id)" />
+            </td>
+        </tr>
+    </table>
+    <p v-else>Es sind keine Abrechnungen in dieser Kategorie vorhanden.</p>
+
+    <InvoiceDetails :data="invoice" :show-invoice="show_invoice" v-if="show_invoice" @close="show_invoice = false; reload()" />
+
+</template>
+
+<style scoped>
+
+</style>