ayanova/src/components/work-order-address.vue

@@ -322,7 +322,23 @@
         <v-card-title>
           <span class="text-h5">{{ $ay.t("SelectAlternateAddress") }}</span>
         </v-card-title>
-        <v-card-text> {{ alternateAddresses }}</v-card-text>
+        <v-card-text>
+          <v-list>
+            <template v-for="(item, index) in alternateAddresses">
+              <v-list-item :key="index" @click="selectAlternate(item)">
+                <v-list-item-icon>{{ item.icon }} </v-list-item-icon>
+                <v-list-item-content>
+                  <v-list-item-title>{{ item.name }}</v-list-item-title>
+                  <v-list-item-subtitle
+                    v-html="item.viz"
+                  ></v-list-item-subtitle>
+                </v-list-item-content>
+              </v-list-item>
+            </template>
+          </v-list>
+
+          {{ alternateAddresses }}</v-card-text
+        >
         <v-card-actions>
           <v-spacer></v-spacer>
 
@@ -512,6 +528,7 @@ async function populateAlternateAddresses(vm) {
         vm.alternateAddresses.push({
           name: res.data.customerpost.name,
           viz: formatAddress(res.data.customerpost).postal,
+          icon: "$ayiBell",
           src: res.data
         });
         //headoffice if present
@@ -519,6 +536,7 @@ async function populateAlternateAddresses(vm) {
           vm.alternateAddresses.push({
             name: res.data.headofficepost.name,
             viz: formatAddress(res.data.headofficepost).postal,
+            icon: "$ayiBell",
             src: res.data
           });
         }
@@ -526,6 +544,7 @@ async function populateAlternateAddresses(vm) {
         vm.alternateAddresses.push({
           name: res.data.customerphys.name,
           viz: formatAddress(res.data.customerphys).physical,
+          icon: "$ayiBell",
           src: res.data
         });
       }
@@ -545,6 +564,7 @@ async function populateAlternateAddresses(vm) {
             vm.alternateAddresses.push({
               name: res.data.unit.name,
               viz: formatAddress(res.data.unit).physical,
+              icon: "$ayiBell",
               src: res.data
             });
           }

ayanova/src/views/ay-evaluate.vue

@@ -4,9 +4,7 @@
       <v-dialog v-model="seedDialog" persistent max-width="600px">
         <v-card>
           <v-card-title>
-            <span class="text-h5  mb-2">{{
-              $ay.t("GenerateSampleData")
-            }}</span>
+            <span class="text-h5 mb-2">{{ $ay.t("GenerateSampleData") }}</span>
           </v-card-title>
           <v-card-text>
             <div v-if="formState.readOnly" class="text-h6 mt-8 warning--text">