- route 401 redirection

- guest & user view consolidation
2026-05-04 05:05:58 +00:00 · 2021-03-16 15:53:34 +01:00
parent f142919cd1
commit 2c69553582
11 changed files with 105 additions and 377 deletions
@@ -0,0 +1,91 @@
+<template>
+    <div class="landing-page">
+        <div v-if="! isLoading">
+            <!--Navigation-->
+            <Navigation class="page-wrapper medium" />
+
+            <!--Header-->
+            <PageHeader />
+
+            <!--VueFileManager ScreenShot-->
+            <HeroScreenshot />
+
+            <!--Main Features-->
+            <MainFeatures />
+
+            <!--Pricing Tables-->
+            <PricingTables v-if="config.isSaaS" />
+
+            <!--Get Started Call To Action-->
+            <GetStarted />
+
+            <!--Footer-->
+            <PageFooter />
+        </div>
+        <div v-if="isLoading">
+            <Spinner></Spinner>
+        </div>
+    </div>
+</template>
+
+<script>
+    import HeroScreenshot from '@/components/Index/IndexHeroScreenshot'
+    import PricingTables from '@/components/Index/IndexPricingTables'
+    import MainFeatures from '@/components/Index/IndexMainFeatures'
+    import Navigation from '@/components/Index/IndexNavigation'
+    import PageHeader from '@/components/Index/IndexPageHeader'
+    import GetStarted from '@/components/Index/IndexGetStarted'
+    import PageFooter from '@/components/Index/IndexPageFooter'
+    import Spinner from '@/components/FilesView/Spinner'
+    import { mapGetters } from 'vuex'
+    import axios from 'axios'
+
+    export default {
+        name: 'Homepage',
+        components: {
+            HeroScreenshot,
+            PricingTables,
+            MainFeatures,
+            GetStarted,
+            Navigation,
+            PageHeader,
+            PageFooter,
+            Spinner,
+        },
+        computed: {
+            ...mapGetters(['config']),
+        },
+        data() {
+            return {
+                isLoading: true,
+            }
+        },
+        mounted() {
+
+            if (! this.config.allowHomepage)
+                this.$router.push({name: 'SignIn'})
+
+            // Get page content
+            axios.get('/api/content', {
+                params: {
+                    column: 'allow_homepage|footer_content|get_started_description|get_started_title|pricing_description|pricing_title|feature_description_3|feature_title_3|feature_description_2|feature_title_2|feature_description_1|feature_title_1|features_description|features_title|header_description|header_title|section_get_started|section_pricing_content|section_feature_boxes|section_features'
+                }
+            })
+                .then(response => {
+                    this.$store.commit('SET_INDEX_CONTENT', response.data)
+                })
+                .finally(() => {
+                    this.isLoading = false
+                })
+        },
+        created() {
+            this.$scrollTop()
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/vue-file-manager/_landing-page';
+    @import '@assets/vue-file-manager/_variables';
+    @import '@assets/vue-file-manager/_mixins';
+</style>