Invoice create menu

This commit is contained in:
Peter Papp
2021-04-20 15:51:01 +02:00
parent 33d45408d2
commit 4dfc5bcc35
9 changed files with 308 additions and 15 deletions

View File

@@ -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"
}

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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