Init commit

src/views/InvoicePrint.vue

@@ -0,0 +1,18 @@
+<template>
+    <div>
+        <InvoiceForm/>
+    </div>
+</template>
+
+<script>
+import InvoiceForm from '../components/invoices/InvoiceForm';
+
+export default {
+  name: 'client',
+  components: {
+    InvoiceForm,
+  },
+  computed: {},
+  methods: {},
+};
+</script>

src/views/dashboard/Dashboard.vue

@@ -0,0 +1,34 @@
+<template>
+    <div>
+        <div class="container-fluid app__content">
+            <div class="row justify-content-center">
+                <div class="min-vh-100 col-xl-10 col-xxl-8 pb-5">
+                    <transition name="fade" mode="out-in">
+                        <router-view/>
+                    </transition>
+                </div>
+            </div>
+        </div>
+        <ClientModal v-if="team"/>
+        <BankAccountModal v-if="team"/>
+    </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+import ClientModal from '@/components/clients/ClientModal';
+import BankAccountModal from '@/components/bank-accounts/BankAccountModal';
+
+
+export default {
+  components: {
+    BankAccountModal,
+    ClientModal,
+  },
+  computed: {
+    ...mapGetters({
+      team: 'teams/team',
+    }),
+  },
+};
+</script>

src/views/dashboard/Invoice.vue

@@ -0,0 +1,25 @@
+<template>
+    <div v-if="team">
+        <InvoiceControls/>
+        <InvoiceForm/>
+    </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+import InvoiceForm from '@/components/invoices/InvoiceForm';
+import InvoiceControls from '@/components/invoices/InvoiceControls';
+
+export default {
+  name: 'invoice',
+  components: {
+    InvoiceControls,
+    InvoiceForm,
+  },
+  computed: {
+    ...mapGetters({
+      team: 'teams/team',
+    }),
+  },
+};
+</script>

src/views/dashboard/Invoices.vue

@@ -0,0 +1,38 @@
+<template>
+    <div>
+        <div class="row">
+            <div class="col-12 mb-4 d-flex justify-content-between">
+                <h4 class="mb-0">Invoices</h4>
+                <button class="btn btn-sm btn-outline-dark" @click="createNewInvoice">New invoice</button>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-12 p-0">
+                <InvoicesList/>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+import InvoicesList from '@/components/invoices/InvoicesList';
+
+export default {
+  name: 'invoices',
+  components: {
+    InvoicesList,
+  },
+  computed: {
+    ...mapGetters({
+      team: 'teams/team',
+    }),
+  },
+  methods: {
+    createNewInvoice() {
+      this.$store.dispatch('invoices/createNewInvoice')
+        .then(id => this.$router.push({ name: 'invoice', params: { id } }));
+    },
+  },
+};
+</script>