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: {

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>

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 -->