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

@@ -38,16 +38,22 @@
                 >{{ $ay.t("WorkOrder") }}&nbsp;{{ this.value.serial }}</span
               >
             </div>
-            <div>
-              <span class="text-h6">Signature title here</span>
-            </div>
-            <div class="mb-5">
-              <span class="subtitle-1"
-                >Signature header here with a lot of text that might span a long
-                ways</span
-              >
-            </div>
 
+            <template v-if="variant == 'customer'">
+              <div v-if="$store.state.globalSettings.signatureTitle">
+                <span class="text-h6">{{
+                  $store.state.globalSettings.signatureTitle
+                }}</span>
+              </div>
+              <div
+                class="mb-5"
+                v-if="$store.state.globalSettings.signatureHeader"
+              >
+                <span class="subtitle-1">{{
+                  $store.state.globalSettings.signatureHeader
+                }}</span>
+              </div>
+            </template>
             <vueSignature
               ref="sigCtrl"
               :sig-option="sigOption"
@@ -55,9 +61,16 @@
               :default-url="imgUrl"
             ></vueSignature>
             {{ sigDateLocalized }}
-            <div class="my-5">
-              <span class="subtitle-2">Signature footer here</span>
-            </div>
+            <template v-if="variant == 'customer'">
+              <div
+                class="my-5"
+                v-if="$store.state.globalSettings.signatureFooter"
+              >
+                <span class="subtitle-2">{{
+                  $store.state.globalSettings.signatureFooter
+                }}</span>
+              </div>
+            </template>
             <template>
               <div class="mt-8">
                 <v-text-field

ayanova/src/views/adm-global-settings.vue

@@ -142,6 +142,49 @@
               $ay.t("PickListTemplates")
             }}</v-btn></v-col
           >
+
+          <v-col cols="12" class="mt-4">
+            <div class="text-subtitle-1">
+              {{ $ay.t("CustomerSignature") }}
+            </div>
+          </v-col>
+
+          <v-col cols="12" sm="6" lg="4" xl="3">
+            <v-text-field
+              v-model="obj.signatureTitle"
+              :readonly="formState.readOnly"
+              :label="$ay.t('GlobalSignatureTitle')"
+              ref="signatureTitle"
+              data-cy="signatureTitle"
+              :error-messages="form().serverErrors(this, 'signatureTitle')"
+              @input="fieldValueChanged('signatureTitle')"
+            ></v-text-field>
+          </v-col>
+
+          <v-col cols="12" sm="6" lg="4" xl="3">
+            <v-text-field
+              v-model="obj.signatureHeader"
+              :readonly="formState.readOnly"
+              :label="$ay.t('GlobalSignatureHeader')"
+              ref="signatureHeader"
+              data-cy="signatureHeader"
+              :error-messages="form().serverErrors(this, 'signatureHeader')"
+              @input="fieldValueChanged('signatureHeader')"
+            ></v-text-field>
+          </v-col>
+
+          <v-col cols="12" sm="6" lg="4" xl="3">
+            <v-text-field
+              v-model="obj.signatureFooter"
+              :readonly="formState.readOnly"
+              :label="$ay.t('GlobalSignatureFooter')"
+              ref="signatureFooter"
+              data-cy="signatureFooter"
+              :error-messages="form().serverErrors(this, 'signatureFooter')"
+              @input="fieldValueChanged('signatureFooter')"
+            ></v-text-field>
+          </v-col>
+
           <v-col cols="12" class="mt-8">
             <div class="text-h4 primary--text">
               {{ $ay.t("CustomerAccessSettings") }}
@@ -714,6 +757,9 @@ export default {
           workLaborScheduleDefaultMinutes: 0,
           customerDefaultWorkOrderReportId: null,
           customerServiceRequestInfoHTML: null,
+          signatureTitle: null,
+          signatureHeader: null,
+          signatureFooter: null,
           customerAllowCSR: false,
           customerAllowCSRInTags: [],
           customerAllowCSROutTags: [],
@@ -986,7 +1032,11 @@ async function fetchTranslatedText(vm) {
     "NotifyEventWorkorderCreatedForCustomer",
     "NotifyEventWorkorderCompleted",
     "CustomerAccessWorkOrderReport",
-    "CSRInfoHTML"
+    "CSRInfoHTML",
+    "CustomerSignature",
+    "GlobalSignatureFooter",
+    "GlobalSignatureHeader",
+    "GlobalSignatureTitle"
   ]);
 }
 </script>