🍱 updated to svg icons

Author: Jens van Hellemondt

generator/templates/Authorisation/src/components/authorisation/LoginCard.vue

@@ -17,7 +17,7 @@
                       v-model="form.email"
                       autocomplete="username"
           />
-          <KTextField :append-icon="showPassword ? 'fa-eye-slash' : 'fa-eye'"
+          <KTextField :append-icon="showPassword ? '$invisible' : '$visible'"
                       :type="showPassword ? 'text' : 'password'"
                       @click:append="showPassword = !showPassword"
                       field="password"

generator/templates/Authorisation/src/components/authorisation/PasswordResetCard.vue

@@ -18,15 +18,15 @@
               v-model="form.email"
           />
           <KTextField
-              :append-icon="showPassword ? 'fa-eye-slash' : 'fa-eye'"
+              :append-icon="showPassword ? '$invisible' : '$visible'"
               :type="showPassword ? 'text' : 'password'"
               @click:append="showPassword = !showPassword"
               field="password"
               tabindex="2"
               v-model="form.password"
           />
           <KTextField
-              :append-icon="showPassword ? 'fa-eye-slash' : 'fa-eye'"
+              :append-icon="showPassword ? '$invisible' : '$visible'"
               :type="showPassword ? 'text' : 'password'"
               @click:append="showPassword = !showPassword"
               field="password"

generator/templates/Authorisation/src/views/authorisation/RegistrationVerify.vue

@@ -21,15 +21,15 @@
                   v-model="form.email"
               />
               <KTextField
-                  :append-icon="showPassword ? 'far fa-eye-slash' : 'far fa-eye'"
+                  :append-icon="showPassword ? '$invisible' : '$visible'"
                   :type="showPassword ? 'text' : 'password'"
                   @click:append="showPassword = !showPassword"
                   field="password"
                   tabindex="1"
                   v-model="form.password"
               />
               <KTextField
-                  :append-icon="showPassword ? 'far fa-eye-slash' : 'far fa-eye'"
+                  :append-icon="showPassword ? '$invisible' : '$visible'"
                   :type="showPassword ? 'text' : 'password'"
                   @click:append="showPassword = !showPassword"
                   field="password"

generator/templates/Default/src/components/AppBarMenu.vue

@@ -8,7 +8,7 @@
     <template v-slot:activator="{ on }">
       <v-btn class="mr-6" fab icon v-on="on">
         <v-avatar class="accent" size="48" title>
-          <v-icon>fa-user</v-icon>
+          <v-icon>$user</v-icon>
         </v-avatar>
       </v-btn>
     </template>

generator/templates/Default/src/components/crud/fields/KFileField.vue

@@ -45,7 +45,7 @@ export default {
   computed: {
     icon() {
       if (!this.previewType) {
-        return 'fa-upload';
+        return '$upload';
       }
       return this.getIconByType(this.previewType);
     },
@@ -75,13 +75,13 @@ export default {
     },
     getIconByType(type) {
       if (type.match('video/*')) {
-        return 'fa-file-video';
+        return '$fileVideo';
       } else if (type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' || type === 'application/msword') {
-        return 'fa-file-word';
+        return '$fileWord';
       } else if (type === 'application/pdf') {
-        return 'fa-file-pdf';
+        return '$filePdf';
       }
-      return 'fa-file';
+      return '$fileUnkown';
     },
   },
 };

generator/templates/Default/src/components/menu/TheMainMenu.vue

@@ -7,7 +7,7 @@ export default {
   computed: {
     items: () => [
       {
-        icon: 'fa-users',
+        icon: '$users',
         title: 'Gebruikers',
         route: { name: 'users' },
       },