clement/budget_analyser
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Work on incomes & expanse

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

6
resources/js/Pages/Auth/login.css
View File

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

1
resources/js/Pages/Auth/login.css.map Normal file
View File

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

3
resources/js/Pages/Auth/login.scss Normal file
View File

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

2
resources/js/Pages/Auth/login.vue
View File

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

3
resources/js/Pages/Transactions/index.css Normal file
View File

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

1
resources/js/Pages/Transactions/index.css.map Normal file
View File

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

5
resources/js/Pages/Transactions/index.scss Normal file
View File

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

39
resources/js/Pages/Transactions/index.vue Normal file
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>

1
resources/js/Pages/User/profile.css Normal file
View File

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

1
resources/js/Pages/User/profile.css.map Normal file
View File

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

0
resources/js/Pages/User/profile.scss Normal file
View File

31
resources/js/Pages/User/profile.vue Normal 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>

30
resources/js/templates/home.css Normal file
View File

@@ -0,0 +1,30 @@
header {
margin-bottom: 5px;
background-color: rgb(0, 0, 0);
padding: 10px;
border-radius: 0 0 20px 20px;
box-shadow: 0 5px 5px gray;
}
header a {
color: white;
text-decoration: none;
width: 100%;
}
header a::before {
content: "";
display: block;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: #08d375;
transform: scaleX(0);
transition: transform 0.5s ease;
}
header a:hover {
color: #08d375;
transition: all ease 0.5s;
}
header a:hover::before {
transform: scaleX(1);
}/*# sourceMappingURL=home.css.map */

1
resources/js/templates/home.css.map Normal file
View File

@@ -0,0 +1 @@
{"version":3,"sources":["home.scss","home.css"],"names":[],"mappings":"AAAA;EACI,kBAAA;EACA,8BAAA;EACA,aAAA;EACA,4BAAA;EACA,0BAAA;ACCJ;ADAI;EACI,YAAA;EACA,qBAAA;EACA,WAAA;ACER;ADDQ;EACI,WAAA;EACA,cAAA;EACA,WAAA;EACA,WAAA;EACA,SAAA;EACA,OAAA;EACA,yBAAA;EACA,oBAAA;EACA,+BAAA;ACGZ;ADDQ;EACI,cAAA;EACA,yBAAA;ACGZ;ADFY;EACI,oBAAA;ACIhB","file":"home.css"}

28
resources/js/templates/home.layout.vue Normal file
View File

@@ -0,0 +1,28 @@
<script setup>
import { Link } from "@inertiajs/vue3";
</script>
<style>
@import "home.css";
</style>
<template>
<header>
<div class="container text-center">
<div class="row">
<div class="col">
<Link href="/">Home</Link>
</div>
<div class="col">
<Link href="/transactions">Manage Expanses & Incomes</Link>
</div>
<div class="col">
<Link href="">Lorem</Link>
</div>
</div>
</div>
</header>
<main>
<slot />
</main>
</template>

30
resources/js/templates/home.scss Normal file
View File

@@ -0,0 +1,30 @@
header {
margin-bottom: 5px;
background-color: rgb(0, 0, 0);
padding: 10px;
border-radius: 0 0 20px 20px;
box-shadow: 0 5px 5px gray;
a {
color: white;
text-decoration: none;
width: 100%;
&::before {
content: "";
display: block;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: #08d375;
transform: scaleX(0);
transition: transform 0.5s ease;
}
&:hover {
color: #08d375;
transition: all ease 0.5s;
&::before {
transform: scaleX(1);
}
}
}
}