Separated client form into tabs. Fixed deleting client. Implemented custom fields for client and invoice client fields. Removed "hardcoded" client_reg_no and client_vat_no fields from client and invoice model - can be replaced with custom fields. Abstracted invoice-rows management to separate store namespace. Invoice client fields are prefilled from selected client.

src/store/invoice-client-fields.js

@@ -0,0 +1,34 @@
+import InvoiceClientField from '@/store/models/invoice-client-field';
+
+export default {
+  namespaced: true,
+  state: {},
+  mutations: {},
+  actions: {
+    init() {},
+    terminate() {},
+    invoiceClientFieldProps(store, payload) {
+      return InvoiceClientField.update({
+        where: payload.fieldId,
+        data: payload.props,
+      });
+    },
+    async updateInvoiceClientField({ dispatch }, payload) {
+      await dispatch('invoiceClientFieldProps', payload);
+      return dispatch('invoices/updateInvoice', null, { root: true });
+    },
+    async removeInvoiceClientFields(store, invoiceId) {
+      return InvoiceClientField.delete(field => field.invoice_id === invoiceId);
+    },
+    async addInvoiceClientField(store, payload) {
+      const field = await InvoiceClientField.createNew();
+      await field.$update({
+        ...payload.props,
+        invoice_id: payload.invoiceId,
+      });
+    },
+    async removeInvoiceClientField(store, fieldId) {
+      await InvoiceClientField.delete(fieldId);
+    },
+  },
+};