Invoice create menu

public/mix-manifest.json

@@ -38,7 +38,7 @@
     "/chunks/files~chunks/platform~chunks/shared~chunks/shared-files~chunks/shared/file-browser.js": "/chunks/files~chunks/platform~chunks/shared~chunks/shared-files~chunks/shared/file-browser.js?id=4231d578d933b87cf7a2",
     "/chunks/files~chunks/platform~chunks/shared~chunks/shared-files~chunks/shared/file-browser~chunks/sha~8510f6c9.js": "/chunks/files~chunks/platform~chunks/shared~chunks/shared-files~chunks/shared/file-browser~chunks/sha~8510f6c9.js?id=b4ccb4a816e5c72a0b85",
     "/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared/file-browser~chunks/user~9058a49f.js": "/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared/file-browser~chunks/user~9058a49f.js?id=31a17ad1d2536342abbe",
-    "/chunks/files~chunks/shared-files~chunks/shared/file-browser.js": "/chunks/files~chunks/shared-files~chunks/shared/file-browser.js?id=3e4185912c6d380f0906",
+    "/chunks/files~chunks/shared-files~chunks/shared/file-browser.js": "/chunks/files~chunks/shared-files~chunks/shared/file-browser.js?id=c411ea74700776ae1b8a",
     "/chunks/files~chunks/shared-files~chunks/shared/file-browser~chunks/shared/single-file.js": "/chunks/files~chunks/shared-files~chunks/shared/file-browser~chunks/shared/single-file.js?id=06665bebae33953fed87",
     "/chunks/files~chunks/shared/file-browser.js": "/chunks/files~chunks/shared/file-browser.js?id=44899a3c3880630dbcd9",
     "/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=877a9289b77ac3885042",
@@ -231,7 +231,7 @@
     "/chunks/admin~chunks/oasis/invoices.js": "/chunks/admin~chunks/oasis/invoices.js?id=b2549892933bd8168687",
     "/chunks/admin~chunks/oasis/invoices~chunks/platform.js": "/chunks/admin~chunks/oasis/invoices~chunks/platform.js?id=022bd4e56166d844c3b0",
     "/chunks/admin~chunks/oasis/invoices~chunks/platform~chunks/shared.js": "/chunks/admin~chunks/oasis/invoices~chunks/platform~chunks/shared.js?id=073522656c63224e16a6",
-    "/chunks/oasis/invoices.js": "/chunks/oasis/invoices.js?id=9ce9919feb289ce2676e",
+    "/chunks/oasis/invoices.js": "/chunks/oasis/invoices.js?id=e95e6b0e035b243404d7",
     "/chunks/oasis/platba.249a9996d8860ab6460b.hot-update.js": "/chunks/oasis/platba.249a9996d8860ab6460b.hot-update.js",
     "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~4d3e0a33.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~4d3e0a33.js?id=bddf517c5fc330d6d968",
     "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~bf111d7d.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~bf111d7d.js?id=fdb84e561914c2163b21",
@@ -266,7 +266,7 @@
     "/chunks/oasis/invoices.d66ff1fbf4e24e8ec5cd.hot-update.js": "/chunks/oasis/invoices.d66ff1fbf4e24e8ec5cd.hot-update.js",
     "/chunks/oasis/invoices.2b7a37f23761c8771f3d.hot-update.js": "/chunks/oasis/invoices.2b7a37f23761c8771f3d.hot-update.js",
     "/js/main.d274f733d95bca3ec329.hot-update.js": "/js/main.d274f733d95bca3ec329.hot-update.js",
-    "/chunks/admin~chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/platform~chunks/sh~f205bd67.js": "/chunks/admin~chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/platform~chunks/sh~f205bd67.js?id=f0f8b99d0c2ad4e5d0bc",
+    "/chunks/admin~chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/platform~chunks/sh~f205bd67.js": "/chunks/admin~chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/platform~chunks/sh~f205bd67.js?id=94e67ef1eef94f3de4a7",
     "/chunks/app-language~chunks/dashboard~chunks/dashboard-oasis~chunks/files~chunks/invoices~chunks/oasi~cd3e6128.js": "/chunks/app-language~chunks/dashboard~chunks/dashboard-oasis~chunks/files~chunks/invoices~chunks/oasi~cd3e6128.js?id=64ee94ef1dbfecb30cb9",
     "/chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/oasis/platba~chunks/settings-su~50fe86ed.js": "/chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/oasis/platba~chunks/settings-su~50fe86ed.js?id=623f7615840be8374dcf",
     "/chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/platform~chunks/shared-files~ch~e5a24789.js": "/chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/platform~chunks/shared-files~ch~e5a24789.js?id=8a936fa4187b27beddd8",
@@ -274,7 +274,7 @@
     "/chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/platform~chunks/shared~chunks/s~87b39a8d.js": "/chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/platform~chunks/shared~chunks/s~87b39a8d.js?id=493b24181051e0ba7b73",
     "/chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/shared-files~chunks/shared/file-browser.js": "/chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/shared-files~chunks/shared/file-browser.js?id=5bdccb1404fe389ea24f",
     "/chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/shared-files~chunks/shared/file~7807db72.js": "/chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/shared-files~chunks/shared/file~7807db72.js?id=962f11c09911fbc094d6",
-    "/chunks/oasis/invoices/list.js": "/chunks/oasis/invoices/list.js?id=0615c2d7e1701edff409",
+    "/chunks/oasis/invoices/list.js": "/chunks/oasis/invoices/list.js?id=4c406a6480c5e7bd1341",
     "/vendors~chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/platform~chunks/shared~~c9df84c5.js": "/vendors~chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/platform~chunks/shared~~c9df84c5.js?id=4d042d0c0d8477a4f7ac",
     "/chunks/oasis/invoices/list.51c1a825e34ada41b37b.hot-update.js": "/chunks/oasis/invoices/list.51c1a825e34ada41b37b.hot-update.js",
     "/chunks/admin~chunks/oasis/invoices~chunks/platform.291e81896f6c9f73d66b.hot-update.js": "/chunks/admin~chunks/oasis/invoices~chunks/platform.291e81896f6c9f73d66b.hot-update.js",
@@ -432,11 +432,11 @@
     "/chunks/platform~chunks/shared.b1c4173f2c7d2300496b.hot-update.js": "/chunks/platform~chunks/shared.b1c4173f2c7d2300496b.hot-update.js",
     "/vendors~chunks/oasis/invoices~chunks/platform~chunks/shared.js": "/vendors~chunks/oasis/invoices~chunks/platform~chunks/shared.js?id=03d3cf785cbafa4d31f0",
     "/js/main.37ed0717d3dc48e05e22.hot-update.js": "/js/main.37ed0717d3dc48e05e22.hot-update.js",
-    "/chunks/app-language~chunks/dashboard~chunks/dashboard-oasis~chunks/files~chunks/invoices~chunks/oasi~c6e9de01.js": "/chunks/app-language~chunks/dashboard~chunks/dashboard-oasis~chunks/files~chunks/invoices~chunks/oasi~c6e9de01.js?id=6078ad99e9e331c91ef5",
+    "/chunks/app-language~chunks/dashboard~chunks/dashboard-oasis~chunks/files~chunks/invoices~chunks/oasi~c6e9de01.js": "/chunks/app-language~chunks/dashboard~chunks/dashboard-oasis~chunks/files~chunks/invoices~chunks/oasi~c6e9de01.js?id=f9af3b7905bb7c35023d",
     "/chunks/files~chunks/oasis/invoices/list~chunks/oasis/platba~chunks/settings-subscription~chunks/shar~d6675e1e.js": "/chunks/files~chunks/oasis/invoices/list~chunks/oasis/platba~chunks/settings-subscription~chunks/shar~d6675e1e.js?id=effef49b99446fdaee0b",
     "/chunks/files~chunks/oasis/invoices/list~chunks/platform~chunks/shared-files~chunks/shared/file-browser.js": "/chunks/files~chunks/oasis/invoices/list~chunks/platform~chunks/shared-files~chunks/shared/file-browser.js?id=c777877000f1e219a748",
     "/chunks/files~chunks/oasis/invoices/list~chunks/platform~chunks/shared~chunks/shared-files~chunks/sha~bf90c201.js": "/chunks/files~chunks/oasis/invoices/list~chunks/platform~chunks/shared~chunks/shared-files~chunks/sha~bf90c201.js?id=81388dc3e14b7acd0f2b",
-    "/chunks/files~chunks/oasis/invoices/list~chunks/shared-files~chunks/shared/file-browser.js": "/chunks/files~chunks/oasis/invoices/list~chunks/shared-files~chunks/shared/file-browser.js?id=e89dff7b404fcb5f3107",
+    "/chunks/files~chunks/oasis/invoices/list~chunks/shared-files~chunks/shared/file-browser.js": "/chunks/files~chunks/oasis/invoices/list~chunks/shared-files~chunks/shared/file-browser.js?id=c6fc1ec1f0bf1b367c92",
     "/chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/platform~chunks/shared~chunks/s~87b39a8d.37ed0717d3dc48e05e22.hot-update.js": "/chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/platform~chunks/shared~chunks/s~87b39a8d.37ed0717d3dc48e05e22.hot-update.js",
     "/chunks/oasis/invoices.37ed0717d3dc48e05e22.hot-update.js": "/chunks/oasis/invoices.37ed0717d3dc48e05e22.hot-update.js",
     "/chunks/platform~chunks/shared.37ed0717d3dc48e05e22.hot-update.js": "/chunks/platform~chunks/shared.37ed0717d3dc48e05e22.hot-update.js",
@@ -470,5 +470,27 @@
     "/chunks/admin~chunks/oasis/invoices~chunks/platform.2ec17a499f3778ffb316.hot-update.js": "/chunks/admin~chunks/oasis/invoices~chunks/platform.2ec17a499f3778ffb316.hot-update.js",
     "/chunks/admin~chunks/oasis/invoices~chunks/platform.52100466cf89d4ff0652.hot-update.js": "/chunks/admin~chunks/oasis/invoices~chunks/platform.52100466cf89d4ff0652.hot-update.js",
     "/chunks/admin~chunks/oasis/invoices~chunks/platform.ce50bed9d50e23d84a2f.hot-update.js": "/chunks/admin~chunks/oasis/invoices~chunks/platform.ce50bed9d50e23d84a2f.hot-update.js",
-    "/chunks/admin~chunks/oasis/invoices~chunks/platform.d726d8bed0a0ecf0d0fa.hot-update.js": "/chunks/admin~chunks/oasis/invoices~chunks/platform.d726d8bed0a0ecf0d0fa.hot-update.js"
+    "/chunks/admin~chunks/oasis/invoices~chunks/platform.d726d8bed0a0ecf0d0fa.hot-update.js": "/chunks/admin~chunks/oasis/invoices~chunks/platform.d726d8bed0a0ecf0d0fa.hot-update.js",
+    "/chunks/files~chunks/oasis/invoices/list~chunks/shared-files~chunks/shared/file-browser.ea419707bd6d891c3b82.hot-update.js": "/chunks/files~chunks/oasis/invoices/list~chunks/shared-files~chunks/shared/file-browser.ea419707bd6d891c3b82.hot-update.js",
+    "/chunks/oasis/invoices/list.ea419707bd6d891c3b82.hot-update.js": "/chunks/oasis/invoices/list.ea419707bd6d891c3b82.hot-update.js",
+    "/chunks/oasis/invoices/list.eab872015639d689b144.hot-update.js": "/chunks/oasis/invoices/list.eab872015639d689b144.hot-update.js",
+    "/chunks/oasis/invoices/list.5b6d4a55d06e3b3437f3.hot-update.js": "/chunks/oasis/invoices/list.5b6d4a55d06e3b3437f3.hot-update.js",
+    "/chunks/oasis/invoices/list.b9c2d0099ff8e7fda8a3.hot-update.js": "/chunks/oasis/invoices/list.b9c2d0099ff8e7fda8a3.hot-update.js",
+    "/chunks/oasis/invoices/list.fec82504a24d2b4baea6.hot-update.js": "/chunks/oasis/invoices/list.fec82504a24d2b4baea6.hot-update.js",
+    "/chunks/oasis/invoices/list.8e07f9fd4ee2e831246c.hot-update.js": "/chunks/oasis/invoices/list.8e07f9fd4ee2e831246c.hot-update.js",
+    "/chunks/oasis/invoices/list.2a9dad63452f0c85c2c8.hot-update.js": "/chunks/oasis/invoices/list.2a9dad63452f0c85c2c8.hot-update.js",
+    "/chunks/oasis/invoices/list.68ea5c7be3345a39bb05.hot-update.js": "/chunks/oasis/invoices/list.68ea5c7be3345a39bb05.hot-update.js",
+    "/chunks/oasis/invoices.9336588abd2f6c6be73b.hot-update.js": "/chunks/oasis/invoices.9336588abd2f6c6be73b.hot-update.js",
+    "/chunks/oasis/invoices.21ea192ea3f8b7389bb9.hot-update.js": "/chunks/oasis/invoices.21ea192ea3f8b7389bb9.hot-update.js",
+    "/chunks/oasis/invoices.e976f312e6920c92d365.hot-update.js": "/chunks/oasis/invoices.e976f312e6920c92d365.hot-update.js",
+    "/chunks/oasis/invoices.72d504807f08d6e3fe11.hot-update.js": "/chunks/oasis/invoices.72d504807f08d6e3fe11.hot-update.js",
+    "/js/main.833655cd40a12cc8050b.hot-update.js": "/js/main.833655cd40a12cc8050b.hot-update.js",
+    "/chunks/app-language~chunks/dashboard~chunks/dashboard-oasis~chunks/files~chunks/invoices~chunks/oasi~c6e9de01.32dfe46702627bc78efd.hot-update.js": "/chunks/app-language~chunks/dashboard~chunks/dashboard-oasis~chunks/files~chunks/invoices~chunks/oasi~c6e9de01.32dfe46702627bc78efd.hot-update.js",
+    "/chunks/oasis/invoices/list.32dfe46702627bc78efd.hot-update.js": "/chunks/oasis/invoices/list.32dfe46702627bc78efd.hot-update.js",
+    "/chunks/app-language~chunks/dashboard~chunks/dashboard-oasis~chunks/files~chunks/invoices~chunks/oasi~c6e9de01.9fd6b3b95d2415901c62.hot-update.js": "/chunks/app-language~chunks/dashboard~chunks/dashboard-oasis~chunks/files~chunks/invoices~chunks/oasi~c6e9de01.9fd6b3b95d2415901c62.hot-update.js",
+    "/chunks/oasis/invoices.a061a0030fcba0a61d20.hot-update.js": "/chunks/oasis/invoices.a061a0030fcba0a61d20.hot-update.js",
+    "/chunks/oasis/invoices.a33122e00bbc4d74abbc.hot-update.js": "/chunks/oasis/invoices.a33122e00bbc4d74abbc.hot-update.js",
+    "/chunks/admin~chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/platform~chunks/sh~f205bd67.31993d1d15db90b2b944.hot-update.js": "/chunks/admin~chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/platform~chunks/sh~f205bd67.31993d1d15db90b2b944.hot-update.js",
+    "/chunks/admin~chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/platform~chunks/sh~f205bd67.4d2990d028605f498646.hot-update.js": "/chunks/admin~chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/platform~chunks/sh~f205bd67.4d2990d028605f498646.hot-update.js",
+    "/chunks/oasis/invoices.5cdfafe48e5834f1c60c.hot-update.js": "/chunks/oasis/invoices.5cdfafe48e5834f1c60c.hot-update.js"
 }

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

@@ -5,6 +5,8 @@
         <FilePreview />
 
 		<InvoiceMobileMenu />
+		<InvoiceCreateMenu />
+		<InvoiceFilterMobile />
 
         <!--Navigations-->
         <MobileNavigation />
@@ -51,7 +53,10 @@
 </template>
 
 <script>
+    import InvoiceFilterMobile from '@/Oasis/Modules/Invoices/components/InvoiceFilterMobile'
     import InvoiceMobileMenu from '@/Oasis/Modules/Invoices/components/InvoiceMobileMenu'
+    import InvoiceCreateMenu from '@/Oasis/Modules/Invoices/components/InvoiceCreateMenu'
+
     import { UsersIcon, FileTextIcon, ClockIcon } from 'vue-feather-icons'
     import SidebarNavigation from '@/components/Sidebar/SidebarNavigation'
     import MobileNavigation from '@/components/Others/MobileNavigation'
@@ -69,6 +74,8 @@
 			]),
         },
         components: {
+			InvoiceFilterMobile,
+			InvoiceCreateMenu,
 			InvoiceMobileMenu,
             SidebarNavigation,
             MobileNavigation,

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

@@ -0,0 +1,128 @@
+<template>
+    <div id="mobile-actions-wrapper">
+
+        <!--Base location-->
+        <div class="mobile-actions">
+            <MobileActionButton @click.native="showLocations" icon="filter">
+                {{ $route.meta.title }}
+            </MobileActionButton>
+            <MobileActionButton @click.native="createButton" icon="file-plus">
+                Create
+            </MobileActionButton>
+            <MobileActionButton @click.native="showViewOptions" icon="preview-sorting">
+                {{ $t('preview_sorting.preview_sorting_button') }}
+            </MobileActionButton>
+        </div>
+    </div>
+</template>
+
+<script>
+    import MobileActionButtonUpload from '@/components/FilesView/MobileActionButtonUpload'
+    import MobileActionButton from '@/components/FilesView/MobileActionButton'
+    import UploadProgress from '@/components/FilesView/UploadProgress'
+    import {mapGetters} from 'vuex'
+    import {events} from '@/bus'
+
+    export default {
+        name: 'FileActionsMobile',
+        components: {
+            MobileActionButtonUpload,
+            MobileActionButton,
+            UploadProgress,
+        },
+        computed: {
+            ...mapGetters([
+                //
+            ]),
+        },
+        data() {
+            return {
+                isSelectMode: false,
+            }
+        },
+        methods: {
+            showLocations() {
+                events.$emit('mobile-menu:show', 'invoice-filter')
+            },
+			createButton() {
+                events.$emit('mobile-menu:show', 'invoice-create')
+            },
+			showViewOptions() {
+				events.$emit('mobile-menu:show', 'file-sorting')
+			},
+
+
+            selectAll() {
+                this.$store.commit('ADD_ALL_ITEMS_TO_CLIPBOARD')
+            },
+            deselectAll() {
+                this.$store.commit('CLIPBOARD_CLEAR')
+            },
+            enableMultiSelectMode() {
+                this.isSelectMode = true
+
+                events.$emit('mobileSelecting:start')
+            },
+            disableMultiSelectMode() {
+                this.isSelectMode = false
+
+                events.$emit('mobileSelecting:stop')
+            },
+        },
+        mounted() {
+            events.$on('mobileSelecting:stop', () => this.isSelectMode = false)
+        }
+    }
+</script>
+
+<style scoped lang="scss">
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+
+    .button-enter-active,
+    .button-leave-active {
+        transition: all 250ms;
+    }
+
+    .button-enter {
+        opacity: 0;
+        transform: translateY(-50%);
+    }
+
+    .button-leave-to {
+        opacity: 0;
+        transform: translateY(50%);
+    }
+
+    .button-leave-active {
+        position: absolute;
+    }
+
+    #mobile-actions-wrapper {
+        display: none;
+        background: white;
+        position: sticky;
+        top: 35px;
+        z-index: 3;
+    }
+
+    .mobile-actions {
+        white-space: nowrap;
+        overflow-x: auto;
+        margin: 0 -15px;
+        padding: 10px 0 10px 15px;
+    }
+
+    @media only screen and (max-width: 960px) {
+
+        #mobile-actions-wrapper {
+            display: block;
+        }
+    }
+
+    @media (prefers-color-scheme: dark) {
+        #mobile-actions-wrapper {
+            background: $dark_mode_background;
+        }
+    }
+</style>

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

@@ -15,7 +15,7 @@
             <SearchBar v-model="query" @reset-query="query = ''" class="mobile-search" :placeholder="$t('inputs.placeholder_search_files')" />
 
 			<!--Mobile Actions-->
-            <FileActionsMobile />
+            <InvoiceActionsMobile />
 
 			<!--Item previews list-->
             <div class="file-list-wrapper">
@@ -53,12 +53,12 @@
 </template>
 
 <script>
+    import InvoiceActionsMobile from '@/Oasis/Modules/Invoices/components/InvoiceActionsMobile'
 	import InvoiceInfoSidebar from '@/Oasis/Modules/Invoices/components/InvoiceInfoSidebar'
-    import FileActionsMobile from '@/components/FilesView/FileActionsMobile'
-	import MobileToolbar from '@/components/FilesView/MobileToolbar'
-	import EmptyFilePage from '@/components/FilesView/EmptyFilePage'
-	import EmptyMessage from '@/components/FilesView/EmptyMessage'
 	import InvoiceItem from '@/Oasis/Modules/Invoices/components/InvoiceItem'
+	import EmptyFilePage from '@/components/FilesView/EmptyFilePage'
+	import MobileToolbar from '@/components/FilesView/MobileToolbar'
+	import EmptyMessage from '@/components/FilesView/EmptyMessage'
 	import SearchBar from '@/components/FilesView/SearchBar'
 	import {mapGetters} from 'vuex'
 	import {events} from '@/bus'
@@ -66,7 +66,7 @@
 	export default {
 		name: 'FilesContainer',
 		components: {
-			FileActionsMobile,
+			InvoiceActionsMobile,
 			EmptyFilePage,
 			MobileToolbar,
 			InvoiceItem,

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

@@ -0,0 +1,64 @@
+<template>
+    <MenuMobile name="invoice-create">
+        <MenuMobileGroup>
+            <OptionGroup>
+                <Option @click.native="showLocation('invoices')" title="New Invoice" icon="file-plus" is-hover-disabled="true" />
+                <Option @click.native="showLocation('advance-invoices')" title="New Advance Invoices" icon="file-plus" is-hover-disabled="true" />
+            </OptionGroup>
+            <OptionGroup>
+                <Option @click.native="showLocation('clients')" title="New Client" icon="user-plus" is-hover-disabled="true" />
+            </OptionGroup>
+        </MenuMobileGroup>
+    </MenuMobile>
+</template>
+
+<script>
+import MenuMobileGroup from '@/components/Mobile/MenuMobileGroup'
+import OptionGroup from '@/components/FilesView/OptionGroup'
+import MenuMobile from '@/components/Mobile/MenuMobile'
+import Option from '@/components/FilesView/Option'
+import {mapGetters} from 'vuex'
+
+export default {
+    name: 'InvoiceFilterMobile',
+    components: {
+        MenuMobileGroup,
+        OptionGroup,
+        MenuMobile,
+        Option,
+    },
+    computed: {
+        ...mapGetters([
+            'homeDirectory'
+        ]),
+    },
+    methods: {
+		showLocation(location) {
+
+		},
+        flushBrowseHistory() {
+            this.$store.commit('FLUSH_FOLDER_HISTORY')
+        },
+        goToFiles() {
+            this.$store.dispatch('getFolder', [{folder: this.homeDirectory, back: false, init: true}])
+            this.flushBrowseHistory()
+        },
+        goToLatest() {
+            this.$store.dispatch('getLatest')
+            this.flushBrowseHistory()
+        },
+        goToTrash() {
+            this.$store.dispatch('getTrash')
+            this.flushBrowseHistory()
+        },
+        goToShared() {
+            this.$store.dispatch('getShared', [{back: false, init: false}])
+            this.flushBrowseHistory()
+        },
+        goToParticipantUploads() {
+            this.$store.dispatch('getParticipantUploads')
+            this.flushBrowseHistory()
+        }
+    }
+}
+</script>

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

@@ -0,0 +1,64 @@
+<template>
+    <MenuMobile name="invoice-filter">
+        <MenuMobileGroup>
+            <OptionGroup>
+                <Option @click.native="showLocation('invoices')" title="Invoices" icon="file-text" is-hover-disabled="true" />
+                <Option @click.native="showLocation('advance-invoices')" title="Advance Invoices" icon="clock" is-hover-disabled="true" />
+            </OptionGroup>
+            <OptionGroup>
+                <Option @click.native="showLocation('clients')" title="Clients" icon="users" is-hover-disabled="true" />
+            </OptionGroup>
+        </MenuMobileGroup>
+    </MenuMobile>
+</template>
+
+<script>
+import MenuMobileGroup from '@/components/Mobile/MenuMobileGroup'
+import OptionGroup from '@/components/FilesView/OptionGroup'
+import MenuMobile from '@/components/Mobile/MenuMobile'
+import Option from '@/components/FilesView/Option'
+import {mapGetters} from 'vuex'
+
+export default {
+    name: 'InvoiceFilterMobile',
+    components: {
+        MenuMobileGroup,
+        OptionGroup,
+        MenuMobile,
+        Option,
+    },
+    computed: {
+        ...mapGetters([
+            'homeDirectory'
+        ]),
+    },
+    methods: {
+		showLocation(location) {
+
+		},
+        flushBrowseHistory() {
+            this.$store.commit('FLUSH_FOLDER_HISTORY')
+        },
+        goToFiles() {
+            this.$store.dispatch('getFolder', [{folder: this.homeDirectory, back: false, init: true}])
+            this.flushBrowseHistory()
+        },
+        goToLatest() {
+            this.$store.dispatch('getLatest')
+            this.flushBrowseHistory()
+        },
+        goToTrash() {
+            this.$store.dispatch('getTrash')
+            this.flushBrowseHistory()
+        },
+        goToShared() {
+            this.$store.dispatch('getShared', [{back: false, init: false}])
+            this.flushBrowseHistory()
+        },
+        goToParticipantUploads() {
+            this.$store.dispatch('getParticipantUploads')
+            this.flushBrowseHistory()
+        }
+    }
+}
+</script>

resources/js/components/FilesView/MobileActionButton.vue

@@ -1,6 +1,7 @@
 <template>
     <button class="mobile-action-button">
         <div class="flex">
+            <file-plus-icon v-if="icon === 'file-plus'" size="15" class="icon dark-text-theme" />
             <filter-icon v-if="icon === 'filter'" size="15" class="icon dark-text-theme" />
             <credit-card-icon v-if="icon === 'credit-card'" size="15" class="icon dark-text-theme" />
             <folder-plus-icon v-if="icon === 'folder-plus'" size="15" class="icon dark-text-theme" />
@@ -22,7 +23,7 @@
 </template>
 
 <script>
-    import { FilterIcon, DollarSignIcon, CheckIcon, XSquareIcon, CheckSquareIcon, FolderPlusIcon, ListIcon, GridIcon, TrashIcon, UserPlusIcon, PlusIcon, CreditCardIcon  } from 'vue-feather-icons'
+    import { FilePlusIcon, FilterIcon, DollarSignIcon, CheckIcon, XSquareIcon, CheckSquareIcon, FolderPlusIcon, ListIcon, GridIcon, TrashIcon, UserPlusIcon, PlusIcon, CreditCardIcon  } from 'vue-feather-icons'
     import SortingIcon from '@/components/FilesView/Icons/SortingIcon'
 
     export default {
@@ -31,6 +32,7 @@
             'icon'
         ],
         components: {
+			FilePlusIcon,
             SortingIcon,
             CheckSquareIcon,
             DollarSignIcon,

resources/js/components/FilesView/Option.vue

@@ -28,6 +28,8 @@
             <cloud-icon v-if="icon === 'cloud'" size="17" class="group-hover-text-theme" :class="{'text-theme': isActive}"/>
             <credit-card-icon v-if="icon === 'credit-card'" size="17" class="group-hover-text-theme" :class="{'text-theme': isActive}"/>
             <file-text-icon v-if="icon === 'file-text'" size="17" class="group-hover-text-theme" :class="{'text-theme': isActive}"/>
+            <file-plus-icon v-if="icon === 'file-plus'" size="17" class="group-hover-text-theme" :class="{'text-theme': isActive}"/>
+            <user-plus-icon v-if="icon === 'user-plus'" size="17" class="group-hover-text-theme" :class="{'text-theme': isActive}"/>
             <database-icon v-if="icon === 'database'" size="17" class="group-hover-text-theme" :class="{'text-theme': isActive}"/>
             <globe-icon v-if="icon === 'globe'" size="17" class="group-hover-text-theme" :class="{'text-theme': isActive}"/>
             <monitor-icon v-if="icon === 'monitor'" size="17" class="group-hover-text-theme" :class="{'text-theme': isActive}"/>
@@ -47,6 +49,8 @@
 <script>
 import AlphabetIcon from '@/components/FilesView/Icons/AlphabetIcon'
 import {
+	UserPlusIcon,
+	FilePlusIcon,
 	SendIcon,
 	ClockIcon,
     ChevronRightIcon,
@@ -91,6 +95,8 @@ import {
             'icon'
         ],
         components: {
+			UserPlusIcon,
+			FilePlusIcon,
 			SendIcon,
 			ClockIcon,
 			BoxIcon,

resources/js/router.js

@@ -89,7 +89,7 @@ const routesOasis = [
                     import(/* webpackChunkName: "chunks/oasis/invoices/list" */ './Oasis/Modules/Invoices/InvoicesList'),
                 meta: {
                     requiresAuth: true,
-                    title: 'Faktúry'
+                    title: 'Invoices'
                 },
             }
         ]