Work on incomes & expanse

2024-01-27 10:32:55 +01:00
parent 336f2bae93
commit ce5b9ac0c8
48 changed files with 27832 additions and 15 deletions
--- a/resources/js/Pages/Transactions/index.vue
+++ b/resources/js/Pages/Transactions/index.vue
@@ -0,0 +1,39 @@
+<script setup>
+import homeLayout from "../../templates/home.layout.vue";
+import { Head } from "@inertiajs/vue3";
+</script>
+
+<style>
+@import "index.css";
+</style>
+
+<template>
+    <homeLayout>
+        <Head>
+            <title>Transactions</title>
+        </Head>
+        <div class="row h-50">
+            <div class="col">
+                <h3 class="text-center">Incomes</h3>
+                <table class="table table-striped table-hover table-responsive">
+                    <tbody>
+                        <tr>
+                            <td v-for="column in $page.props.incomes.columns">
+                                {{ column }}
+                            </td>
+                        </tr>
+                        <tr v-for="item in $page.props.incomes.data">
+                            <td>{{ item.amount }}</td>
+                            <td>{{ item.description }}</td>
+                            <td>{{ item.date }}</td>
+                            <td>{{ item.label }}</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+            <div class="col">
+                <table class="table table-striped"></table>
+            </div>
+        </div>
+    </homeLayout>
+</template>