Mobile main navigation

2026-04-17 15:52:15 +00:00 · 2021-04-20 15:24:44 +02:00
parent 90051cec91
commit 33d45408d2
4 changed files with 137 additions and 119 deletions
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -72,7 +72,7 @@
    "/chunks/shared/authenticate.js": "/chunks/shared/authenticate.js?id=3d5c7754d438830a4204",
    "/chunks/shared/file-browser.js": "/chunks/shared/file-browser.js?id=f46e9dc63c1313bc2256",
    "/chunks/shared/single-file.js": "/chunks/shared/single-file.js?id=e8aedb75df7fe227d693",
-    "/chunks/sign-in.js": "/chunks/sign-in.js?id=f7ee802d26323cf3af5b",
+    "/chunks/sign-in.js": "/chunks/sign-in.js?id=1d2f0d12e71a2eae51f1",
    "/chunks/sign-up.js": "/chunks/sign-up.js?id=ce15b1156cf37c0a9703",
    "/chunks/stripe-credentials.js": "/chunks/stripe-credentials.js?id=64b25ff5fc21872e65cd",
    "/chunks/subscription-plans.js": "/chunks/subscription-plans.js?id=1d77583cf573b739bf3c",
@@ -229,7 +229,7 @@
    "/chunks/admin~chunks/files~chunks/oasis/invoices~chunks/platform~chunks/shared~chunks/shared-files~ch~d5261757.js": "/chunks/admin~chunks/files~chunks/oasis/invoices~chunks/platform~chunks/shared~chunks/shared-files~ch~d5261757.js?id=8ed8af4488e2e4068fac",
    "/chunks/admin~chunks/files~chunks/oasis/invoices~chunks/settings~chunks/shared-files~chunks/shared/fi~41abd910.js": "/chunks/admin~chunks/files~chunks/oasis/invoices~chunks/settings~chunks/shared-files~chunks/shared/fi~41abd910.js?id=c804f9bf9138c4da52e9",
    "/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=0ccc81388ec9941ce779",
+    "/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/platba.249a9996d8860ab6460b.hot-update.js": "/chunks/oasis/platba.249a9996d8860ab6460b.hot-update.js",
@@ -456,5 +456,19 @@
    "/chunks/oasis/invoices.3ccd9c262a1821c4f79a.hot-update.js": "/chunks/oasis/invoices.3ccd9c262a1821c4f79a.hot-update.js",
    "/chunks/oasis/invoices.5e0733e72ba2d3afcf51.hot-update.js": "/chunks/oasis/invoices.5e0733e72ba2d3afcf51.hot-update.js",
    "/chunks/oasis/invoices.37769d4dbff674656c56.hot-update.js": "/chunks/oasis/invoices.37769d4dbff674656c56.hot-update.js",
-    "/chunks/oasis/invoices.142f8f35b167f7265e5e.hot-update.js": "/chunks/oasis/invoices.142f8f35b167f7265e5e.hot-update.js"
+    "/chunks/oasis/invoices.142f8f35b167f7265e5e.hot-update.js": "/chunks/oasis/invoices.142f8f35b167f7265e5e.hot-update.js",
+    "/chunks/admin~chunks/oasis/invoices~chunks/platform.643abd8862705903594b.hot-update.js": "/chunks/admin~chunks/oasis/invoices~chunks/platform.643abd8862705903594b.hot-update.js",
+    "/chunks/admin~chunks/oasis/invoices~chunks/platform.faa833e41f47c15722df.hot-update.js": "/chunks/admin~chunks/oasis/invoices~chunks/platform.faa833e41f47c15722df.hot-update.js",
+    "/chunks/admin~chunks/oasis/invoices~chunks/platform.8108a60378ecd75e6991.hot-update.js": "/chunks/admin~chunks/oasis/invoices~chunks/platform.8108a60378ecd75e6991.hot-update.js",
+    "/chunks/admin~chunks/oasis/invoices~chunks/platform.2035ebccfc00e78c131c.hot-update.js": "/chunks/admin~chunks/oasis/invoices~chunks/platform.2035ebccfc00e78c131c.hot-update.js",
+    "/chunks/sign-in.3f6893ec51effab09790.hot-update.js": "/chunks/sign-in.3f6893ec51effab09790.hot-update.js",
+    "/chunks/admin~chunks/oasis/invoices~chunks/platform.605140779c45b18e92ad.hot-update.js": "/chunks/admin~chunks/oasis/invoices~chunks/platform.605140779c45b18e92ad.hot-update.js",
+    "/chunks/admin~chunks/oasis/invoices~chunks/platform.ab1d2ba59de48dedfad2.hot-update.js": "/chunks/admin~chunks/oasis/invoices~chunks/platform.ab1d2ba59de48dedfad2.hot-update.js",
+    "/chunks/admin~chunks/oasis/invoices~chunks/platform.cf88f8545a881aefbde3.hot-update.js": "/chunks/admin~chunks/oasis/invoices~chunks/platform.cf88f8545a881aefbde3.hot-update.js",
+    "/chunks/admin~chunks/oasis/invoices~chunks/platform.c2219d331ac0769e00d3.hot-update.js": "/chunks/admin~chunks/oasis/invoices~chunks/platform.c2219d331ac0769e00d3.hot-update.js",
+    "/chunks/admin~chunks/oasis/invoices~chunks/platform.8f7b0b9569c2881adaae.hot-update.js": "/chunks/admin~chunks/oasis/invoices~chunks/platform.8f7b0b9569c2881adaae.hot-update.js",
+    "/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"
 }
--- a/resources/js/Oasis/Modules/Invoices/InvoicesList.vue
+++ b/resources/js/Oasis/Modules/Invoices/InvoicesList.vue
@@ -1,52 +1,52 @@
 <template>
    <div @contextmenu.prevent.capture="contextMenu($event, undefined)" id="files-view">
-		<InvoiceDesktopToolbar/>
+		<InvoiceDesktopToolbar />
 		<InvoiceContextMenu />
-        <InvoiceBrowser/>
+        <InvoiceBrowser />
    </div>
 </template>

 <script>
    import InvoiceDesktopToolbar from '@/Oasis/Modules/Invoices/components/InvoiceDesktopToolbar'
-    import InvoiceBrowser from '@/Oasis/Modules/Invoices/components/InvoiceBrowser'
+	import InvoiceBrowser from '@/Oasis/Modules/Invoices/components/InvoiceBrowser'
 	import InvoiceContextMenu from '@/Oasis/Modules/Invoices/components/InvoiceContextMenu'
-    import {events} from '@/bus'
+	import {events} from '@/bus'

-    export default {
-        name: 'FilesView',
-        components: {
+	export default {
+		name: 'FilesView',
+		components: {
 			InvoiceDesktopToolbar,
-            InvoiceContextMenu,
-            InvoiceBrowser,
-        },
-        methods: {
-            contextMenu(event, item) {
-                events.$emit('contextMenu:show', event, item)
-            },
-        },
-    }
+			InvoiceContextMenu,
+			InvoiceBrowser,
+		},
+		methods: {
+			contextMenu(event, item) {
+				events.$emit('contextMenu:show', event, item)
+			},
+		},
+	}
 </script>

 <style lang="scss">

    #files-view {
-        font-family: 'Nunito', sans-serif;
-        font-size: 16px;
-        width: 100%;
-        height: 100%;
-        position: relative;
-        min-width: 320px;
-        overflow-x: hidden;
-        padding-left: 15px;
-        padding-right: 15px;
-        overflow-y: hidden;
-    }
+		font-family: 'Nunito', sans-serif;
+		font-size: 16px;
+		width: 100%;
+		height: 100%;
+		position: relative;
+		min-width: 320px;
+		overflow-x: hidden;
+		padding-left: 15px;
+		padding-right: 15px;
+		overflow-y: hidden;
+	}

-    @media only screen and (max-width: 690px) {
-        #files-view {
-            padding-left: 0;
-            padding-right: 0;
-        }
-    }
+	@media only screen and (max-width: 690px) {
+		#files-view {
+			padding-left: 0;
+			padding-right: 0;
+		}
+	}

 </style>
--- a/resources/js/components/Others/MobileNavigation.vue
+++ b/resources/js/components/Others/MobileNavigation.vue
@@ -4,26 +4,27 @@
        <!--User avatar-->
        <UserHeadline v-if="!clickedSubmenu" class="user-info" />

-        <!--Go back button-->
+		<!--Go back button-->
        <div v-if="clickedSubmenu" @click.stop="showSubmenu(undefined)" class="go-back">
            <chevron-left-icon size="19" class="text-theme" />
            <span class="title text-theme">{{ backTitle }}</span>
        </div>

-        <!--Menu links-->
+		<!--Menu links-->
        <MenuMobileGroup>

            <!--Main navigation-->
            <OptionGroup v-if="!clickedSubmenu">
-                <Option @click.native="goToFiles" :title="$t('menu.files')" icon="hard-drive" is-hover-disabled="true"/>
-                <Option @click.native.stop="showSubmenu('settings')" :title="$t('menu.settings')" icon="user" :is-arrow-right="true" is-hover-disabled="true"/>
-                <Option v-if="isAdmin" @click.native.stop="showSubmenu('admin')" :title="$t('menu.admin')" icon="settings" :is-arrow-right="true" is-hover-disabled="true"/>
+                <Option @click.native="goToFiles" :title="$t('menu.files')" icon="hard-drive" is-hover-disabled="true" />
+                <Option @click.native="goToInvoices" title="Invoices" icon="file-text" is-hover-disabled="true" />
+                <Option @click.native.stop="showSubmenu('settings')" :title="$t('menu.settings')" icon="user" :is-arrow-right="true" is-hover-disabled="true" />
+                <Option v-if="isAdmin" @click.native.stop="showSubmenu('admin')" :title="$t('menu.admin')" icon="settings" :is-arrow-right="true" is-hover-disabled="true" />
            </OptionGroup>
            <OptionGroup v-if="!clickedSubmenu">
                <Option @click.native="logOut" :title="$t('menu.logout')" icon="power" is-hover-disabled="true" />
            </OptionGroup>

-            <!--Submenu: User settings-->
+			<!--Submenu: User settings-->
            <OptionGroup v-if="clickedSubmenu === 'settings'">
                <Option @click.native="goToRoute('Profile')" :title="$t('menu.profile')" icon="user" is-hover-disabled="true" />
                <Option @click.native="goToRoute('Storage')" :title="$t('menu.storage')" icon="hard-drive" is-hover-disabled="true" />
@@ -35,7 +36,7 @@
                <Option @click.native="goToRoute('Invoice')" :title="$t('menu.invoices')" icon="file-text" is-hover-disabled="true" />
            </OptionGroup>

-            <!--Submenu: Admin settings-->
+			<!--Submenu: Admin settings-->
            <OptionGroup v-if="clickedSubmenu === 'admin'">
                <Option @click.native="goToRoute('Dashboard')" :title="$t('admin_menu.dashboard')" icon="box" is-hover-disabled="true" />
                <Option @click.native="goToRoute('Users')" :title="$t('admin_menu.users')" icon="users" is-hover-disabled="true" />
@@ -53,89 +54,92 @@

 <script>
    import MenuMobileGroup from '@/components/Mobile/MenuMobileGroup'
-    import OptionGroup from '@/components/FilesView/OptionGroup'
-    import UserHeadline from '@/components/Sidebar/UserHeadline'
-    import MenuMobile from '@/components/Mobile/MenuMobile'
-    import Option from '@/components/FilesView/Option'
-    import {ChevronLeftIcon} from 'vue-feather-icons'
-    import {mapGetters} from 'vuex'
+	import OptionGroup from '@/components/FilesView/OptionGroup'
+	import UserHeadline from '@/components/Sidebar/UserHeadline'
+	import MenuMobile from '@/components/Mobile/MenuMobile'
+	import Option from '@/components/FilesView/Option'
+	import {ChevronLeftIcon} from 'vue-feather-icons'
+	import {mapGetters} from 'vuex'

-    export default {
-        name: 'MobileNavigation',
-        components: {
-            ChevronLeftIcon,
-            MenuMobileGroup,
-            UserHeadline,
-            OptionGroup,
-            MenuMobile,
-            Option,
-        },
-        computed: {
-            ...mapGetters([
-                'homeDirectory',
-                'config',
-                'user',
-            ]),
-            isAdmin() {
-                return this.user && this.user.data.attributes.role === 'admin'
-            },
-            backTitle() {
-                let location = {
-                    'settings': this.$t('menu.settings'),
-                    'admin': this.$t('menu.admin')
-                }
+	export default {
+		name: 'MobileNavigation',
+		components: {
+			ChevronLeftIcon,
+			MenuMobileGroup,
+			UserHeadline,
+			OptionGroup,
+			MenuMobile,
+			Option,
+		},
+		computed: {
+			...mapGetters([
+				'homeDirectory',
+				'config',
+				'user',
+			]),
+			isAdmin() {
+				return this.user && this.user.data.attributes.role === 'admin'
+			},
+			backTitle() {
+				let location = {
+					'settings': this.$t('menu.settings'),
+					'admin': this.$t('menu.admin')
+				}

-                return 'Go back from ' + location[this.clickedSubmenu]
-            }
-        },
-        data() {
-            return {
-                clickedSubmenu: undefined,
-            }
-        },
-        methods: {
-            goToRoute(route) {
-                this.$router.push({name: route})
-                this.clickedSubmenu = undefined
-            },
-            showSubmenu(name) {
-                this.clickedSubmenu = name
-            },
-            goToFiles() {
-                if (this.$route.name !== 'Files')
-                    this.$router.push({name: 'Files'})
+				return 'Go back from ' + location[this.clickedSubmenu]
+			}
+		},
+		data() {
+			return {
+				clickedSubmenu: undefined,
+			}
+		},
+		methods: {
+			goToInvoices() {
+				this.$router.push({name: 'InvoicesList'})
+			},
+			goToRoute(route) {
+				this.$router.push({name: route})
+				this.clickedSubmenu = undefined
+			},
+			showSubmenu(name) {
+				this.clickedSubmenu = name
+			},
+			goToFiles() {
+				if (this.$route.name !== 'Files')
+					this.$router.push({name: 'Files'})

-                this.$store.dispatch('getFolder', [{folder: this.homeDirectory, back: false, init: true}])
-            },
-            logOut() {
-                this.$store.dispatch('logOut')
-            },
-        }
-    }
+				this.$store.dispatch('getFolder', [{folder: this.homeDirectory, back: false, init: true}])
+			},
+			logOut() {
+				this.$store.dispatch('logOut')
+			},
+		}
+	}
 </script>

 <style scoped lang="scss">
    @import "@assets/vuefilemanager/_variables";
-    @import "@assets/vuefilemanager/_mixins";
+	@import "@assets/vuefilemanager/_mixins";

-    .user-info {
-        padding: 20px 20px 10px;
-    }
+	.user-info {
+		padding: 20px 20px 10px;
+	}

-    .go-back {
-        display: flex;
-        align-items: center;
-        padding: 30px 20px 10px;
-        cursor: pointer;
+	.go-back {
+		display: flex;
+		align-items: center;
+		padding: 30px 20px 10px;
+		cursor: pointer;

-        .title {
-            @include font-size(14);
-            font-weight: 700;
-            margin-left: 10px;
-        }
+		.title {
+			@include font-size(14);
+			font-weight: 700;
+			margin-left: 10px;
+		}

-        polyline {
-            color: inherit;
-        }
-    }
+		polyline {
+			color: inherit;
+		}
+	}
 </style>
--- a/resources/js/views/Auth/SignIn.vue
+++ b/resources/js/views/Auth/SignIn.vue
@@ -91,8 +91,8 @@
            return {
                isLoading: false,
                checkedAccount: undefined,
-                loginPassword: '',
-                loginEmail: '',
+                loginPassword: 'vuefilemanager',
+                loginEmail: 'howdy@hi5ve.digital',
            }
        },
        methods: {