Update frontend layout.

This commit is contained in:
James Cole
2020-11-15 14:05:04 +01:00
parent 259fadc433
commit 20850a604f
25 changed files with 59271 additions and 59 deletions

View File

@@ -24,6 +24,7 @@ import MainAccount from "../components/dashboard/MainAccount";
import MainAccountList from "../components/dashboard/MainAccountList";
import MainBillsList from "../components/dashboard/MainBillsList";
import MainBudget from "../components/dashboard/MainBudget";
import MainBudgetList from "../components/dashboard/MainBudgetList";
import MainCategory from "../components/dashboard/MainCategory";
import MainCredit from "../components/dashboard/MainCredit";
import MainDebit from "../components/dashboard/MainDebit";
@@ -31,7 +32,8 @@ import MainPiggyList from "../components/dashboard/MainPiggyList";
import TransactionListLarge from "../components/transactions/TransactionListLarge";
import TransactionListMedium from "../components/transactions/TransactionListMedium";
import TransactionListSmall from "../components/transactions/TransactionListSmall";
import DatePicker from 'v-calendar/lib/components/date-picker.umd'
import Calendar from "../components/dashboard/Calendar";
/**
* First we will load Axios via bootstrap.js
* jquery and bootstrap-sass preloaded in app.js
@@ -46,12 +48,14 @@ Vue.component('transaction-list-medium', TransactionListMedium);
Vue.component('transaction-list-small', TransactionListSmall);
// components as an example
Vue.component('date-picker', DatePicker)
Vue.component('dashboard', Dashboard);
Vue.component('top-boxes', TopBoxes);
Vue.component('main-account', MainAccount);
Vue.component('main-account-list', MainAccountList);
Vue.component('main-bills-list', MainBillsList);
Vue.component('main-budget', MainBudget);
Vue.component('main-budget-list', MainBudgetList);
Vue.component('main-category', MainCategory);
Vue.component('main-credit', MainCredit);
Vue.component('main-debit', MainDebit);
@@ -60,6 +64,7 @@ Vue.component('main-piggy-list', MainPiggyList);
// i18n
let i18n = require('../i18n');
let props = {};
new Vue({
i18n,
@@ -68,3 +73,11 @@ new Vue({
return createElement(Dashboard, { props: props });
},
});
new Vue({
i18n,
el: "#calendar",
render: (createElement) => {
return createElement(Calendar, { props: props });
},
});