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

<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>