From 932c322e44e5cb975e1ca072eb5fc65bbb1df227 Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Mon, 5 Oct 2020 20:34:15 +0000
Subject: [PATCH]

---
 ayanova/src/plugins/vuetify.js | 54 ++++++++++++++++++++++++++++++++--
 ayanova/src/views/login.vue    |  4 +--
 2 files changed, 53 insertions(+), 5 deletions(-)

diff --git a/ayanova/src/plugins/vuetify.js b/ayanova/src/plugins/vuetify.js
index 8080c917..ffa86321 100644
--- a/ayanova/src/plugins/vuetify.js
+++ b/ayanova/src/plugins/vuetify.js
@@ -13,8 +13,13 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 Vue.component("font-awesome-icon", FontAwesomeIcon); // Register component globally
 import {
   faBars,
-  faUser,
+  faCaretDown,
+  faChevronDown,
   faEllipsisV,
+  faEye,
+  faEyeSlash,
+  faInfoCircle,
+  faUser,
   faKey,
   faQuestionCircle,
   faSignInAlt
@@ -22,7 +27,19 @@ import {
 //import { faUserCircle as farUserCircle } from "@fortawesome/free-regular-svg-icons";
 Vue.component("font-awesome-icon", FontAwesomeIcon);
 
-library.add(faBars, faKey, faQuestionCircle, faSignInAlt, faUser, faEllipsisV);
+library.add(
+  faBars,
+  faCaretDown,
+  faChevronDown,
+  faEllipsisV,
+  faEye,
+  faEyeSlash,
+  faInfoCircle,
+  faKey,
+  faQuestionCircle,
+  faSignInAlt,
+  faUser
+);
 
 const CUSTOM_ICONS = {
   ayiQuestionCircle: {
@@ -31,6 +48,18 @@ const CUSTOM_ICONS = {
       icon: ["fas", "question-circle"]
     }
   },
+  ayiEye: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "eye"]
+    }
+  },
+  ayiEyeSlash: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "eye-slash"]
+    }
+  },
   ayiEllipsisV: {
     component: FontAwesomeIcon,
     props: {
@@ -55,12 +84,31 @@ const CUSTOM_ICONS = {
       icon: ["fas", "user"]
     }
   },
+  //VUETIFY REQUIRED ONES
+  //https://vuetifyjs.com/en/features/icons/#using-custom-icons
+  dropdown: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "caret-down"]
+    }
+  },
+  info: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "info-circle"]
+    }
+  },
   menu: {
-    // used for the nav-icon by vuetify
     component: FontAwesomeIcon,
     props: {
       icon: ["fas", "bars"]
     }
+  },
+  sort: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "chevron-down"]
+    }
   }
 };
 //-------------
diff --git a/ayanova/src/views/login.vue b/ayanova/src/views/login.vue
index b441fe6b..daaacfa8 100644
--- a/ayanova/src/views/login.vue
+++ b/ayanova/src/views/login.vue
@@ -57,7 +57,7 @@
               >
               </v-select>
             </v-col>
-            <v-col cols="12" md="7">           
+            <v-col cols="12" md="7">
               <v-text-field
                 name="username"
                 id="username"
@@ -78,7 +78,7 @@
                 name="password"
                 id="password"
                 v-model="input.password"
-                :append-outer-icon="reveal ? 'fa-eye' : 'fa-eye-slash'"
+                :append-outer-icon="reveal ? '$ayiEye' : '$ayiEyeSlash'"
                 prepend-icon="$ayiKey"
                 :type="reveal ? 'text' : 'password'"
                 :error="errorBadCreds"