ayanova/src/components/dash-base.vue

@@ -1,8 +1,8 @@
 <template>
   <!-- <v-sheet color="white" height="420px" style="overflow: auto;" elevation="4"> -->
-  <v-sheet color="white" style="overflow: auto;" elevation="4">
+  <v-sheet style="overflow: auto;" elevation="4">
     <slot name="dash-title">
-      <v-toolbar flat dense>
+      <v-toolbar color="grey lighten-5" flat dense>
         <template v-if="showMoreButton">
           <v-btn
             text

ayanova/src/components/dash-csr-open-list.vue

@@ -9,7 +9,7 @@
     v-on="$listeners"
   >
     <template slot="main">
-      <v-sheet height="400" class="overflow-y-auto">
+      <v-sheet height="400" class="mt-1 overflow-y-auto">
         <div
           v-if="obj.length == 0"
           class="ml-6 mt-6 text-h4 grey--text text--lighten-1"
@@ -17,14 +17,18 @@
           {{ $ay.t("NoData") }}
         </div>
         <template v-for="(item, i) in obj">
-          <v-list-item :key="i" two-line :to="'/svc-csrs/' + item.id">
+          <v-list-item :key="i" two-line :to="'/svc-csr/' + item.id">
             <v-list-item-content>
-              <v-list-item-title
-                ><span class="text-h6 primary--text">{{ item.serial }}</span
-                ><span class="ml-4">{{ $ay.dt(item.servicedate) }}</span>
-                <span class="ml-4">{{ item.name }}</span></v-list-item-title
+              <v-list-item-title>
+                <v-icon :color="priorityColor(item.priority)">
+                  $ayiCircle
+                </v-icon>
+                <span class="ml-4">{{ $ay.dt(item.daterequested) }}</span>
+                <span class="ml-4">{{
+                  item.customername
+                }}</span></v-list-item-title
               >
-              <v-list-item-subtitle>{{ item.notes }}</v-list-item-subtitle>
+              <v-list-item-subtitle>{{ item.csrname }}</v-list-item-subtitle>
             </v-list-item-content>
           </v-list-item>
         </template>
@@ -139,6 +143,16 @@ export default {
     await this.getDataFromApi();
   },
   methods: {
+    priorityColor: function(priority) {
+      switch (priority) {
+        case 1: //asap
+          return "warning";
+        case 2: //emergency
+          return "error";
+        default:
+          return "success";
+      }
+    },
     showContext: function() {
       this.localSettings = window.$gz.util.deepCopySkip(this.settings);
       this.context = true;