mirror of
https://github.com/firefly-iii/firefly-iii.git
synced 2025-12-20 02:01:19 +00:00
Update frontend layout.
This commit is contained in:
15
frontend/src/pages/dashboard.js
vendored
15
frontend/src/pages/dashboard.js
vendored
@@ -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 });
|
||||
},
|
||||
});
|
||||
Reference in New Issue
Block a user