updated resource and added fontawesome to dependencies

Author: ricardovanlaarhoven

generator/index.js

@@ -6,6 +6,7 @@ module.exports = (api, options) => {
             'axios': '^0.18.0',
             'vuex': '^3.1.0',
             'vuex-persistedstate': '^2.5.4',
+            '@fortawesome/fontawesome-pro': '^5.8.1',
         },
     });
     if (options.useCrud) {
@@ -37,7 +38,7 @@ module.exports = (api, options) => {
 
         if (options.useCrud) {
             helpers.updateFile(api, api.entryFile, lines => {
-                const vueImportIndex = lines.findIndex(line => line.match(/^import Vue/));
+                const vueImportIndex = lines.findIndex(line => line.match(/^plugins/));
                 const newVueIndex = lines.findIndex(line => line.match(/^new Vue/));
 
                 lines.splice(vueImportIndex + 1, 0, 'import API from \'./API.js\';');

generator/templates/Crud/src/Components/forms/User.vue

@@ -12,6 +12,13 @@
                                 label="Naam"
                                 required
                                 v-model="values.name"></v-text-field>
+                            <v-text-field
+                                :counter="150"
+                                :rules="[(v) => !!v || 'E-mail is verplicht', v => serverError('name', v), (v) => !!v && v.length <= 100 || 'het e-mailadres mag maximaal 150 tekens bevatten']"
+                                label="E-mail"
+                                hint="Het e-mailadres waarmee de gebruiker gaat inloggen en waarnaar een mail verzonden wordt met instructies om een wachtwoord aan te maken"
+                                required
+                                v-model="values.email"></v-text-field>
                         </v-card-text>
                     </v-card>
                 </v-form>

generator/templates/Crud/src/Views/UserResource.vue

@@ -8,6 +8,7 @@
         name: 'user-resource',
         data() {
             return {
+                meta: {name: 'gebruiker', namePlural: 'gebruikers'},
                 selected: null,
                 resourceUri: 'user',
                 tableContent: [
@@ -17,6 +18,12 @@
                         sortable: true,
                         value: 'name',
                     },
+                    {
+                        text: 'E-mail',
+                        align: 'left',
+                        sortable: true,
+                        value: 'email',
+                    },
                 ],
                 createFormComponent: UserForm,
                 updateFormComponent: UserForm

generator/templates/TemplateLoader/src/templates/Default.vue

@@ -1,34 +1,62 @@
 <template>
     <div id="app">
-        <v-app class="primary" id="inspire">
+        <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>
-                <v-container>
-                    <v-content>
-                        <router-view/>
-                    </v-content>
-                </v-container>
+                <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 {
-        components: {},
-        watch: {},
-        props: [],
         name: 'template-default',
+        components: {ProfileMenu, MainMenu},
         data() {
-            return {};
+            return {
+                menu: true,
+            };
         },
-        created() {
-
+        beforeCreate() {
+            if (!this.$store.getters['Authorization/isLoggedIn']) {
+                this.$router.push({name: 'login'});
+            }
         },
-        methods: {},
     };
 </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>