mirror of
https://github.com/firefly-iii/firefly-iii.git
synced 2025-09-19 02:45:58 +00:00
1187 lines
46 KiB
Vue
1187 lines
46 KiB
Vue
<!--
|
|
- Edit.vue
|
|
- Copyright (c) 2021 james@firefly-iii.org
|
|
-
|
|
- This file is part of Firefly III (https://github.com/firefly-iii).
|
|
-
|
|
- This program is free software: you can redistribute it and/or modify
|
|
- it under the terms of the GNU Affero General Public License as
|
|
- published by the Free Software Foundation, either version 3 of the
|
|
- License, or (at your option) any later version.
|
|
-
|
|
- This program is distributed in the hope that it will be useful,
|
|
- but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
- GNU Affero General Public License for more details.
|
|
-
|
|
- You should have received a copy of the GNU Affero General Public License
|
|
- along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
-->
|
|
|
|
<template>
|
|
<div>
|
|
<Alert :message="errorMessage" type="danger"/>
|
|
<Alert :message="successMessage" type="success"/>
|
|
<Alert :message="warningMessage" type="warning"/>
|
|
|
|
<form @submit="submitTransaction" autocomplete="off">
|
|
<SplitPills
|
|
:transactions="transactions"
|
|
:count="transactions.length"
|
|
|
|
/>
|
|
|
|
<div class="tab-content">
|
|
<SplitForm
|
|
v-for="(transaction, index) in this.transactions"
|
|
:index="index"
|
|
v-bind:key="transaction.transaction_journal_id"
|
|
:key="transaction.transaction_journal_id"
|
|
:transaction="transaction"
|
|
:date="date"
|
|
:count="transactions.length"
|
|
:transaction-type="transactionType"
|
|
:source-allowed-types="sourceAllowedTypes"
|
|
:allowed-opposing-types="allowedOpposingTypes"
|
|
:custom-fields="customFields"
|
|
:destination-allowed-types="destinationAllowedTypes"
|
|
:allow-switch="false"
|
|
v-on:uploaded-attachments="uploadedAttachment($event)"
|
|
v-on:set-marker-location="storeLocation($event)"
|
|
v-on:set-account="storeAccountValue($event)"
|
|
v-on:set-date="storeDate($event)"
|
|
v-on:set-field="storeField($event)"
|
|
v-on:remove-transaction="removeTransaction($event)"
|
|
v-on:selected-attachments="selectedAttachments($event)"
|
|
/>
|
|
</div>
|
|
|
|
<!-- bottom buttons etc -->
|
|
<div class="row">
|
|
<!-- group title -->
|
|
<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-xs-12">
|
|
<div v-if="transactions.length > 1" class="card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col">
|
|
<TransactionGroupTitle v-model="this.groupTitle" :errors="this.groupTitleErrors" v-on:set-group-title="storeGroupTitle($event)"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-xs-12">
|
|
<!-- buttons -->
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="text-xs d-none d-lg-block d-xl-block">
|
|
|
|
</div>
|
|
<button type="button" class="btn btn-outline-primary btn-block" @click="addTransaction"><span class="far fa-clone"></span>
|
|
{{ $t('firefly.add_another_split') }}
|
|
</button>
|
|
</div>
|
|
<div class="col">
|
|
<div class="text-xs d-none d-lg-block d-xl-block">
|
|
|
|
</div>
|
|
<button :disabled="!enableSubmit" class="btn btn-info btn-block" @click="submitTransaction">
|
|
<span v-if="enableSubmit"><span class="far fa-save"></span> {{ $t('firefly.update_transaction') }}</span>
|
|
<span v-if="!enableSubmit"><span class="fas fa-spinner fa-spin"></span></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
|
|
</div>
|
|
<div class="col">
|
|
<div class="form-check">
|
|
<input id="stayHere" v-model="stayHere" class="form-check-input" type="checkbox">
|
|
<label class="form-check-label" for="stayHere">
|
|
<span class="small">{{ $t('firefly.after_update_create_another') }}</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {mapMutations} from "vuex";
|
|
import Alert from '../partials/Alert';
|
|
import SplitPills from "./SplitPills";
|
|
import SplitForm from "./SplitForm";
|
|
import TransactionGroupTitle from "./TransactionGroupTitle";
|
|
import {getDefaultErrors, getDefaultTransaction} from '../../shared/transactions';
|
|
|
|
const lodashClonedeep = require('lodash.clonedeep');
|
|
|
|
export default {
|
|
name: "Edit",
|
|
created() {
|
|
// console.log('Created');
|
|
let parts = window.location.pathname.split('/');
|
|
this.groupId = parseInt(parts[parts.length - 1]);
|
|
this.transactions = [];
|
|
this.getTransactionGroup();
|
|
this.getAllowedOpposingTypes();
|
|
this.getCustomFields();
|
|
},
|
|
data() {
|
|
return {
|
|
successMessage: {type: String, default: ''},
|
|
errorMessage: {type: String, default: ''},
|
|
warningMessage: {type: String, default: ''},
|
|
|
|
// transaction props
|
|
transactions: {
|
|
type: Array,
|
|
default: function () {
|
|
return [];
|
|
}
|
|
},
|
|
originalTransactions: {
|
|
type: Array,
|
|
default: function () {
|
|
return [];
|
|
}
|
|
},
|
|
groupTitle: {type: String, default: ''},
|
|
originalGroupTitle: {type: String, default: ''},
|
|
transactionType: {type: String, default: 'any'},
|
|
groupId: {type: Number, default: 0},
|
|
|
|
// errors in the group title:
|
|
groupTitleErrors: {
|
|
type: Array,
|
|
default: function () {
|
|
return [];
|
|
}
|
|
},
|
|
|
|
// which custom fields to show
|
|
customFields: {
|
|
type: Object,
|
|
default: function () {
|
|
return {};
|
|
}
|
|
},
|
|
|
|
// group ID + title once submitted:
|
|
returnedGroupId: {type: Number, default: 0},
|
|
returnedGroupTitle: {type: String, default: ''},
|
|
|
|
// date and time of the transaction,
|
|
date: {type: String, default: ''},
|
|
originalDate: {type: String, default: ''},
|
|
|
|
// things the process is done working on (3 phases):
|
|
submittedTransaction: {type: Boolean, default: false},
|
|
// submittedLinks: false,
|
|
submittedAttachments: {type: Number, default: -1}, // -1 = no attachments, 0 = uploading, 1 = uploaded
|
|
inError: {type: Boolean, default: false},
|
|
|
|
// number of uploaded attachments
|
|
// its an object because we count per transaction journal (which can have multiple attachments)
|
|
// and array doesn't work right.
|
|
submittedAttCount: {
|
|
type: Object,
|
|
default: function () {
|
|
return {};
|
|
}
|
|
},
|
|
|
|
// meta data for accounts
|
|
allowedOpposingTypes: {
|
|
type: Object,
|
|
default: function () {
|
|
return {};
|
|
}
|
|
},
|
|
destinationAllowedTypes: {
|
|
type: Array,
|
|
default: function () {
|
|
return [];
|
|
}
|
|
},
|
|
sourceAllowedTypes: {
|
|
type: Array,
|
|
default: function () {
|
|
return [];
|
|
}
|
|
},
|
|
|
|
// states for the form (makes sense right)
|
|
enableSubmit: true,
|
|
stayHere: false,
|
|
|
|
// force the submission (in case of deletes)
|
|
forceTransactionSubmission: false
|
|
|
|
}
|
|
},
|
|
components: {
|
|
Alert,
|
|
SplitPills,
|
|
SplitForm,
|
|
TransactionGroupTitle
|
|
},
|
|
|
|
watch: {
|
|
submittedAttachments: function () {
|
|
this.finaliseSubmission();
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
...mapMutations('transactions/create', ['updateField',]),
|
|
/**
|
|
* Grab transaction group from URL and submit GET.
|
|
*/
|
|
getTransactionGroup: function () {
|
|
// console.log('getTransactionGroup');
|
|
axios.get('./api/v1/transactions/' + this.groupId)
|
|
.then(response => {
|
|
this.parseTransactionGroup(response.data);
|
|
}
|
|
).catch(error => {
|
|
//console.log('I failed :(');
|
|
//console.log(error);
|
|
});
|
|
},
|
|
/**
|
|
* Parse transaction group. Title is easy, transactions have their own method.
|
|
* @param response
|
|
*/
|
|
parseTransactionGroup: function (response) {
|
|
// console.log('Will now parse');
|
|
// console.log(response);
|
|
let attributes = response.data.attributes;
|
|
let transactions = attributes.transactions.reverse();
|
|
this.groupTitle = attributes.group_title;
|
|
this.originalGroupTitle = attributes.group_title;
|
|
|
|
this.transactions = [];
|
|
this.originalTransactions = [];
|
|
|
|
|
|
//this.returnedGroupId = parseInt(response.data.id);
|
|
this.returnedGroupTitle = null === this.originalGroupTitle ? response.data.attributes.transactions[0].description : this.originalGroupTitle;
|
|
|
|
for (let i in transactions) {
|
|
if (transactions.hasOwnProperty(i) && /^0$|^[1-9]\d*$/.test(i) && i <= 4294967294) {
|
|
// console.log('Parsing transaction nr ' + i);
|
|
let result = this.parseTransaction(parseInt(i), transactions[i]);
|
|
this.transactions.push(result);
|
|
this.originalTransactions.push(lodashClonedeep(result));
|
|
// pick up the links of this transaction:
|
|
this.parseLinks(parseInt(result.transaction_journal_id), parseInt(i));
|
|
}
|
|
}
|
|
},
|
|
/**
|
|
* Parse a single transaction.
|
|
*
|
|
* @param index
|
|
* @param array
|
|
*/
|
|
parseTransaction: function (index, array) {
|
|
//console.log('index: ' + index);
|
|
if (0 === index) {
|
|
this.transactionType = array.type.charAt(0).toUpperCase() + array.type.slice(1);
|
|
|
|
// See reference nr. 5
|
|
this.sourceAllowedTypes = [array.source_type];
|
|
this.destinationAllowedTypes = [array.destination_type];
|
|
this.date = array.date.substring(0, 16);
|
|
this.originalDate = array.date.substring(0, 16);
|
|
}
|
|
let result = getDefaultTransaction();
|
|
// parsing here:
|
|
result.description = array.description;
|
|
result.transaction_journal_id = parseInt(array.transaction_journal_id);
|
|
// accounts:
|
|
result.source_account_id = array.source_id;
|
|
result.source_account_name = array.source_name;
|
|
result.source_account_type = array.source_type;
|
|
|
|
result.destination_account_id = array.destination_id;
|
|
result.destination_account_name = array.destination_name;
|
|
result.destination_account_type = array.destination_type;
|
|
|
|
// amount:
|
|
result.amount = array.amount;
|
|
result.currency_id = array.currency_id;
|
|
result.foreign_amount = array.foreign_amount;
|
|
result.foreign_currency_id = array.foreign_currency_id;
|
|
|
|
// meta data
|
|
result.category = array.category_name;
|
|
result.budget_id = array.budget_id;
|
|
result.bill_id = array.bill_id ?? 0;
|
|
|
|
result.tags = array.tags;
|
|
|
|
// optional date fields (6x):
|
|
result.interest_date = array.interest_date ? array.interest_date.substr(0, 10) : '';
|
|
result.book_date = array.book_date ? array.book_date.substr(0, 10) : '';
|
|
result.process_date = array.process_date ? array.process_date.substr(0, 10) : '';
|
|
result.due_date = array.due_date ? array.due_date.substr(0, 10) : '';
|
|
result.payment_date = array.payment_date ? array.payment_date.substr(0, 10) : '';
|
|
result.invoice_date = array.invoice_date ? array.invoice_date.substr(0, 10) : '';
|
|
|
|
// optional other fields:
|
|
result.internal_reference = array.internal_reference;
|
|
result.external_url = array.external_uri;
|
|
result.external_id = array.external_id;
|
|
result.notes = array.notes;
|
|
// location:
|
|
result.location = {
|
|
zoom_level: array.zoom_level,
|
|
longitude: array.longitude,
|
|
latitude: array.latitude,
|
|
};
|
|
result.zoom_level = array.zoom_level;
|
|
result.longitude = array.longitude;
|
|
result.latitude = array.latitude;
|
|
// error handling
|
|
result.errors = getDefaultErrors();
|
|
return result;
|
|
},
|
|
/**
|
|
* Get the links of this transaction group from the API.
|
|
*/
|
|
parseLinks: function (journalId, index) {
|
|
axios.get('./api/v1/transaction-journals/' + journalId + '/links')
|
|
.then(response => {
|
|
let links = response.data.data;
|
|
for (let i in links) {
|
|
if (links.hasOwnProperty(i) && /^0$|^[1-9]\d*$/.test(i) && i <= 4294967294) {
|
|
this.parseLink(links[i], journalId, index);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
|
|
/**
|
|
* Process individual link from the API.
|
|
*/
|
|
parseLink: function (link, journalId, index) {
|
|
let promises = [];
|
|
let opposingId = parseInt(link.attributes.inward_id);
|
|
let linkDirection = 'inward';
|
|
if (opposingId === journalId) {
|
|
opposingId = parseInt(link.attributes.outward_id);
|
|
linkDirection = 'outward';
|
|
}
|
|
// add meta data to promise context.
|
|
promises.push(new Promise((resolve) => {
|
|
resolve(
|
|
{
|
|
link: link,
|
|
journalId: journalId,
|
|
opposingId: opposingId,
|
|
index: index,
|
|
direction: linkDirection
|
|
}
|
|
);
|
|
}));
|
|
|
|
// get stuff from the API:
|
|
promises.push(axios.get('./api/v1/transaction-journals/' + opposingId));
|
|
promises.push(axios.get('./api/v1/transaction_links/' + link.attributes.link_type_id));
|
|
|
|
Promise.all(promises).then(responses => {
|
|
let journals = responses[1].data.data.attributes.transactions;
|
|
let opposingId = responses[0].opposingId;
|
|
let journal = {};
|
|
// loop over journals to get the correct one:
|
|
for (let i in journals) {
|
|
if (journals.hasOwnProperty(i) && /^0$|^[1-9]\d*$/.test(i) && i <= 4294967294) {
|
|
if (journals[i].transaction_journal_id === opposingId) {
|
|
journal = journals[i];
|
|
}
|
|
}
|
|
}
|
|
let index = responses[0].index;
|
|
let direction = responses[0].direction;
|
|
let linkTypeId = responses[2].data.data.id;
|
|
let object = {
|
|
id: link.id,
|
|
link_type_id: linkTypeId + '-' + direction,
|
|
transaction_group_id: responses[1].data.data.id,
|
|
transaction_journal_id: journal.transaction_journal_id,
|
|
description: journal.description,
|
|
type: journal.type,
|
|
currency_code: journal.currency_code,
|
|
amount: journal.amount
|
|
};
|
|
this.transactions[index].links.push(object);
|
|
this.originalTransactions[index].links.push(object);
|
|
});
|
|
},
|
|
/**
|
|
* Get API value.
|
|
*/
|
|
getAllowedOpposingTypes: function () {
|
|
axios.get('./api/v1/configuration/firefly.allowed_opposing_types')
|
|
.then(response => {
|
|
this.allowedOpposingTypes = response.data.data.value;
|
|
});
|
|
},
|
|
/**
|
|
* Get API value.
|
|
*/
|
|
getCustomFields: function () {
|
|
axios.get('./api/v1/preferences/transaction_journal_optional_fields').then(response => {
|
|
this.customFields = response.data.data.attributes.data;
|
|
});
|
|
},
|
|
uploadedAttachment: function (payload) {
|
|
//console.log('event: uploadedAttachment');
|
|
//console.log(payload);
|
|
this.submittedAttachments = 0;
|
|
// console.log('Triggered uploadedAttachment(' + journalId + ')');
|
|
let key = 'str' + payload;
|
|
this.submittedAttCount[key] = 1;
|
|
let count = Object.keys(this.submittedAttCount).length;
|
|
//console.log('Count is now ' + count);
|
|
//console.log('Length is ' + this.transactions.length);
|
|
if (count === this.transactions.length) {
|
|
//console.log('Got them all!');
|
|
// mark the attachments as stored:
|
|
this.submittedAttachments = 1;
|
|
}
|
|
},
|
|
storeLocation: function (payload) {
|
|
this.transactions[payload.index].zoom_level = payload.zoomLevel;
|
|
this.transactions[payload.index].longitude = payload.lng;
|
|
this.transactions[payload.index].latitude = payload.lat;
|
|
},
|
|
storeAccountValue: function (payload) {
|
|
let direction = payload.direction;
|
|
let index = payload.index;
|
|
this.transactions[index][direction + '_account_id'] = payload.id;
|
|
this.transactions[index][direction + '_account_type'] = payload.type;
|
|
this.transactions[index][direction + '_account_name'] = payload.name;
|
|
},
|
|
storeDate: function (payload) {
|
|
this.date = payload.date;
|
|
},
|
|
storeField: function (payload) {
|
|
let field = payload.field;
|
|
if ('category' === field) {
|
|
field = 'category_name';
|
|
}
|
|
this.transactions[payload.index][field] = payload.value;
|
|
|
|
},
|
|
removeTransaction: function (payload) {
|
|
// console.log('removeTransaction()');
|
|
// console.log('length : ' + this.transactions.length);
|
|
// console.log('Remove index: ' + payload.index);
|
|
|
|
let index = 0;
|
|
for (let i in this.transactions) {
|
|
if (this.transactions.hasOwnProperty(i) && /^0$|^[1-9]\d*$/.test(i) && i <= 4294967294) {
|
|
// console.log('Now at index: ' + i);
|
|
if (index === payload.index) {
|
|
this.forceTransactionSubmission = true;
|
|
//console.log('Delete!');
|
|
this.transactions.splice(index, 1);
|
|
//console.log(delete this.transactions[i]);
|
|
}
|
|
index++;
|
|
}
|
|
}
|
|
$('#transactionTabs li:first-child a').tab('show');
|
|
// console.log(this.transactions);
|
|
// this.transactions.splice(payload.index, 1);
|
|
// console.log('length: ' + this.transactions.length);
|
|
|
|
// this.originalTransactions.splice(payload.index, 1);
|
|
// this kills the original transactions.
|
|
//this.originalTransactions = [];
|
|
},
|
|
storeGroupTitle: function (payload) {
|
|
this.groupTitle = payload;
|
|
},
|
|
selectedAttachments: function (payload) {
|
|
//console.log('Now in selectedAttachments()');
|
|
for (let i in this.transactions) {
|
|
if (this.transactions.hasOwnProperty(i) && /^0$|^[1-9]\d*$/.test(i) && i <= 4294967294) {
|
|
// console.log('Payload is');
|
|
// console.log(payload);
|
|
if (parseInt(this.transactions[i].transaction_journal_id) === parseInt(payload.id)) {
|
|
// console.log('selectedAttachments ' + payload);
|
|
this.transactions[i].selectedAttachments = true;
|
|
}
|
|
}
|
|
}
|
|
},
|
|
addTransaction: function (event) {
|
|
event.preventDefault();
|
|
let newTransaction = getDefaultTransaction();
|
|
newTransaction.errors = getDefaultErrors();
|
|
this.transactions.push(newTransaction);
|
|
},
|
|
submitTransaction: function (event) {
|
|
// console.log('submitTransaction()');
|
|
event.preventDefault();
|
|
this.enableSubmit = false;
|
|
let submission = {transactions: []};
|
|
|
|
// parse data to see if we should submit anything at all:
|
|
let shouldSubmit = false;
|
|
let shouldLinks = false;
|
|
let shouldUpload = false;
|
|
|
|
// if the group title has changed, should submit:
|
|
if (this.groupTitle !== this.originalGroupTitle) {
|
|
submission.group_title = this.groupTitle;
|
|
shouldSubmit = true;
|
|
}
|
|
|
|
// if something with the group title:
|
|
let newTransactionCount = this.transactions.length;
|
|
if (newTransactionCount > 1 && typeof submission.group_title === 'undefined' && (null === this.originalGroupTitle || '' === this.originalGroupTitle)) {
|
|
submission.group_title = this.transactions[0].description;
|
|
shouldSubmit = true;
|
|
}
|
|
|
|
// loop each transaction (edited by the user):
|
|
// console.log('Start of loop submitTransaction');
|
|
for (let i in this.transactions) {
|
|
// console.log('Index ' + i);
|
|
if (this.transactions.hasOwnProperty(i) && /^0$|^[1-9]\d*$/.test(i) && i <= 4294967294) {
|
|
// console.log('Has index ' + i);
|
|
// original transaction present:
|
|
let currentTransaction = this.transactions[i];
|
|
let originalTransaction = this.originalTransactions.hasOwnProperty(i) ? this.originalTransactions[i] : {};
|
|
// the difference:
|
|
let diff = {};
|
|
|
|
// compare basic fields:
|
|
let basicFields = ['description', 'source_account_id', 'source_account_name', 'destination_account_id', 'destination_account_name', 'amount', 'foreign_amount', 'foreign_currency_id', 'category_name', 'budget_id', 'bill_id', 'interest_date', 'book_date', 'due_date', 'payment_date', 'invoice_date', 'external_url', 'internal_reference', 'external_id', 'notes', 'zoom_level', 'longitude', 'latitude'];
|
|
|
|
// source and destination are overruled in some cases:
|
|
if (i > 0) {
|
|
diff.type = this.transactionType.toLowerCase();
|
|
if ('deposit' === this.transactionType.toLowerCase() || 'transfer' === this.transactionType.toLowerCase()) {
|
|
// set destination to be whatever is in transaction zero:
|
|
currentTransaction.destination_account_name = this.originalTransactions[0].destination_account_name;
|
|
currentTransaction.destination_account_id = this.originalTransactions[0].destination_account_id;
|
|
}
|
|
|
|
if ('withdrawal' === this.transactionType.toLowerCase() || 'transfer' === this.transactionType.toLowerCase()) {
|
|
// set source to be whatever is in transaction zero:
|
|
currentTransaction.source_account_name = this.originalTransactions[0].source_account_name;
|
|
currentTransaction.source_account_id = this.originalTransactions[0].source_account_id;
|
|
}
|
|
}
|
|
|
|
// loop the basic fields and verify
|
|
for (let ii in basicFields) {
|
|
if (basicFields.hasOwnProperty(ii) && /^0$|^[1-9]\d*$/.test(ii) && ii <= 4294967294) {
|
|
let fieldName = basicFields[ii];
|
|
// console.log('Now at field ' + fieldName);
|
|
let submissionFieldName = fieldName;
|
|
|
|
// if the original is undefined and the new one is null, just skip it.
|
|
if (currentTransaction[fieldName] === null && 'undefined' === typeof originalTransaction[fieldName]) {
|
|
// console.log('Will continue and skip');
|
|
continue;
|
|
}
|
|
|
|
if (currentTransaction[fieldName] !== originalTransaction[fieldName] || true === this.forceTransactionSubmission) {
|
|
// console.log('we continue');
|
|
// some fields are ignored:
|
|
if ('foreign_amount' === submissionFieldName && '' === currentTransaction[fieldName]) {
|
|
// console.log('we skip!');
|
|
continue;
|
|
}
|
|
if ('foreign_currency_id' === submissionFieldName && 0 === currentTransaction[fieldName] ) {
|
|
// console.log('we skip!');
|
|
continue;
|
|
}
|
|
if ('foreign_currency_id' === submissionFieldName && '0' === currentTransaction[fieldName] ) {
|
|
// console.log('we skip!');
|
|
continue;
|
|
}
|
|
|
|
// some field names may need to be different. little basic but it works:
|
|
if ('source_account_id' === submissionFieldName) {
|
|
submissionFieldName = 'source_id';
|
|
}
|
|
if ('source_account_name' === submissionFieldName) {
|
|
submissionFieldName = 'source_name';
|
|
}
|
|
if ('destination_account_id' === submissionFieldName) {
|
|
submissionFieldName = 'destination_id';
|
|
}
|
|
if ('destination_account_name' === submissionFieldName) {
|
|
submissionFieldName = 'destination_name';
|
|
}
|
|
|
|
// otherwise save them and remember them for submission:
|
|
diff[submissionFieldName] = currentTransaction[fieldName];
|
|
shouldSubmit = true;
|
|
//console.log('Should submit is now TRUE');
|
|
}
|
|
}
|
|
}
|
|
|
|
// tags different?
|
|
if (JSON.stringify(currentTransaction.tags) !== JSON.stringify(originalTransaction.tags)) {
|
|
diff.tags = [];
|
|
if (0 !== currentTransaction.tags.length) {
|
|
for (let ii in currentTransaction.tags) {
|
|
if (currentTransaction.tags.hasOwnProperty(ii) && /^0$|^[1-9]\d*$/.test(ii) && ii <= 4294967294) {
|
|
let currentTag = currentTransaction.tags[ii];
|
|
if (typeof currentTag === 'object' && null !== currentTag) {
|
|
diff.tags.push(currentTag.text);
|
|
}
|
|
if (typeof currentTag === 'string') {
|
|
diff.tags.push(currentTag);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
shouldSubmit = true;
|
|
}
|
|
|
|
// compare links:
|
|
let newLinks = this.compareLinks(currentTransaction.links);
|
|
let originalLinks = this.compareLinks(originalTransaction.links);
|
|
if (newLinks !== originalLinks) {
|
|
shouldLinks = true;
|
|
}
|
|
if (typeof currentTransaction.selectedAttachments !== 'undefined' && true === currentTransaction.selectedAttachments) {
|
|
shouldUpload = true;
|
|
}
|
|
if(true === shouldSubmit) {
|
|
// set the date to whatever the date is:
|
|
diff.date = this.date;
|
|
}
|
|
|
|
if (this.date !== this.originalDate) {
|
|
shouldSubmit = true;
|
|
diff.date = this.date;
|
|
}
|
|
|
|
if (Object.keys(diff).length === 0 && newTransactionCount > 1) {
|
|
// Will submit just the ID!
|
|
diff.transaction_journal_id = originalTransaction.transaction_journal_id;
|
|
submission.transactions.push(lodashClonedeep(diff));
|
|
shouldSubmit = true;
|
|
} else if (Object.keys(diff).length !== 0) {
|
|
// will submit all:
|
|
diff.transaction_journal_id = originalTransaction.transaction_journal_id ?? 0;
|
|
submission.transactions.push(lodashClonedeep(diff));
|
|
shouldSubmit = true;
|
|
}
|
|
// console.log('Should submit index ' + i + '?');
|
|
// console.log(shouldSubmit);
|
|
}
|
|
}
|
|
this.submitUpdate(submission, shouldSubmit, shouldLinks, shouldUpload);
|
|
},
|
|
|
|
submitData: function (shouldSubmit, submission) {
|
|
// console.log('submitData');
|
|
// console.log(submission);
|
|
if (!shouldSubmit) {
|
|
// console.log('No need to submit transaction.');
|
|
return new Promise((resolve) => {
|
|
resolve({});
|
|
});
|
|
}
|
|
const url = './api/v1/transactions/' + this.groupId;
|
|
return axios.put(url, submission);
|
|
|
|
},
|
|
handleSubmissionResponse: function (response) {
|
|
//console.log('handleSubmissionResponse()');
|
|
// report the transaction is submitted.
|
|
this.submittedTransaction = true;
|
|
let journals = [];
|
|
|
|
// meanwhile, store the ID and the title in some easy to access variables.
|
|
if (typeof response.data !== 'undefined') {
|
|
this.returnedGroupId = parseInt(response.data.data.id) ?? null;
|
|
this.returnedGroupTitle = null === response.data.data.attributes.group_title ? response.data.data.attributes.transactions[0].description : response.data.data.attributes.group_title;
|
|
|
|
let result = response.data.data.attributes.transactions
|
|
for (let i in result) {
|
|
if (result.hasOwnProperty(i) && /^0$|^[1-9]\d*$/.test(i) && i <= 4294967294) {
|
|
journals.push(parseInt(result[i].transaction_journal_id));
|
|
}
|
|
}
|
|
} else {
|
|
for (let i in this.transactions) {
|
|
if (this.transactions.hasOwnProperty(i) && /^0$|^[1-9]\d*$/.test(i) && i <= 4294967294) {
|
|
journals.push(this.transactions[i].transaction_journal_id);
|
|
}
|
|
}
|
|
}
|
|
journals = journals.reverse();
|
|
return new Promise((resolve) => {
|
|
resolve(
|
|
{
|
|
journals: journals,
|
|
}
|
|
);
|
|
});
|
|
},
|
|
submitLinks: function (shouldSubmit) {
|
|
//console.log('submitLinks()');
|
|
if (!shouldSubmit) {
|
|
//console.log('no need!');
|
|
return new Promise((resolve) => {
|
|
resolve({});
|
|
});
|
|
}
|
|
return this.deleteAllOriginalLinks().then(() => this.submitNewLinks());
|
|
},
|
|
submitAttachments: function (shouldSubmit, response) {
|
|
// console.log('submitAttachments');
|
|
if (!shouldSubmit) {
|
|
// console.log('no need!');
|
|
this.submittedAttachments = 1;
|
|
return new Promise((resolve) => {
|
|
resolve({});
|
|
});
|
|
}
|
|
//console.log('Do upload thing!');
|
|
//console.log(response);
|
|
let anyAttachments = false;
|
|
for (let i in this.transactions) {
|
|
if (this.transactions.hasOwnProperty(i) && /^0$|^[1-9]\d*$/.test(i) && i <= 4294967294) {
|
|
let transaction = this.transactions[i];
|
|
let journalId = transaction.transaction_journal_id;
|
|
//console.log(journalId);
|
|
if (typeof response !== 'undefined') {
|
|
journalId = response.journals[i]
|
|
}
|
|
|
|
let hasAttachments = transaction.selectedAttachments;
|
|
this.transactions[i].transaction_journal_id = journalId;
|
|
this.transactions[i].uploadTrigger = true;
|
|
//console.log('Decided that ' + journalId);
|
|
//console.log('upload index ' + i);
|
|
//console.log(hasAttachments);
|
|
if (hasAttachments) {
|
|
anyAttachments = true;
|
|
}
|
|
}
|
|
}
|
|
if (true === anyAttachments) {
|
|
this.submittedAttachments = 0;
|
|
}
|
|
},
|
|
finaliseSubmission: function () {
|
|
// console.log('finaliseSubmission (' + this.submittedAttachments + ')');
|
|
if (0 === this.submittedAttachments) {
|
|
return;
|
|
}
|
|
// console.log('continue (' + this.submittedAttachments + ')');
|
|
// console.log(this.stayHere);
|
|
// console.log(this.inError);
|
|
if (true === this.stayHere && false === this.inError) {
|
|
//console.log('no error + no changes + no redirect');
|
|
// show message:
|
|
this.errorMessage = '';
|
|
this.warningMessage = '';
|
|
this.successMessage = this.$t('firefly.transaction_updated_link', {ID: this.groupId, title: this.returnedGroupTitle});
|
|
|
|
}
|
|
// no error + changes + redirect
|
|
if (false === this.stayHere && false === this.inError) {
|
|
//console.log('no error + changes + redirect');
|
|
window.location.href = (window.previousURL ?? '/') + '?transaction_group_id=' + this.groupId + '&message=updated';
|
|
}
|
|
|
|
this.enableSubmit = true;
|
|
this.submittedAttachments = -1;
|
|
this.inError = false;
|
|
|
|
for (let i in this.transactions) {
|
|
if (this.transactions.hasOwnProperty(i) && /^0$|^[1-9]\d*$/.test(i) && i <= 4294967294) {
|
|
if (this.transactions.hasOwnProperty(i)) {
|
|
this.transactions[i].clearTrigger = true;
|
|
}
|
|
}
|
|
}
|
|
},
|
|
submitUpdate: function (submission, shouldSubmit, shouldLinks, shouldUpload) {
|
|
// console.log('submitUpdate()');
|
|
this.inError = false;
|
|
|
|
this.submitData(shouldSubmit, submission)
|
|
.then(this.handleSubmissionResponse) // error or OK
|
|
.then(response => {
|
|
return Promise.all([
|
|
this.submitLinks(shouldLinks, response),
|
|
this.submitAttachments(shouldUpload, response)]);
|
|
}
|
|
)
|
|
.then(this.finaliseSubmission)
|
|
.catch(this.handleSubmissionError);
|
|
|
|
|
|
// if (shouldLinks) {
|
|
// promises.push(this.submitTransactionLinks())
|
|
// }
|
|
// if (!shouldLinks) {
|
|
// promises.push(new Promise((resolve) => {
|
|
// resolve({});
|
|
// }));
|
|
// }
|
|
// if (shouldUpload) {
|
|
// console.log('Attachments = Respond to promise from shouldSubmit/!shouldSubmit');
|
|
// promises.push(submissionPromise.then(result => this.uploadAttachments(result)));
|
|
// }
|
|
// if (!shouldUpload) {
|
|
// promises.push(new Promise((resolve) => {
|
|
// resolve({});
|
|
// }));
|
|
// }
|
|
|
|
// all promises fulfilled:
|
|
// console.log('All promises done, process results?');
|
|
// Promise.all(promises).then(function (responses) {
|
|
// console.log('I believe all ' + promises.length + ' promises fulfilled!');
|
|
// }).catch(function (errors) {
|
|
// console.log('Somebody errored?');
|
|
// });
|
|
|
|
//
|
|
//
|
|
//
|
|
// if (shouldSubmit) {
|
|
// console.log('shouldSubmit');
|
|
// // do submission:
|
|
// // console.log(JSON.stringify(submission));
|
|
// // console.log(submission);
|
|
// axios.put(url, submission)
|
|
// .then(response => {
|
|
// // console.log('Response is OK!');
|
|
// // report the transaction is submitted.
|
|
// this.submittedTransaction = true;
|
|
//
|
|
// // submit links and attachments (can only be done when the transaction is created)
|
|
// if (shouldLinks) {
|
|
// console.log('Submit links using return from server:');
|
|
// this.submitTransactionLinks();
|
|
// }
|
|
// if (shouldUpload) {
|
|
// // console.log('Need to upload.');
|
|
// this.submitAttachments(response.data.data.attributes.transactions);
|
|
// }
|
|
// // meanwhile, store the ID and the title in some easy to access variables.
|
|
// this.returnedGroupId = parseInt(response.data.data.id);
|
|
// this.returnedGroupTitle = null === response.data.data.attributes.group_title ? response.data.data.attributes.transactions[0].description : response.data.data.attributes.group_title;
|
|
// }
|
|
// )
|
|
// .catch(error => {
|
|
// console.log('error :(');
|
|
// console.log(error.response.data);
|
|
// // oh noes Firefly III has something to bitch about.
|
|
// this.enableSubmit = true;
|
|
// // report the transaction is submitted.
|
|
// this.submittedTransaction = true;
|
|
// // // also report attachments and links are submitted:
|
|
// this.submittedAttachments = true;
|
|
// this.submittedLinks = true;
|
|
// //
|
|
// // but report an error because error:
|
|
// this.inError = true;
|
|
// this.parseErrors(error.response.data);
|
|
// }
|
|
// );
|
|
// }
|
|
// if (!shouldSubmit && shouldLinks) {
|
|
// // update links
|
|
// console.log('Submit links using whatever is here:');
|
|
// this.submitTransactionLinks();
|
|
// }
|
|
// if (!shouldSubmit && shouldUpload) {
|
|
// // upload
|
|
// // console.log('Need to upload.');
|
|
// this.submitAttachments(this.transactions);
|
|
// }
|
|
},
|
|
compareLinks: function (array) {
|
|
let compare = [];
|
|
for (let i in array) {
|
|
if (array.hasOwnProperty(i) && /^0$|^[1-9]\d*$/.test(i) && i <= 4294967294) {
|
|
compare.push(
|
|
{
|
|
amount: array[i].amount,
|
|
currency_code: array[i].currency_code,
|
|
description: array[i].description,
|
|
link_type_id: array[i].link_type_id,
|
|
transaction_group_id: array[i].transaction_group_id,
|
|
type: array[i].type,
|
|
}
|
|
);
|
|
}
|
|
}
|
|
return JSON.stringify(compare);
|
|
},
|
|
// uploadAttachments: function (result) {
|
|
// See reference nr. 6
|
|
// if (0 === Object.keys(result).length) {
|
|
//
|
|
// for (let i in this.transactions) {
|
|
// if (this.transactions.hasOwnProperty(i) && /^0$|^[1-9]\d*$/.test(i) && i <= 4294967294) {
|
|
//
|
|
// //console.log('updateField(' + i + ', transaction_journal_id, ' + result[i].transaction_journal_id + ')');
|
|
// this.updateField({index: i, field: 'transaction_journal_id', value: result[i].transaction_journal_id});
|
|
// }
|
|
// }
|
|
// //console.log('Transactions not changed, use original objects.');
|
|
// } else {
|
|
// //console.log('Transactions changed!');
|
|
// }
|
|
// this.submittedAttachments = 0;
|
|
// },
|
|
|
|
parseErrors: function (errors) {
|
|
for (let i in this.transactions) {
|
|
if (this.transactions.hasOwnProperty(i) && /^0$|^[1-9]\d*$/.test(i) && i <= 4294967294) {
|
|
this.resetErrors({index: i});
|
|
}
|
|
}
|
|
this.successMessage = '';
|
|
this.errorMessage = this.$t('firefly.errors_submission');
|
|
if (typeof errors.errors === 'undefined') {
|
|
this.successMessage = '';
|
|
this.errorMessage = errors.message;
|
|
}
|
|
|
|
let payload;
|
|
let transactionIndex;
|
|
let fieldName;
|
|
|
|
// fairly basic way of exploding the error array.
|
|
for (const key in errors.errors) {
|
|
// console.log('Error index: "' + key + '"');
|
|
if (errors.errors.hasOwnProperty(key)) {
|
|
if (key === 'group_title') {
|
|
this.groupTitleErrors = errors.errors[key];
|
|
continue;
|
|
}
|
|
if (key !== 'group_title') {
|
|
// lol dumbest way to explode "transactions.0.something" ever.
|
|
transactionIndex = parseInt(key.split('.')[1]);
|
|
|
|
fieldName = key.split('.')[2];
|
|
|
|
// set error in this object thing.
|
|
// console.log('The errors in key "' + key + '" are');
|
|
// console.log(errors.errors[key]);
|
|
switch (fieldName) {
|
|
case 'amount':
|
|
case 'description':
|
|
case 'date':
|
|
case 'tags':
|
|
payload = {index: transactionIndex, field: fieldName, errors: errors.errors[key]};
|
|
this.setTransactionError(payload);
|
|
break;
|
|
case 'budget_id':
|
|
payload = {index: transactionIndex, field: 'budget', errors: errors.errors[key]};
|
|
this.setTransactionError(payload);
|
|
break;
|
|
case 'bill_id':
|
|
payload = {index: transactionIndex, field: 'bill', errors: errors.errors[key]};
|
|
this.setTransactionError(payload);
|
|
break;
|
|
case 'piggy_bank_id':
|
|
payload = {index: transactionIndex, field: 'piggy_bank', errors: errors.errors[key]};
|
|
this.setTransactionError(payload);
|
|
break;
|
|
case 'category_name':
|
|
payload = {index: transactionIndex, field: 'category', errors: errors.errors[key]};
|
|
this.setTransactionError(payload);
|
|
break;
|
|
case 'source_name':
|
|
case 'source_id':
|
|
payload = {index: transactionIndex, field: 'source', errors: errors.errors[key]};
|
|
this.setTransactionError(payload);
|
|
break;
|
|
case 'destination_name':
|
|
case 'destination_id':
|
|
payload = {index: transactionIndex, field: 'destination', errors: errors.errors[key]};
|
|
this.setTransactionError(payload);
|
|
break;
|
|
case 'foreign_amount':
|
|
case 'foreign_currency':
|
|
payload = {index: transactionIndex, field: 'foreign_amount', errors: errors.errors[key]};
|
|
this.setTransactionError(payload);
|
|
break;
|
|
}
|
|
}
|
|
// unique some things
|
|
if (typeof this.transactions[transactionIndex] !== 'undefined') {
|
|
//this.transactions[transactionIndex].errors.source = Array.from(new Set(this.transactions[transactionIndex].errors.source));
|
|
//this.transactions[transactionIndex].errors.destination = Array.from(new Set(this.transactions[transactionIndex].errors.destination));
|
|
}
|
|
|
|
}
|
|
}
|
|
},
|
|
setTransactionError: function (payload) {
|
|
this.transactions[payload.index].errors[payload.field] = payload.errors;
|
|
},
|
|
resetErrors(payload) {
|
|
this.transactions[payload.index].errors = lodashClonedeep(getDefaultErrors());
|
|
},
|
|
|
|
deleteOriginalLinks: function (transaction) {
|
|
let promises = [];
|
|
for (let i in transaction.links) {
|
|
if (transaction.links.hasOwnProperty(i) && /^0$|^[1-9]\d*$/.test(i) && i <= 4294967294) {
|
|
let current = transaction.links[i];
|
|
let url = '/api/v1/transaction_links/' + current.id;
|
|
promises.push(axios.delete(url));
|
|
}
|
|
}
|
|
return Promise.all(promises);
|
|
},
|
|
|
|
deleteAllOriginalLinks: function () {
|
|
//console.log('deleteAllOriginalLinks()');
|
|
// loop to delete old transaction links.
|
|
let promises = [];
|
|
for (let i in this.transactions) {
|
|
if (this.transactions.hasOwnProperty(i) && /^0$|^[1-9]\d*$/.test(i) && i <= 4294967294) {
|
|
// original transaction present?
|
|
let currentTransaction = this.transactions[i];
|
|
let originalTransaction = this.originalTransactions.hasOwnProperty(i) ? this.originalTransactions[i] : {};
|
|
let newLinks = this.compareLinks(currentTransaction.links);
|
|
let originalLinks = this.compareLinks(originalTransaction.links);
|
|
if (newLinks !== originalLinks) {
|
|
if ('[]' !== originalLinks) {
|
|
promises.push(this.deleteOriginalLinks(originalTransaction));
|
|
}
|
|
} else {
|
|
promises.push(new Promise((resolve) => {
|
|
resolve({});
|
|
}));
|
|
}
|
|
}
|
|
}
|
|
return Promise.all(promises);
|
|
},
|
|
submitNewLinks: function () {
|
|
//console.log('submitNewLinks()');
|
|
let promises = [];
|
|
for (let i in this.transactions) {
|
|
if (this.transactions.hasOwnProperty(i) && /^0$|^[1-9]\d*$/.test(i) && i <= 4294967294) {
|
|
let currentTransaction = this.transactions[i];
|
|
for (let ii in currentTransaction.links) {
|
|
if (currentTransaction.links.hasOwnProperty(ii) && /^0$|^[1-9]\d*$/.test(ii) && ii <= 4294967294) {
|
|
let currentLink = currentTransaction.links[ii];
|
|
let linkObject = {
|
|
inward_id: currentTransaction.transaction_journal_id,
|
|
outward_id: currentTransaction.transaction_journal_id,
|
|
link_type_id: 'something'
|
|
};
|
|
|
|
let parts = currentLink.link_type_id.split('-');
|
|
linkObject.link_type_id = parts[0];
|
|
if ('inward' === parts[1]) {
|
|
linkObject.inward_id = currentLink.transaction_journal_id;
|
|
}
|
|
if ('outward' === parts[1]) {
|
|
linkObject.outward_id = currentLink.transaction_journal_id;
|
|
}
|
|
promises.push(axios.post('./api/v1/transaction_links', linkObject));
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return Promise.all(promises);
|
|
},
|
|
/**
|
|
* Submit transaction links.
|
|
*/
|
|
submitTransactionLinksX: function () {
|
|
//return this.deleteAllOriginalLinks().then(() => this.submitNewLinks());
|
|
},
|
|
finalizeSubmitX: function () {
|
|
// console.log('now in finalizeSubmit()');
|
|
// console.log('submittedTransaction : ' + this.submittedTransaction);
|
|
// console.log('submittedLinks : ' + this.submittedLinks);
|
|
// console.log('submittedAttachments : ' + this.submittedAttachments);
|
|
|
|
if (this.submittedTransaction && this.submittedAttachments && this.submittedLinks) {
|
|
// console.log('all true');
|
|
// console.log('inError = ' + this.inError);
|
|
// console.log('stayHere = ' + this.stayHere);
|
|
// console.log('returnedGroupId = ' + this.returnedGroupId);
|
|
|
|
// no error + no changes + no redirect
|
|
if (true === this.stayHere && false === this.inError && 0 === this.returnedGroupId) {
|
|
// console.log('no error + no changes + no redirect');
|
|
// show message:
|
|
this.errorMessage = '';
|
|
this.successMessage = '';
|
|
// maybe nothing changed in post
|
|
this.warningMessage = this.$t('firefly.transaction_updated_no_changes', {ID: this.returnedGroupId, title: this.returnedGroupTitle});
|
|
}
|
|
|
|
// no error + no changes + redirect
|
|
if (false === this.stayHere && false === this.inError && 0 === this.returnedGroupId) {
|
|
// console.log('no error + no changes + redirect');
|
|
window.location.href = (window.previousURL ?? '/') + '?transaction_group_id=' + this.groupId + '&message=no_change';
|
|
}
|
|
// no error + changes + no redirect
|
|
if (true === this.stayHere && false === this.inError && 0 !== this.returnedGroupId) {
|
|
// console.log('no error + changes + redirect');
|
|
// show message:
|
|
this.errorMessage = '';
|
|
this.warningMessage = '';
|
|
// maybe nothing changed in post
|
|
this.successMessage = this.$t('firefly.transaction_updated_link', {ID: this.returnedGroupId, title: this.returnedGroupTitle});
|
|
}
|
|
|
|
// no error + changes + redirect
|
|
if (false === this.stayHere && false === this.inError && 0 !== this.returnedGroupId) {
|
|
// console.log('no error + changes + redirect');
|
|
window.location.href = (window.previousURL ?? '/') + '?transaction_group_id=' + this.groupId + '&message=updated';
|
|
}
|
|
// console.log('end of the line');
|
|
// enable flags:
|
|
this.enableSubmit = true;
|
|
this.submittedTransaction = false;
|
|
this.submittedLinks = false;
|
|
this.submittedAttachments = false;
|
|
this.inError = false;
|
|
|
|
// reset attachments (always do this)
|
|
for (let i in this.transactions) {
|
|
if (this.transactions.hasOwnProperty(i) && /^0$|^[1-9]\d*$/.test(i) && i <= 4294967294) {
|
|
if (this.transactions.hasOwnProperty(i)) {
|
|
// See reference nr. 7
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style> |