From 6a7b02a157af4622077dbf88b02a2721f4cdc0af Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Tue, 6 Oct 2020 16:17:22 +0000
Subject: [PATCH]

---
 ayanova/src/plugins/vuetify.js                | 32 +++++++++++++++++++
 .../src/views/adm-global-select-templates.vue |  8 ++---
 ayanova/src/views/ay-data-list-view.vue       |  8 ++---
 3 files changed, 40 insertions(+), 8 deletions(-)

diff --git a/ayanova/src/plugins/vuetify.js b/ayanova/src/plugins/vuetify.js
index 9d586b51..029cf65d 100644
--- a/ayanova/src/plugins/vuetify.js
+++ b/ayanova/src/plugins/vuetify.js
@@ -17,6 +17,7 @@ import {
   faAddressCard,
   faArrowsAltH,
   faArrowsAltV,
+  faBackward,
   faBars,
   faBell,
   faBinoculars,
@@ -70,6 +71,7 @@ import {
   faFileWord,
   faFilter,
   faFolder,
+  faForward,
   faGenderless,
   faGlasses,
   faGlobe,
@@ -109,6 +111,8 @@ import {
   faSitemap,
   faSlidersH,
   faSquareFull,
+  faStepBackward,
+  faStepForward,
   faStickyNote,
   faStore,
   faStrikethrough,
@@ -135,6 +139,7 @@ library.add(
   faAddressCard,
   faArrowsAltH,
   faArrowsAltV,
+  faBackward,
   faBars,
   faBell,
   faBinoculars,
@@ -188,6 +193,7 @@ library.add(
   faFileWord,
   faFilter,
   faFolder,
+  faForward,
   faGenderless,
   faGlasses,
   faGlobe,
@@ -228,6 +234,8 @@ library.add(
   faSlidersH,
   farSquare,
   faSquareFull,
+  faStepBackward,
+  faStepForward,
   faStickyNote,
   faStore,
   faStrikethrough,
@@ -272,6 +280,12 @@ const CUSTOM_ICONS = {
       icon: ["fas", "arrows-alt-v"]
     }
   },
+  ayiBackward: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "backward"]
+    }
+  },
   ayiBell: {
     component: FontAwesomeIcon,
     props: {
@@ -578,6 +592,12 @@ const CUSTOM_ICONS = {
       icon: ["fas", "folder"]
     }
   },
+  ayiForward: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "forward"]
+    }
+  },
   ayiGenderless: {
     component: FontAwesomeIcon,
     props: {
@@ -812,6 +832,18 @@ const CUSTOM_ICONS = {
       icon: ["fas", "square-full"]
     }
   },
+  ayiStepBackward: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "step-backward"]
+    }
+  },
+  ayiStepForward: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "step-forward"]
+    }
+  },
   ayiStickyNote: {
     component: FontAwesomeIcon,
     props: {
diff --git a/ayanova/src/views/adm-global-select-templates.vue b/ayanova/src/views/adm-global-select-templates.vue
index 2eb8d3c9..ba4345b2 100644
--- a/ayanova/src/views/adm-global-select-templates.vue
+++ b/ayanova/src/views/adm-global-select-templates.vue
@@ -57,16 +57,16 @@
                   <!-- RE-ORDER CONTROL -->
                   <div class="d-flex justify-space-between">
                     <v-btn large icon @click="move('start', index)"
-                      ><v-icon large>fa-step-backward</v-icon></v-btn
+                      ><v-icon large>$ayiStepBackward</v-icon></v-btn
                     >
                     <v-btn large icon @click="move('left', index)"
-                      ><v-icon large>fa-backward</v-icon></v-btn
+                      ><v-icon large>$ayiBackward</v-icon></v-btn
                     >
                     <v-btn large icon @click="move('right', index)"
-                      ><v-icon large>fa-forward</v-icon></v-btn
+                      ><v-icon large>$ayiForward</v-icon></v-btn
                     >
                     <v-btn large icon @click="move('end', index)"
-                      ><v-icon large>fa-step-forward</v-icon></v-btn
+                      ><v-icon large>$ayiStepForward</v-icon></v-btn
                     >
                   </div>
                 </v-card-text>
diff --git a/ayanova/src/views/ay-data-list-view.vue b/ayanova/src/views/ay-data-list-view.vue
index 0994d692..5f29e3e1 100644
--- a/ayanova/src/views/ay-data-list-view.vue
+++ b/ayanova/src/views/ay-data-list-view.vue
@@ -61,17 +61,17 @@
                   <div class="d-flex justify-space-between">
                     <v-btn large icon @click="move('start', index)"
                       ><v-icon large :data-cy="!!$ay.dev ? 'movestart' : false"
-                        >fa-step-backward</v-icon
+                        >$ayiStepBackward</v-icon
                       ></v-btn
                     >
                     <v-btn large icon @click="move('left', index)"
-                      ><v-icon large>fa-backward</v-icon></v-btn
+                      ><v-icon large>$ayiBackward</v-icon></v-btn
                     >
                     <v-btn large icon @click="move('right', index)"
-                      ><v-icon large>fa-forward</v-icon></v-btn
+                      ><v-icon large>$ayiForward</v-icon></v-btn
                     >
                     <v-btn large icon @click="move('end', index)"
-                      ><v-icon large>fa-step-forward</v-icon></v-btn
+                      ><v-icon large>$ayiStepForward</v-icon></v-btn
                     >
                   </div>
                   <!-- SORT CONTROL -->