Invoice sorting menu

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

@@ -9,7 +9,7 @@
             <MobileActionButton @click.native="createButton" icon="file-plus">
                 Create
             </MobileActionButton>
-            <MobileActionButton @click.native="showViewOptions" icon="preview-sorting">
+            <MobileActionButton @click.native="showViewOptions" icon="th-list">
                 {{ $t('preview_sorting.preview_sorting_button') }}
             </MobileActionButton>
         </div>
@@ -48,10 +48,8 @@
                 events.$emit('mobile-menu:show', 'invoice-create')
             },
 			showViewOptions() {
-				events.$emit('mobile-menu:show', 'file-sorting')
+				events.$emit('mobile-menu:show', 'invoice-sorting')
 			},
-
-
             selectAll() {
                 this.$store.commit('ADD_ALL_ITEMS_TO_CLIPBOARD')
             },

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

@@ -17,7 +17,6 @@
 					<SearchBar v-model="query" @reset-query="query = ''" placeholder="Search your invoices..." />
 				</ToolbarGroup>
 
-
 				<!--Creating controls-->
 				<ToolbarGroup>
 					<PopoverWrapper>
@@ -28,7 +27,7 @@
 								<Option title="Create Advance Invoice" icon="clock" />
 							</OptionGroup>
 							<OptionGroup>
-								<Option title="Create Client" icon="user" />
+								<Option title="Create Client" icon="user-plus" />
 							</OptionGroup>
 						</PopoverItem>
 					</PopoverWrapper>

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

@@ -0,0 +1,61 @@
+<template>
+    <MenuMobile name="invoice-sorting">
+        <MenuMobileGroup>
+            <OptionGroup>
+				<Option @click.native.stop="sort('created_at')" :title="$t('preview_sorting.sort_date')" icon="calendar" />
+				<Option @click.native.stop="sort('name')" :title="$t('preview_sorting.sort_alphabet')" icon="alphabet" />
+            </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>