Merge pull request #5 from kingscode/created-page-forbidden

Created page forbidden

Author: ricardovanlaarhoven

generator/templates/Default/src/API.js

@@ -46,6 +46,11 @@ instance.interceptors.response.use(
                     store.dispatch('Authorization/unauthorized');
                     break;
                 <%_ } _%>
+                case 403:
+                    router.push({
+                        name: '403',
+                    });
+                    break;
             }
         } else {
             if (error.request) {

generator/templates/Default/src/Views/PageForbidden.vue

@@ -0,0 +1,28 @@
+<template>
+    <div class="text-xs-center">
+        <h1>
+            Onjuiste autorisatie
+        </h1>
+        <div class="my-5 title">Je hebt niet voldoende rechten om deze actie uit te mogen voeren</div>
+        <v-btn color="primary" @click="home">Terug naar de homepage</v-btn>
+    </div>
+</template>
+
+<script>
+
+    export default {
+        name: 'page-forbidden',
+        data() {
+            return {};
+        },
+        methods: {
+            home() {
+                this.$router.push({name: 'home'});
+            },
+        },
+    };
+</script>
+
+<style scoped lang="scss">
+
+</style>

generator/templates/Default/src/router.js

@@ -12,6 +12,11 @@ export default new Router({
             name: 'home',
             component: () => import('@/views/Home'),
         },
+        {
+            path: '/403',
+            name: '403',
+            component: () => import('./views/PageForbidden.vue'),
+        },
         <%_ if (options.useAuthorisation) { _%>
         {
             path: '/login',