From 17a9ca41de765cd2e59d6ec6ea4beb5025209671 Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Wed, 15 Dec 2021 01:11:38 +0000
Subject: [PATCH]

---
 ayanova/devdocs/todo.txt                        |  2 +-
 ayanova/src/components/work-order-signature.vue | 17 +++++++++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index f8b197b3..4afbf59e 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -234,7 +234,7 @@ TODO: 1 BETA DOCS:
   \_____|______|_____|______|_| \_|  |_|   
                                            
 
-- 1 todo: update all front end dependencies
+- 1 todo: signature image control in main wo form now has border and gray color, stands out, looks weird, sb hidden maybe if no sig or...?
 
 
 - 1 bugbug?:open vendor, print report, go back it shows as savable all of a sudden despite no changes made in UI, also does not give dirty save prompt when leave it even though save icon is showing enabled bold
diff --git a/ayanova/src/components/work-order-signature.vue b/ayanova/src/components/work-order-signature.vue
index 9fcba528..c9adc0ad 100644
--- a/ayanova/src/components/work-order-signature.vue
+++ b/ayanova/src/components/work-order-signature.vue
@@ -14,6 +14,8 @@
             <v-icon>$ayiEdit</v-icon>
           </v-btn>
           <img
+            v-if="hasSignature"
+            data-cy="sigImage"
             class="grey lighten-5"
             width="100px"
             height="50px"
@@ -59,9 +61,15 @@
                 }}</span>
               </div>
             </template>
-            <v-sheet v-if="$vuetify.breakpoint.xs" width="275px" height="137px">
+            <v-sheet
+              v-if="$vuetify.breakpoint.xs"
+              data-cy="sigSheet"
+              width="275px"
+              height="137px"
+            >
               <vueSignature
                 ref="sigCtrl"
+                data-cy="sigCtrl"
                 :sig-option="sigOption"
                 :disabled="disabled || imgUrl != null"
                 :default-url="imgUrl"
@@ -69,9 +77,10 @@
                 :h="'137px'"
               ></vueSignature>
             </v-sheet>
-            <v-sheet v-else width="500px" height="250px">
+            <v-sheet v-else data-cy="sigSheet" width="500px" height="250px">
               <vueSignature
                 ref="sigCtrl"
+                data-cy="sigCtrl"
                 :sig-option="sigOption"
                 :disabled="disabled || imgUrl != null"
                 :default-url="imgUrl"
@@ -120,6 +129,7 @@
               color="blue darken-1"
               text
               @click="save()"
+              data-cy="sigOK"
               >{{ $ay.t("OK") }}</v-btn
             >
           </v-card-actions>
@@ -235,6 +245,9 @@ export default {
     }
   },
   computed: {
+    hasSignature: function() {
+      return this.imgUrl != null;
+    },
     imgUrl: function() {
       let sig = null;
       if (this.variant == "customer") {