- route 401 redirection

- guest & user view consolidation
2026-04-27 18:40:39 +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,99 @@
+<template>
+    <div class="landing-page">
+
+        <!--Navigation-->
+        <Navigation class="page-wrapper small"/>
+
+        <!--Page content-->
+        <div class="page-wrapper small">
+
+            <!--Headline-->
+            <PageTitle
+                    class="headline"
+                    :title="page.data.attributes.title"
+            ></PageTitle>
+
+            <!--Content-->
+            <div class="page-content" v-html="page.data.attributes.content_formatted"></div>
+        </div>
+
+        <!--Footer-->
+        <PageFooter/>
+    </div>
+</template>
+
+<script>
+    import PageTitle from '@/components/Index/Components/PageTitle'
+    import PageFooter from '@/components/Index/IndexPageFooter'
+    import Navigation from '@/components/Index/IndexNavigation'
+    import {mapGetters} from 'vuex'
+    import axios from 'axios'
+
+    export default {
+        name: 'DynamicPage',
+        components: {
+            PageFooter,
+            Navigation,
+            PageTitle,
+        },
+        computed: {
+            ...mapGetters(['config']),
+        },
+        data() {
+            return {
+                isLoading: false,
+                page: undefined,
+            }
+        },
+        watch: {
+            $route(to, from) {
+                this.getPage()
+            }
+        },
+        methods: {
+            getPage() {
+                axios.get('/api/page/' + this.$route.params.slug)
+                    .then(response => {
+                        this.page = response.data
+
+                        this.$scrollTop()
+                    })
+            }
+        },
+        created() {
+            this.getPage()
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/vue-file-manager/_landing-page';
+    @import '@assets/vue-file-manager/_variables';
+    @import '@assets/vue-file-manager/_mixins';
+
+    .headline {
+        padding-top: 70px;
+        padding-bottom: 50px;
+    }
+
+    .page-content {
+
+        /deep/ p {
+            @include font-size(20);
+            font-weight: 500;
+            line-height: 1.65;
+            padding-bottom: 30px;
+        }
+    }
+
+    @media (prefers-color-scheme: dark) {
+
+    }
+
+    @media only screen and (max-width: 960px) {
+        .headline {
+            padding-top: 50px;
+            padding-bottom: 30px;
+        }
+    }
+</style>