kenmirrors/firefly-iii
1
0
Fork 0
mirror of https://github.com/firefly-iii/firefly-iii.git synced 2025-11-03 04:41:41 +00:00
Code Issues Projects Releases Wiki Activity

Update meta files.

Browse Source
This commit is contained in:
James Cole
2020-06-22 18:03:57 +02:00
parent 1a043e35c2
commit bcb9794315
25 changed files with 507 additions and 414 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/public/js/dashboard.js vendored
View File

File diff suppressed because one or more lines are too long

2
frontend/public/js/dashboard.js.map
View File

File diff suppressed because one or more lines are too long

2
frontend/public/js/register.js vendored
View File

File diff suppressed because one or more lines are too long

2
frontend/public/js/register.js.map
View File

File diff suppressed because one or more lines are too long

6
frontend/src/components/dashboard/Dashboard.vue
View File

@@ -26,11 +26,7 @@
<main-account />
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<main-account-list/>
</div>
</div>
<main-account-list/>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">

1
frontend/src/components/dashboard/MainAccount.vue
View File

@@ -40,7 +40,6 @@
this.chartData = DataConverter.methods.convertChart(response.data);
this.chartData = DataConverter.methods.colorizeData(this.chartData);
this.chartData = DataConverter.methods.convertLabelsToDate(this.chartData);
console.log(this.chartData);
this.loaded = true
});
},

68
frontend/src/components/dashboard/MainAccountList.vue
View File

@@ -1,19 +1,69 @@
<template>
<div class="card">
<div class="card-header">
<h3 class="card-title">I am a card</h3>
</div>
<div class="card-body">
<p>
I am card body
</p>
<div class="row">
<div v-bind:class="{ 'col-lg-12': 1 === accounts.length, 'col-lg-6': 2 === accounts.length, 'col-lg-4': accounts.length > 2 }"
v-for="account in accounts">
<div class="card">
<div class="card-header">
<h3 class="card-title"><a :href="account.uri">{{ account.title }}</a></h3>
</div>
<div class="card-body table-responsive p-0">
<transaction-list-large :transactions="account.transactions" v-if="1===accounts.length" />
<transaction-list-medium :transactions="account.transactions" v-if="2===accounts.length" />
<transaction-list-small :transactions="account.transactions" v-if="accounts.length > 2" />
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "MainAccountList"
name: "MainAccountList",
data() {
return {
accounts: [],
}
},
mounted() {
axios.get('./api/v1/preferences/frontpageAccounts')
.then(response => {
this.loadAccounts(response);
}
);
},
methods:
{
loadAccounts(response) {
let accountIds = response.data.data.attributes.data;
for (let key in accountIds) {
if (accountIds.hasOwnProperty(key) && /^0$|^[1-9]\d*$/.test(key) && key <= 4294967294) {
this.accounts.push({
id: accountIds[key],
title: '',
uri: '',
transactions: []
});
this.loadSingleAccount(key, accountIds[key]);
}
}
},
loadSingleAccount(key, accountId) {
axios.get('./api/v1/accounts/' + accountId)
.then(response => {
this.accounts[key].title = response.data.data.attributes.name;
this.accounts[key].uri = './accounts/show/' + response.data.data.id;
this.loadTransactions(key, accountId);
}
);
},
loadTransactions(key, accountId) {
axios.get('./api/v1/accounts/' + accountId + '/transactions?page=1&limit=10')
.then(response => {
this.accounts[key].transactions = response.data.data;
}
);
},
}
}
</script>

15
frontend/src/components/transactions/SingleTransactionRow.vue Normal file
View File

@@ -0,0 +1,15 @@
<template>
<div>
Hello
</div>
</template>
<script>
export default {
name: "SingleTransactionRow"
}
</script>
<style scoped>
</style>

13
frontend/src/components/transactions/SmallTransactionList.vue Normal file
View File

@@ -0,0 +1,13 @@
<template>
</template>
<script>
export default {
name: "SmallTransactionList"
}
</script>
<style scoped>
</style>

13
frontend/src/components/transactions/TransactionListLarge.vue Normal file
View File

@@ -0,0 +1,13 @@
<template>
</template>
<script>
export default {
name: "TransactionListLarge"
}
</script>
<style scoped>
</style>

13
frontend/src/components/transactions/TransactionListMedium.vue Normal file
View File

@@ -0,0 +1,13 @@
<template>
</template>
<script>
export default {
name: "TransactionListMedium"
}
</script>
<style scoped>
</style>

40
frontend/src/components/transactions/TransactionListSmall.vue Normal file
View File

@@ -0,0 +1,40 @@
<template>
<table class="table table-striped">
<tr v-for="transaction in transactions">
<td>
<a href="#">
<span v-if="transaction.attributes.transactions.length > 1">{{ transaction.attributes.group_title }}</span>
<span v-if="1===transaction.attributes.transactions.length">{{ transaction.attributes.transactions[0].description }}</span>
</a>
</td>
<td style="text-align:right;">
<span v-for="tr in transaction.attributes.transactions">
<span v-if="'withdrawal' === tr.type" class="text-danger">
{{ Intl.NumberFormat('en-US', {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1)}}<br>
</span>
<span v-if="'deposit' === tr.type" class="text-success">
{{ Intl.NumberFormat('en-US', {style: 'currency', currency: tr.currency_code}).format(tr.amount)}}<br>
</span>
</span>
</td>
</tr>
</table>
</template>
<script>
export default {
name: "TransactionListSmall",
props: {
transactions: {
type: Array,
default: function () {
return [];
}
},
}
}
</script>
<style scoped>
</style>

9
frontend/src/pages/dashboard.js vendored
View File

@@ -8,6 +8,9 @@ import MainCategoryChart from "../components/dashboard/MainCategoryChart";
import MainCrebitChart from "../components/dashboard/MainCrebitChart";
import MainDebitChart from "../components/dashboard/MainDebitChart";
import MainPiggyList from "../components/dashboard/MainPiggyList";
import TransactionListLarge from "../components/transactions/TransactionListLarge";
import TransactionListMedium from "../components/transactions/TransactionListMedium";
import TransactionListSmall from "../components/transactions/TransactionListSmall";
/**
* First we will load Axios via bootstrap.js
* jquery and bootstrap-sass preloaded in app.js
@@ -16,6 +19,10 @@ import MainPiggyList from "../components/dashboard/MainPiggyList";
require('../bootstrap');
Vue.component('transaction-list-large', TransactionListLarge);
Vue.component('transaction-list-medium', TransactionListMedium);
Vue.component('transaction-list-small', TransactionListSmall);
// components as an example
Vue.component('dashboard', Dashboard);
Vue.component('top-boxes', TopBoxes);
@@ -28,6 +35,8 @@ Vue.component('main-credit-chart', MainCrebitChart);
Vue.component('main-debit-chart', MainDebitChart);
Vue.component('main-piggy-list', MainPiggyList);
// i18n
let i18n = require('../i18n');