ayanova/src/plugins/vuetify.js

@@ -46,6 +46,7 @@ import {
   faChevronDown,
   faChevronLeft,
   faChevronRight,
+  faCircle,
   faClipboard,
   faClock,
   faClone,
@@ -214,6 +215,7 @@ library.add(
   faChevronLeft,
   faChevronRight,
   faClipboard,
+  faCircle,
   farCircle,
   faClock,
   faClone,
@@ -476,7 +478,12 @@ const CUSTOM_ICONS = {
       icon: ["fas", "check-square"]
     }
   },
-
+  ayiCircle: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "circle"]
+    }
+  },
   ayiClipboard: {
     component: FontAwesomeIcon,
     props: {

ayanova/src/views/svc-csr.vue

@@ -11,25 +11,31 @@
               :showEditIcon="true"
               :includeInactive="true"
               v-model="obj.customerId"
-              :readonly="true"
+              readonly
               :label="$ay.t('Customer')"
               ref="customerId"
               data-cy="customerId"
             ></gz-pick-list>
           </v-col>
           <v-col cols="12" sm="6" lg="4" xl="3">
-            <!-- {{ priorityColor() }} -->
             <v-select
-              color="purple"
+              :color="priorityColor()"
+              :item-color="priorityColor()"
               v-model="obj.priority"
               :items="selectLists.priorities"
               item-text="name"
               item-value="id"
-              :readonly="true"
+              readonly
               :label="$ay.t('CustomerServiceRequestPriority')"
               ref="priority"
               data-cy="priority"
-            ></v-select>
+            >
+              <template v-slot:prepend
+                ><v-icon :color="priorityColor()">
+                  $ayiCircle
+                </v-icon>
+              </template></v-select
+            >
           </v-col>
           <v-col cols="12" sm="6" lg="4" xl="3">
             <v-select
@@ -37,7 +43,7 @@
               :items="selectLists.status"
               item-text="name"
               item-value="id"
-              :readonly="true"
+              readonly
               :label="$ay.t('CustomerServiceRequestStatus')"
               ref="status"
               data-cy="status"
@@ -403,11 +409,11 @@ export default {
     priorityColor: function() {
       switch (this.obj.priority) {
         case 1: //asap
-          return "warning";
+          return "accent";
         case 2: //emergency
           return "error";
         default:
-          return "info";
+          return "secondary";
       }
     },
     canSave: function() {