2
0
mirror of https://github.com/frappe/books.git synced 2025-02-12 00:49:28 +00:00
books/src/pages/Dashboard/Dashboard.vue
Faris Ansari 3f411ba010 fix: Refactor Dashboard
- Move charts to separate components
2019-11-24 23:39:22 +05:30

47 lines
1.1 KiB
Vue

<template>
<div class="flex flex-col">
<PageHeader>
<h1 slot="title" class="text-2xl font-bold">{{ _('Dashboard') }}</h1>
<template slot="actions">
<SearchBar class="ml-2" />
</template>
</PageHeader>
<div class="mt-4 px-8">
<div class="border-t" />
<Cashflow />
<div class="my-10 border-t" />
<UnpaidInvoices />
<div class="my-10 border-t" />
<div class="flex -mx-4">
<div class="w-1/2 px-4">
<ProfitAndLoss />
</div>
<div class="w-1/2 px-4">
<Expenses />
</div>
</div>
</div>
</div>
</template>
<script>
import PageHeader from '@/components/PageHeader';
import SearchBar from '@/components/SearchBar';
import Cashflow from './Cashflow';
import UnpaidInvoices from './UnpaidInvoices';
import ProfitAndLoss from './ProfitAndLoss';
import Expenses from './Expenses';
export default {
name: 'Dashboard',
components: {
PageHeader,
SearchBar,
Cashflow,
UnpaidInvoices,
ProfitAndLoss,
Expenses
}
};
</script>