Create client frontend

resources/js/Oasis/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>