nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-28 02:50:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

- desktop navigation

Browse Source 
- invoice vuex module
This commit is contained in:
Peter Papp
2021-04-21 07:56:15 +02:00
parent 597a600109
commit 8707a61144
8 changed files with 163 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/Oasis/Modules/Invoices/Invoices.vue
+43 -32
View File
@@ -9,42 +9,42 @@
<InvoiceFilterMobile />
<InvoiceSortingMobile />
<!--Navigations-->
<!--Navigations-->
<MobileNavigation />
<SidebarNavigation/>
<SidebarNavigation />
<!--Sidebar navigation-->
<ContentSidebar>
<ContentGroup title="Invoices" class="navigator">
<div class="menu-list-wrapper vertical">
<router-link :to="{name: 'InvoicesList'}" class="menu-list-item link">
<a @click="goTo('invoices')" :class="{'is-active': $isThisLocation(['invoices'])}" class="menu-list-item link">
<div class="icon text-theme">
<file-text-icon size="17" />
</div>
<div class="label text-theme">
Invoices
</div>
</router-link>
<router-link :to="{name: 'Users'}" class="menu-list-item link">
</a>
<a @click="goTo('advance-invoices')" :class="{'is-active': $isThisLocation(['advance-invoices'])}" class="menu-list-item link">
<div class="icon text-theme">
<clock-icon size="17" />
</div>
<div class="label text-theme">
Advance Invoices
</div>
</router-link>
</a>
</div>
</ContentGroup>
<ContentGroup title="Others" class="navigator">
<div class="menu-list-wrapper vertical">
<router-link :to="{name: 'Plans'}" class="menu-list-item link">
<a @click="goTo('clients')" :class="{'is-active': $isThisLocation(['clients'])}" class="menu-list-item link">
<div class="icon text-theme">
<users-icon size="17" />
</div>
<div class="label text-theme">
Clients
</div>
</router-link>
</a>
</div>
</ContentGroup>
</ContentSidebar>
@@ -55,51 +55,62 @@
<script>
import InvoiceSortingMobile from '@/Oasis/Modules/Invoices/components/InvoiceSortingMobile'
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 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'
import ContentSidebar from '@/components/Sidebar/ContentSidebar'
import FilePreview from '@/components/FilesView/FilePreview'
import ContentGroup from '@/components/Sidebar/ContentGroup'
import { mapGetters } from 'vuex'
import {UsersIcon, FileTextIcon, ClockIcon} from 'vue-feather-icons'
import SidebarNavigation from '@/components/Sidebar/SidebarNavigation'
import MobileNavigation from '@/components/Others/MobileNavigation'
import ContentSidebar from '@/components/Sidebar/ContentSidebar'
import FilePreview from '@/components/FilesView/FilePreview'
import ContentGroup from '@/components/Sidebar/ContentGroup'
import {mapGetters} from 'vuex'
import {events} from '@/bus'
export default {
name: 'Settings',
computed: {
...mapGetters([
name: 'Settings',
computed: {
...mapGetters([
'config'
]),
},
components: {
},
components: {
InvoiceSortingMobile,
InvoiceFilterMobile,
InvoiceCreateMenu,
InvoiceMobileMenu,
SidebarNavigation,
MobileNavigation,
ContentSidebar,
FileTextIcon,
ContentGroup,
SidebarNavigation,
MobileNavigation,
ContentSidebar,
FileTextIcon,
ContentGroup,
FilePreview,
UsersIcon,
UsersIcon,
ClockIcon,
},
},
data() {
return {
isScaledDown: false
isScaledDown: false,
}
},
methods: {
goTo(category) {
let routes = {
'invoices': 'getInvoices',
'advance-invoices': 'getAdvanceInvoices',
'clients': 'getClients',
}
this.$store.dispatch(routes[category])
}
},
mounted() {
events.$on('mobile-menu:show', () => this.isScaledDown = true)
events.$on('fileItem:deselect', () => this.isScaledDown = false)
events.$on('mobile-menu:hide', () => this.isScaledDown = false)
}
}
}
</script>
<style lang="scss">
resources/js/Oasis/Modules/Invoices/components/InvoiceBrowser.vue
+6
View File
@@ -139,6 +139,12 @@
this.$store.commit('CLIPBOARD_CLEAR')
})
this.$store.commit('STORE_CURRENT_FOLDER', {
name: 'Invoices',
id: undefined,
location: 'invoices',
})
this.$store.commit('LOADING_STATE', {
isLoading: false,
data: [
resources/js/Oasis/Modules/Invoices/components/InvoiceContextMenu.vue
+1 -1
View File
@@ -5,7 +5,7 @@
<div class="menu-options" id="menu-list">
<OptionGroup class="menu-option-group">
<Option @click.native="" title="Edit Invoice" icon="rename" />
<Option @click.native="" title="Share Invoice" icon="send" />
<Option @click.native="" title="Send Invoice" icon="send" />
<Option @click.native="" title="Go to Company" icon="user" />
<Option @click.native="deleteItem" :title="$t('context_menu.delete')" icon="trash" />
</OptionGroup>
resources/js/Oasis/Modules/Invoices/components/InvoiceDesktopToolbar.vue
+1 -1
View File
@@ -112,7 +112,7 @@
this.$store.dispatch('deleteInvoice')
},
shareInvoice() {
alert('Share Invoice')
alert('Send Invoice')
},
},
}
resources/js/Oasis/Modules/Invoices/components/InvoiceMobileMenu.vue
+1 -1
View File
@@ -12,7 +12,7 @@
<MenuMobileGroup>
<OptionGroup class="menu-option-group">
<Option @click.native="" title="Edit Invoice" icon="rename" />
<Option @click.native="" title="Share Invoice" icon="send" />
<Option @click.native="" title="Send Invoice" icon="send" />
<Option @click.native="" title="Go to Company" icon="user" />
<Option @click.native="" :title="$t('context_menu.delete')" icon="trash" />
</OptionGroup>