Work on incomes & expanse

This commit is contained in:
TiclemFR
2024-01-27 10:32:55 +01:00
parent 336f2bae93
commit ce5b9ac0c8
48 changed files with 27832 additions and 15 deletions

View File

@@ -1,3 +1,3 @@
.container-sm{
max-width: 25%;
}
.container-sm {
max-width: 25%;
}/*# sourceMappingURL=login.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sources":["login.scss","login.css"],"names":[],"mappings":"AAAA;EACI,cAAA;ACCJ","file":"login.css"}

View File

@@ -0,0 +1,3 @@
.container-sm{
max-width: 25%;
}

View File

@@ -13,7 +13,7 @@ function submit() {
</script>
<style>
@import "login.css";
@import "login.css";
</style>
<template>

View File

@@ -0,0 +1,3 @@
.col h3 {
background-color: green;
}/*# sourceMappingURL=index.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sources":["index.scss","index.css"],"names":[],"mappings":"AACI;EACI,uBAAA;ACAR","file":"index.css"}

View File

@@ -0,0 +1,5 @@
.col{
h3{
background-color: green;
}
}

View File

@@ -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>

View File

@@ -0,0 +1 @@
/*# sourceMappingURL=profile.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"profile.css"}

View File

View File

@@ -0,0 +1,31 @@
<script setup>
import { Head } from "@inertiajs/vue3";
import { reactive } from "vue";
import { router } from "@inertiajs/vue3";
import homeLayout from "../../templates/home.layout.vue";
// const form = reactive({
// email: null,
// password: null,
// });
function submit() {
// router.post("/login", form);
}
</script>
<style>
@import "profile.css";
</style>
<template>
<homeLayout>
<Head>
<title>Profile</title>
</Head>
<h2>{{ $page.props.auth.user.name }} - {{ $page.props.auth.user.email }}</h2>
<p>Account: {{ $page.props.auth.user.account }} </p>
<p>Role: {{ $page.props.auth.user.role }}</p>
</homeLayout>
</template>