Invoice wrapper

resources/js/Oasis/Modules/Invoices/Invoices.vue

@@ -1,18 +1,6 @@
 <template>
     <section id="viewport">
 
-		<!--File preview window-->
-        <FilePreview />
-
-		<InvoiceMobileMenu />
-		<InvoiceCreateMenu />
-		<InvoiceFilterMobile />
-		<InvoiceSortingMobile />
-
-		<!--Navigations-->
-        <MobileNavigation />
-        <SidebarNavigation />
-
 		<!--Sidebar navigation-->
         <ContentSidebar>
             <ContentGroup title="Invoices" class="navigator menu-list-wrapper vertical">
@@ -45,14 +33,16 @@
             </ContentGroup>
         </ContentSidebar>
 
-		<router-view :class="{'is-scaled-down': isScaledDown}" />
+		<ContentInvoiceView />
     </section>
 </template>
 
 <script>
+    import ContentInvoiceView from '@/Oasis/Modules/Invoices/ContentInvoiceView'
     import InvoiceSortingMobile from '@/Oasis/Modules/Invoices/components/InvoiceSortingMobile'
 	import InvoiceFilterMobile from '@/Oasis/Modules/Invoices/components/InvoiceFilterMobile'
 	import InvoiceMobileMenu from '@/Oasis/Modules/Invoices/components/InvoiceMobileMenu'
+	import ClientMobileMenu from '@/Oasis/Modules/Invoices/components/ClientMobileMenu'
 	import InvoiceCreateMenu from '@/Oasis/Modules/Invoices/components/InvoiceCreateMenu'
 
 	import {UsersIcon, FileTextIcon, ClockIcon} from 'vue-feather-icons'
@@ -72,11 +62,13 @@
 			]),
 		},
 		components: {
+			ContentInvoiceView,
 			InvoiceSortingMobile,
 			InvoiceFilterMobile,
 			InvoiceCreateMenu,
 			InvoiceMobileMenu,
 			SidebarNavigation,
+			ClientMobileMenu,
 			MobileNavigation,
 			ContentSidebar,
 			FileTextIcon,