added default template

Author: ricardovanlaarhoven

generator/templates/Default/src/App.vue

@@ -0,0 +1,62 @@
+<template>
+    <div id="app">
+        <v-app id="inspire" v-if="$store.getters['Authorization/isLoggedIn']">
+            <v-navigation-drawer
+                app
+                fixed
+                v-model="menu"
+            >
+                <img :src="require('../assets/logo.png')" @click="$router.push({name: 'home'})" class="logo">
+                <v-divider class="mt-4"/>
+                <main-menu/>
+            </v-navigation-drawer>
+            <v-toolbar app color="primary" dark mfixed>
+                <v-toolbar-side-icon @click.stop="menu = !menu"></v-toolbar-side-icon>
+                <v-toolbar-title>Beheer</v-toolbar-title>
+                <v-spacer/>
+                <profile-menu></profile-menu>
+            </v-toolbar>
+            <v-content>
+                <router-view/>
+            </v-content>
+            <v-footer app color="primary" inset>
+                <span class="white--text pl-3">Created by Kings Code</span>
+            </v-footer>
+        </v-app>
+    </div>
+</template>
+
+<script>
+    import ProfileMenu from './components/ProfileMenu.vue';
+    import MainMenu from './components/MainMenu.vue';
+
+    export default {
+        name: 'template-default',
+        components: {ProfileMenu, MainMenu},
+        data() {
+            return {
+                menu: true,
+            };
+        },
+        beforeCreate() {
+            if (!this.$store.getters['Authorization/isLoggedIn']) {
+                this.$router.push({name: 'login'});
+            }
+        },
+    };
+</script>
+
+<style scoped lang="scss">
+
+    .logo {
+        display: block;
+        margin: 30px auto;
+        width: 50%;
+        cursor: pointer;
+    }
+</style>
+<style lang="scss">
+    .v-dialog--fullscreen > .v-card.v-sheet.theme--light {
+        background: rgb(248, 249, 250);
+    }
+</style>

generator/templates/Default/src/Components/MainMenu.vue

@@ -0,0 +1,79 @@
+<template>
+    <v-list>
+        <div
+            :key="item.title"
+            v-for="item in items">
+            <v-list-group
+                :disabled="item.disabled"
+                :prepend-icon="item.icon"
+                @click="routeTo(item.route)"
+                no-icon
+                v-if="typeof item.items !== 'undefined'"
+                v-model="item.active"
+            >
+                <v-list-tile @click="routeTo('merchant')" slot="activator">
+                    <v-list-tile-content>
+                        <v-list-tile-title>{{ item.title }}</v-list-tile-title>
+                    </v-list-tile-content>
+                </v-list-tile>
+
+                <v-list-tile
+                    :key="subItem.title"
+                    @click="routeTo(subItem.route)"
+
+                    v-for="subItem in item.items"
+                    v-model="$route.name === subItem.route"
+                >
+                    <v-list-tile-action>
+                        <v-icon>{{ subItem.icon }}</v-icon>
+                    </v-list-tile-action>
+                    <v-list-tile-content>
+                        <v-list-tile-title>{{ subItem.title }}</v-list-tile-title>
+                    </v-list-tile-content>
+
+                </v-list-tile>
+            </v-list-group>
+            <v-list-tile
+                @click="routeTo(item.route)"
+                v-else
+                v-model="$route.name === item.route"
+            >
+                <v-list-tile-action>
+                    <v-icon>{{ item.icon }}</v-icon>
+                </v-list-tile-action>
+                <v-list-tile-content>
+                    <v-list-tile-title>{{ item.title }}</v-list-tile-title>
+                </v-list-tile-content>
+
+            </v-list-tile>
+        </div>
+
+    </v-list>
+</template>
+
+<script>
+    export default {
+        name: 'MainMenu',
+        computed: {
+        data() {
+            return {
+                items: [
+                    {
+                        icon: 'fa-users',
+                        title: 'Gebruikers',
+                        route: 'users',
+                    }
+
+                ]
+            };
+        },
+        methods: {
+            routeTo(name) {
+                this.$router.push({name: name});
+            }
+        }
+    };
+</script>
+
+<style scoped>
+</style>

generator/templates/Default/src/Components/ProfileMenu.vue

@@ -0,0 +1,50 @@
+<template>
+    <v-menu
+        bottom
+        left
+        offset-y
+        transition="slide-y-transition"
+    >
+        <v-btn class="mr-3" fab icon slot="activator">
+            <v-avatar class="accent" size="48" title>
+                <span class="white--text headline"></span>
+            </v-avatar>
+        </v-btn>
+        <v-list>
+            <v-list-tile @click="routeTo('profile')">
+                <v-list-tile-title>Profiel</v-list-tile-title>
+            </v-list-tile>
+            <v-list-tile @click="logout">
+                <v-list-tile-title>Uitloggen</v-list-tile-title>
+            </v-list-tile>
+        </v-list>
+    </v-menu>
+</template>
+
+<script>
+
+    export default {
+        components: {},
+        watch: {},
+        props: [],
+        name: 'profile-menu',
+        data() {
+            return {};
+        },
+        created() {
+
+        },
+        methods: {
+            routeTo(name) {
+                this.$router.push({name: name});
+            },
+            logout() {
+                this.$store.dispatch('Authorization/unauthorized');
+            }
+        },
+    };
+</script>
+
+<style scoped lang="scss">
+
+</style>