- Frontend restriction shared page

resources/js/views/FileView/Components/NavigationSharePanel.vue

@@ -8,7 +8,7 @@
 						<home-icon size="17"/>
 					</div>
 					<div class="label">
-						{{ $t('sidebar.home') }}
+						{{ $t('Home') }}
 					</div>
 				</a>
 			</div>
@@ -75,7 +75,13 @@ export default {
 	},
 	methods: {
 		goHome() {
-			this.$router.replace({name: 'Public', params: {token: this.$route.params.token, id: this.sharedDetail.item_id}})
+			this.$router.replace({
+				name: 'Public',
+				params: {
+					token: this.sharedDetail.data.attributes.token,
+					id: this.sharedDetail.data.attributes.item_id
+				}
+			})
 		},
 		dragLeave() {
 			this.area = false

resources/js/views/NotFound.vue

@@ -1,12 +1,10 @@
 <template>
     <AuthContentWrapper ref="auth">
-
-        <AuthContent name="not-found" :visible="true">
+        <AuthContent :visible="true">
 			<Headline
 				:title="$t('page_shared_404.title')"
 				:description="$t('page_shared_404.subtitle')"
 			/>
-
             <span class="additional-link">{{ $t('page_registration.have_an_account') }}
                 <router-link :to="{name: 'SignIn'}">
                     {{ $t('page_forgotten_password.password_remember_button') }}
@@ -18,32 +16,18 @@
 
 <script>
     import AuthContentWrapper from '/resources/js/components/Auth/AuthContentWrapper'
-    import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
     import AuthContent from '/resources/js/components/Auth/AuthContent'
     import AuthButton from '/resources/js/components/Auth/AuthButton'
-    import {required} from 'vee-validate/dist/rules'
 	import Headline from "./Auth/Headline"
-    import {mapGetters} from 'vuex'
 
     export default {
         name: 'NotFound',
         components: {
             AuthContentWrapper,
-            ValidationProvider,
-            ValidationObserver,
             AuthContent,
             AuthButton,
 			Headline,
-            required,
         },
-        computed: {
-            ...mapGetters(['config']),
-        },
-        data() {
-            return {
-                isLoading: false,
-            }
-        }
     }
 </script>
 

resources/js/views/Shared.vue

@@ -35,7 +35,7 @@
 
 			<MobileToolbar />
 
-					<!--File list & info sidebar-->
+			<!--File list & info sidebar-->
 			<div class="flex space-x-6 md:overflow-hidden md:h-full">
 
 				<router-view

resources/js/views/TemporaryUnavailable.vue

@@ -0,0 +1,38 @@
+<template>
+    <AuthContentWrapper ref="auth">
+
+        <AuthContent :visible="true">
+			<Headline
+				:title="$t('Temporary Unavailable')"
+				:description="$t('Unfortunately, this shared link is temporary unavailable. Please try it later.')"
+			/>
+
+            <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 '/resources/js/components/Auth/AuthContentWrapper'
+    import AuthContent from '/resources/js/components/Auth/AuthContent'
+    import AuthButton from '/resources/js/components/Auth/AuthButton'
+	import Headline from "./Auth/Headline"
+
+    export default {
+        name: 'NotFound',
+        components: {
+            AuthContentWrapper,
+            AuthContent,
+            AuthButton,
+			Headline,
+        },
+    }
+</script>
+
+<style scoped lang="scss">
+    @import '/resources/sass/vuefilemanager/_auth';
+</style>