kenmirrors/firefly-iii
1
0
Fork 0
mirror of https://github.com/firefly-iii/firefly-iii.git synced 2025-10-12 15:35:15 +00:00
Code Issues Projects Releases Wiki Activity

Add custom component for date.

Browse Source
This commit is contained in:
James Cole
2019-05-12 07:40:24 +02:00
parent fd28589395
commit 5d09d7e923
4 changed files with 410 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

470
public/v1/js/app.js vendored
View File

File diff suppressed because one or more lines are too long

3
resources/assets/js/app.js vendored
View File

@@ -11,6 +11,9 @@ import * as uiv from 'uiv';
Vue.use(uiv);
// components for create and edit transactions.
Vue.component('budget', require('./components/transactions/Budget.vue'));
Vue.component('custom-date', require('./components/transactions/CustomDate.vue'));
Vue.component('custom-transaction-fields', require('./components/transactions/CustomTransactionFields.vue'));
Vue.component('piggy-bank', require('./components/transactions/PiggyBank.vue'));
Vue.component('tags', require('./components/transactions/Tags.vue'));

24
resources/assets/js/components/transactions/CustomDate.vue Normal file
View File

@@ -0,0 +1,24 @@
<template>
<div class="form-group">
<div class="col-sm-12 text-sm">
Custom Date
</div>
<div class="col-sm-12">
<!-- v-model="transaction.date" -->
<!-- :disabled="index > 0" -->
<input type="date" class="form-control" name="date[]"
title="Custom Date" value="" autocomplete="off"
placeholder="Custom Date">
</div>
</div>
</template>
<script>
export default {
name: "CustomDate"
}
</script>
<style scoped>
</style>

40
resources/assets/js/components/transactions/CustomTransactionFields.vue
View File

@@ -19,7 +19,14 @@
-->
<template>
<div>
<component v-if="this.fields.interest_date" v-bind:is="componentInstance"></component>
<component v-if="this.fields.book_date" v-bind:is="componentInstance"></component>
<component v-if="this.fields.process_date" v-bind:is="componentInstance"></component>
<component v-if="this.fields.due_date" v-bind:is="componentInstance"></component>
<component v-if="this.fields.payment_date" v-bind:is="componentInstance"></component>
<component v-if="this.fields.invoice_date" v-bind:is="componentInstance"></component>
</div>
</template>
<script>
@@ -28,14 +35,39 @@
mounted() {
this.getPreference();
},
data() {
return {
customInterestDate: null,
fields: [
{
"interest_date": false,
"book_date": false,
"process_date": false,
"due_date": false,
"payment_date": false,
"invoice_date": false,
"internal_reference": false,
"notes": false,
"attachments": false
}
]
};
},
computed: {
componentInstance () {
return 'custom-date';
}
},
methods: {
getPreference() {
const url = document.getElementsByTagName('base')[0].href + 'api/v1/preferences/transaction_journal_optional_fields';
// Vue.component('custom-date', (resolve) => {
// console.log('loaded');
// });
const url = document.getElementsByTagName('base')[0].href + 'api/v1/preferences/transaction_journal_optional_fields';
axios.get(url).then(response => {
// TODO here we are.
//console.log(response.data.data.attributes);
this.fields = response.data.data.attributes.data;
}).catch(() => console.warn('Oh. Something went wrong'));
},
}