vuefilemanager v1.4-beta.1

resources/js/views/Shared/NotFoundShared.vue

@@ -0,0 +1,53 @@
+<template>
+    <AuthContentWrapper ref="auth">
+
+        <!--Password reset link sended-->
+        <AuthContent name="not-found" :visible="true">
+            <img class="logo" :src="config.app_logo" :alt="config.app_name">
+            <h1>{{ $t('page_shared_404.title') }}</h1>
+            <h2>{{ $t('page_shared_404.subtitle') }}</h2>
+
+            <span class="additional-link">{{ $t('page_registration.have_an_account') }}
+                <router-link :to="{name: 'SignIn'}">
+                    {{ $t('page_forgotten_password.password_remember_button') }}
+                </router-link>
+            </span>
+        </AuthContent>
+    </AuthContentWrapper>
+</template>
+
+<script>
+    import AuthContentWrapper from '@/components/Auth/AuthContentWrapper'
+    import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
+    import AuthContent from '@/components/Auth/AuthContent'
+    import AuthButton from '@/components/Auth/AuthButton'
+    import {required} from 'vee-validate/dist/rules'
+    import {mapGetters} from 'vuex'
+    import axios from 'axios'
+
+    export default {
+        name: 'NotFoundShared',
+        components: {
+            AuthContentWrapper,
+            ValidationProvider,
+            ValidationObserver,
+            AuthContent,
+            AuthButton,
+            required,
+        },
+        computed: {
+            ...mapGetters(['config']),
+        },
+        data() {
+            return {
+                isLoading: false,
+            }
+        }
+    }
+</script>
+
+<style scoped lang="scss">
+    @import "@assets/app.scss";
+    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vue-file-manager/_auth';
+</style>

resources/js/views/Shared/SharedPage.vue

@@ -41,7 +41,7 @@
         <div v-if="currentPage === 'page-files'" id="files-view" :class="filesViewWidth">
             <div id="single-file" v-if="sharedDetail.type === 'file'">
                 <div class="single-file-wrapper">
-                    <FileItemGrid v-if="sharedFile" :data="sharedFile"/>
+                    <FileItemGrid v-if="sharedFile" :data="sharedFile" :context-menu="false"/>
 
                     <ButtonBase @click.native="download" class="download-button" button-style="theme">
                         {{ $t('page_shared.download_file') }}
@@ -84,7 +84,7 @@
     import axios from 'axios'
 
     export default {
-        name: 'SharedContent',
+        name: 'SharedPage',
         components: {
             ValidationProvider,
             ValidationObserver,
@@ -224,6 +224,15 @@
                         this.getFiles()
                     }
                 })
+                .catch(error => {
+
+                    console.log('error not found');
+
+                    if (error.response.status == 404) {
+
+                        this.$router.push({name: 'NotFoundShared'})
+                    }
+                })
         }
     }
 </script>
@@ -253,6 +262,7 @@
         left: 0;
         top: 0;
         display: grid;
+        height: 100%;
 
         .single-file-wrapper {
             margin: auto;