Rebuild FP

frontend/src/components/store/modules/transactions/create.js

@@ -53,8 +53,17 @@ const mutations = {
         state.transactions.push(
             {
                 description: '',
+                date: new Date
             }
         );
+    },
+    deleteTransaction(state, index) {
+        this.state.transactions.splice(index, 1);
+    },
+    updateField(state, payload) {
+        console.log('I am update field');
+        console.log(payload)
+        state.transactions[payload.index][payload.field] = payload.value;
     }
 }
 

frontend/src/components/transactions/Create.vue

@@ -24,7 +24,14 @@
       <div class="col">
         <div class="card">
           <div class="card-header">
-            <h3 class="card-title">Create a new transaction</h3>
+            <h3 class="card-title">
+              {{ $t('firefly.new_transaction')}}
+              <span v-if="transactions.length > 1">({{ $t('firefly.single_split') }} {{ index + 1}} / {{ transactions.length }})</span>
+            </h3>
+            <div v-if="transactions.length > 1" class="box-tools pull-right">
+              <button class="btn btn-xs btn-danger" type="button" v-on:click="deleteTransaction(index, $event)"><i
+                  class="fa fa-trash"></i></button>
+            </div>
           </div>
           <!-- /.card-header -->
           <div class="card-body">
@@ -34,7 +41,7 @@
                 <div class="card-header">
                   <h4 class="card-title">
                     <a data-toggle="collapse" data-parent="#accordion" :href="'#collapseBasic' + index" class='' aria-expanded="true">
-                      Basic transaction information
+                      {{ $t('firefly.basic_journal_information') }}
                     </a>
                   </h4>
                 </div>
@@ -62,15 +69,20 @@
                     <div class="row">
                       <div class="col">
                         <TransactionDescription
-                            v-model="transaction[index].description"
+                            :description="transactions[index].description"
                             :index="index"
                         ></TransactionDescription>
                       </div>
                     </div>
                     <div class="row">
                       <div class="col">
-                        Date<br/>
+                        <!--
-                        Time
+                        <TransactionDate
+                            :description="transactions[index].date"
+                            :index="index"
+                        ></TransactionDate>
+                        -->
+                        Date and time.
                       </div>
                       <div class="col">
                         Other date
@@ -86,7 +98,7 @@
                 <div class="card-header">
                   <h4 class="card-title">
                     <a data-toggle="collapse" data-parent="#accordion" :href="'#collapseMeta' + index" class="collapsed" aria-expanded="false">
-                      Meta information
+                      {{ $t('firefly.transaction_journal_meta') }}
                     </a>
                   </h4>
                 </div>
@@ -110,7 +122,7 @@
                 <div class="card-header">
                   <h4 class="card-title">
                     <a data-toggle="collapse" data-parent="#accordion" :href="'#collapseExtra' + index" class="collapsed" aria-expanded="false">
-                      Extra information
+                      {{ $t('firefly.transaction_journal_extra') }}
                     </a>
                   </h4>
                 </div>
@@ -192,6 +204,7 @@ export default {
     ...mapMutations(
         [
           'addTransaction',
+          'deleteTransaction'
         ]
     ),
     /**

frontend/src/components/transactions/TransactionDescription.vue

@@ -25,7 +25,7 @@
         <input
             ref="description"
             :title="$t('firefly.description')"
-            :value="value"
+            v-model="description"
             autocomplete="off"
             autofocus
             class="form-control"
@@ -35,8 +35,7 @@
             v-on:submit.prevent
         >
         <div class="input-group-append">
-          <!-- v-on:click="clearDescription" -->
+          <button v-on:click="clearDescription" class="btn btn-outline-secondary" type="button"><i class="far fa-trash-alt"></i></button>
-          <button class="btn btn-outline-secondary" type="button"><i class="far fa-trash-alt"></i></button>
         </div>
       </div>
     </div>
@@ -45,9 +44,39 @@
 </template>
 
 <script>
+
+import {createNamespacedHelpers} from "vuex";
+
+const {mapState, mapGetters, mapActions, mapMutations} = createNamespacedHelpers('transactions/create')
+
 export default {
-  props: ['value'],
+  props: ['value', 'index'],
-  name: "TransactionDescription"
+  name: "TransactionDescription",
+  methods: {
+    ...mapMutations(
+        [
+          'updateField',
+        ],
+    ),
+    clearDescription: function() {
+      this.description = '';
+    }
+  },
+  computed: {
+    ...mapGetters([
+                    'transactionType', // -> this.someGetter
+                    'transactions', // -> this.someOtherGetter
+                  ]),
+    description: {
+      get() {
+        return this.transactions[this.index].description;
+      },
+      set(value) {
+        console.log('I am set ' + value + ' ' + this.index);
+        this.updateField({field: 'description', index: this.index, value: value});
+      }
+    }
+  }
 }
 </script>
 

frontend/src/locales/bg.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "\u041d\u043e\u0432\u0430 \u0442\u0440\u0430\u043d\u0437\u0430\u043a\u0446\u0438\u044f",
         "balance": "\u0421\u0430\u043b\u0434\u043e",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "\u041c\u0435\u0442\u0430 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "\u0421\u043c\u0435\u0442\u043a\u0438 \u0437\u0430 \u043f\u043b\u0430\u0449\u0430\u043d\u0435",
         "left_to_spend": "\u041e\u0441\u0442\u0430\u043d\u0430\u043b\u0438 \u0437\u0430 \u0445\u0430\u0440\u0447\u0435\u043d\u0435",
         "net_worth": "\u041d\u0435\u0442\u043d\u0430 \u0441\u0442\u043e\u0439\u043d\u043e\u0441\u0442",
@@ -42,7 +46,7 @@
         "half_year_budgets": "\u0428\u0435\u0441\u0442\u043c\u0435\u0441\u0435\u0447\u043d\u0438 \u0431\u044e\u0434\u0436\u0435\u0442\u0438",
         "yearly_budgets": "\u0413\u043e\u0434\u0438\u0448\u043d\u0438 \u0431\u044e\u0434\u0436\u0435\u0442\u0438",
         "other_budgets": "\u0412\u0440\u0435\u043c\u0435\u0432\u043e \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d\u0438 \u0431\u044e\u0434\u0436\u0435\u0442\u0438",
-        "go_to_withdrawals": "\u041e\u0442\u0438\u0434\u0438 \u043d\u0430 \u0442\u0432\u043e\u0438\u0442\u0435 \u0440\u0430\u0437\u0445\u043e\u0434\u0438",
+        "go_to_withdrawals": "\u0412\u0438\u0436\u0442\u0435 \u0442\u0435\u0433\u043b\u0435\u043d\u0438\u044f\u0442\u0430 \u0441\u0438",
         "revenue_accounts": "\u0421\u043c\u0435\u0442\u043a\u0438 \u0437\u0430 \u043f\u0440\u0438\u0445\u043e\u0434\u0438",
         "add_another_split": "\u0414\u043e\u0431\u0430\u0432\u044f\u043d\u0435 \u043d\u0430 \u0434\u0440\u0443\u0433 \u0440\u0430\u0437\u0434\u0435\u043b"
     },

frontend/src/locales/cs.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "Nov\u00e1 transakce",
         "balance": "Z\u016fstatek",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "Meta informace",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "Faktury k zaplacen\u00ed",
         "left_to_spend": "Zb\u00fdv\u00e1 k utracen\u00ed",
         "net_worth": "\u010cist\u00e9 jm\u011bn\u00ed",

frontend/src/locales/de.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "Neue Buchung",
         "balance": "Kontostand",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "Metainformationen",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "Unbezahlte Rechnungen",
         "left_to_spend": "Verbleibend zum Ausgeben",
         "net_worth": "Eigenkapital",

frontend/src/locales/el.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "\u039d\u03ad\u03b1 \u03c3\u03c5\u03bd\u03b1\u03bb\u03bb\u03b1\u03b3\u03ae",
         "balance": "\u0399\u03c3\u03bf\u03b6\u03cd\u03b3\u03b9\u03bf",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "\u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2 \u03bc\u03b5\u03c4\u03b1\u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "\u03a0\u03ac\u03b3\u03b9\u03b1 \u03ad\u03be\u03bf\u03b4\u03b1 \u03c0\u03c1\u03bf\u03c2 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae",
         "left_to_spend": "\u0394\u03b9\u03b1\u03b8\u03ad\u03c3\u03b9\u03bc\u03b1 \u03c0\u03c1\u03bf\u03cb\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03ce\u03bd",
         "net_worth": "\u039a\u03b1\u03b8\u03b1\u03c1\u03ae \u03b1\u03be\u03af\u03b1",

frontend/src/locales/en-gb.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "New transaction",
         "balance": "Balance",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "Meta information",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "Bills to pay",
         "left_to_spend": "Left to spend",
         "net_worth": "Net worth",

frontend/src/locales/en.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "New transaction",
         "balance": "Balance",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "Meta information",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "Bills to pay",
         "left_to_spend": "Left to spend",
         "net_worth": "Net worth",

frontend/src/locales/es.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "Nueva transacci\u00f3n",
         "balance": "Balance",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "Informaci\u00f3n Meta",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "Facturas por pagar",
         "left_to_spend": "Disponible para gastar",
         "net_worth": "Valor Neto",

frontend/src/locales/fi.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "Uusi tapahtuma",
         "balance": "Saldo",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "Metatiedot",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "Laskuja maksettavana",
         "left_to_spend": "K\u00e4ytett\u00e4viss\u00e4",
         "net_worth": "Varallisuus",

frontend/src/locales/fr.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "Nouvelle op\u00e9ration",
         "balance": "Solde",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "M\u00e9ta informations",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "Factures \u00e0 payer",
         "left_to_spend": "Reste \u00e0 d\u00e9penser",
         "net_worth": "Avoir net",

frontend/src/locales/hu.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "\u00daj tranzakci\u00f3",
         "balance": "Egyenleg",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "Meta-inform\u00e1ci\u00f3",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "Fizetend\u0151 sz\u00e1ml\u00e1k",
         "left_to_spend": "Elk\u00f6lthet\u0151",
         "net_worth": "Nett\u00f3 \u00e9rt\u00e9k",

frontend/src/locales/it.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "Nuova transazione",
         "balance": "Saldo",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "Meta informazioni",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "Bollette da pagare",
         "left_to_spend": "Altro da spendere",
         "net_worth": "Patrimonio",

frontend/src/locales/nb.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "New transaction",
         "balance": "Saldo",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "Metainformasjon",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "Regninger \u00e5 betale",
         "left_to_spend": "Igjen \u00e5 bruke",
         "net_worth": "Formue",

frontend/src/locales/nl.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "Nieuwe transactie",
         "balance": "Saldo",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "Metainformatie",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "Openstaande contracten",
         "left_to_spend": "Over om uit te geven",
         "net_worth": "Kapitaal",

frontend/src/locales/pl.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "Nowa transakcja",
         "balance": "Saldo",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "Meta informacje",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "Rachunki do zap\u0142acenia",
         "left_to_spend": "Pozosta\u0142o do wydania",
         "net_worth": "Warto\u015b\u0107 netto",

frontend/src/locales/pt-br.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "Nova transa\u00e7\u00e3o",
         "balance": "Saldo",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "Meta-informa\u00e7\u00e3o",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "Faturas a pagar",
         "left_to_spend": "Restante para gastar",
         "net_worth": "Valor L\u00edquido",

frontend/src/locales/ro.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "Tranzac\u0163ie nou\u0103",
         "balance": "Balant\u0103",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "Informa\u021bii meta",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "Facturile de plat\u0103",
         "left_to_spend": "Ramas de cheltuit",
         "net_worth": "Valoarea net\u0103",

frontend/src/locales/ru.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "\u041d\u043e\u0432\u0430\u044f \u0442\u0440\u0430\u043d\u0437\u0430\u043a\u0446\u0438\u044f",
         "balance": "\u0411a\u043ba\u043dc",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "\u0421\u0447\u0435\u0442\u0430 \u043a \u043e\u043f\u043b\u0430\u0442\u0435",
         "left_to_spend": "\u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043f\u043e\u0442\u0440\u0430\u0442\u0438\u0442\u044c",
         "net_worth": "\u041c\u043e\u0438 \u0441\u0431\u0435\u0440\u0435\u0436\u0435\u043d\u0438\u044f",

frontend/src/locales/sk.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "Nov\u00e1 transakcia",
         "balance": "Zostatok",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "Meta inform\u00e1cie",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "\u00da\u010dty na \u00fahradu",
         "left_to_spend": "Zost\u00e1va k \u00fatrate",
         "net_worth": "\u010cist\u00e9 imanie",

frontend/src/locales/sv.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "L\u00e4gg till transaktion",
         "balance": "Saldo",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "Metadata",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "Notor att betala",
         "left_to_spend": "\u00c5terst\u00e5r att spendera",
         "net_worth": "Nettof\u00f6rm\u00f6genhet",

frontend/src/locales/vi.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "Giao d\u1ecbch m\u1edbi",
         "balance": "Ti\u1ec1n c\u00f2n l\u1ea1i",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "Th\u00f4ng tin t\u1ed5ng h\u1ee3p",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "H\u00f3a \u0111\u01a1n ph\u1ea3i tr\u1ea3",
         "left_to_spend": "C\u00f2n l\u1ea1i \u0111\u1ec3 chi ti\u00eau",
         "net_worth": "T\u00e0i s\u1ea3n th\u1ef1c",

frontend/src/locales/zh-cn.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "\u65b0\u4ea4\u6613",
         "balance": "\u4f59\u989d",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "\u540e\u8bbe\u8d44\u8baf",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "\u5f85\u4ed8\u5e10\u5355",
         "left_to_spend": "\u5269\u4f59\u53ef\u82b1\u8d39",
         "net_worth": "\u51c0\u503c",

frontend/src/locales/zh-tw.json

@@ -1,6 +1,10 @@
 {
     "firefly": {
+        "new_transaction": "\u65b0\u4ea4\u6613",
         "balance": "\u9918\u984d",
+        "transaction_journal_extra": "Extra information",
+        "transaction_journal_meta": "\u5f8c\u8a2d\u8cc7\u8a0a",
+        "basic_journal_information": "Basic transaction information",
         "bills_to_pay": "\u5f85\u4ed8\u5e33\u55ae",
         "left_to_spend": "\u5269\u9918\u53ef\u82b1\u8cbb",
         "net_worth": "\u6de8\u503c",

resources/assets/js/components/transactions/CreateTransaction.vue

@@ -51,7 +51,7 @@
                   }}</span>
                 <span v-if="transactions.length === 1">{{ $t('firefly.transaction_journal_information') }}</span>
               </h3>
-              <div v-if="transactions.length > 1" class="box-tools pull-right" x>
+              <div v-if="transactions.length > 1" class="box-tools pull-right">
                 <button class="btn btn-xs btn-danger" type="button" v-on:click="deleteTransaction(index, $event)"><i
                     class="fa fa-trash"></i></button>
               </div>