Rebuild frontend, first working edit form (no feedback)

This commit is contained in:
James Cole
2021-03-21 18:48:47 +01:00
parent e0d0f49bfd
commit 1088a43866
16 changed files with 2243 additions and 851 deletions

View File

@@ -27,7 +27,9 @@
<div class="row">
<div class="col">
<p v-if="links.length === 0">
<button class="btn btn-default btn-xs" data-target="#linkModal" @click="resetModal" data-toggle="modal"><i class="fas fa-plus"></i> Add transaction link</button>
<button class="btn btn-default btn-xs" :data-target="'#linkModal' + index" @click="resetModal" data-toggle="modal"><i class="fas fa-plus"></i> Add transaction
link
</button>
</p>
<ul v-if="links.length > 0" class="list-group">
<li v-for="(transaction, index) in links" class="list-group-item" v-bind:key="index">
@@ -64,13 +66,13 @@
</li>
</ul>
<div v-if="links.length > 0" class="form-text">
<button class="btn btn-default" @click="resetModal" data-target="#linkModal" data-toggle="modal"><i class="fas fa-plus"></i></button>
<button class="btn btn-default" @click="resetModal" :data-target="'#linkModal' + index" data-toggle="modal"><i class="fas fa-plus"></i></button>
</div>
</div>
</div>
</div>
<!-- modal -->
<div id="linkModal" class="modal" tabindex="-1" ref="linkModal">
<div :id="'linkModal' + index" class="modal" tabindex="-1" :ref="'linkModal' + index">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
@@ -305,7 +307,7 @@ export default {
}
);
},
resetModal: function() {
resetModal: function () {
this.search();
},
parseLinkTypes: function (data) {
@@ -332,7 +334,7 @@ export default {
}
},
search: function () {
if('' === this.query) {
if ('' === this.query) {
this.searchResults = [];
return;
}
@@ -351,11 +353,28 @@ export default {
for (let ii in data.data[i].attributes.transactions) {
if (data.data[i].attributes.transactions.hasOwnProperty(ii) && /^0$|^[1-9]\d*$/.test(ii) && ii <= 4294967294) {
let current = data.data[i].attributes.transactions[ii];
current.transaction_group_id = parseInt(data.data[i].id);
current.selected = this.isJournalSelected(current.transaction_journal_id);
current.link_type_id = this.getJournalLinkType(current.transaction_journal_id);
current.link_type_text = '';
this.searchResults.push(current);
let copied = {
transaction_journal_id: current.transaction_journal_id,
transaction_group_id: parseInt(data.data[i].id),
description: current.description,
type: current.type,
amount: current.amount,
currency_code: current.currency_code,
source_id: current.source_id,
source_name: current.source_name,
destination_id: current.destination_id,
destination_name: current.destination_name,
selected: this.isJournalSelected(current.transaction_journal_id),
link_type_id: this.getJournalLinkType(current.transaction_journal_id),
link_type_text: '',
};
// current.transaction_group_id = parseInt(data.data[i].id);
// current.selected = this.isJournalSelected(current.transaction_journal_id);
// current.link_type_id = this.getJournalLinkType(current.transaction_journal_id);
// current.link_type_text = '';
this.searchResults.push(copied);
}
}
}