Work on incomes & expanse
This commit is contained in:
3
resources/js/Pages/Transactions/index.css
Normal file
3
resources/js/Pages/Transactions/index.css
Normal file
@@ -0,0 +1,3 @@
|
||||
.col h3 {
|
||||
background-color: green;
|
||||
}/*# sourceMappingURL=index.css.map */
|
||||
1
resources/js/Pages/Transactions/index.css.map
Normal file
1
resources/js/Pages/Transactions/index.css.map
Normal 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
5
resources/js/Pages/Transactions/index.scss
Normal file
@@ -0,0 +1,5 @@
|
||||
.col{
|
||||
h3{
|
||||
background-color: green;
|
||||
}
|
||||
}
|
||||
39
resources/js/Pages/Transactions/index.vue
Normal file
39
resources/js/Pages/Transactions/index.vue
Normal 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>
|
||||
Reference in New Issue
Block a user