From 4509e275b216f998990d8824b39b492073eaf9b5 Mon Sep 17 00:00:00 2001
From: "Peter.Morton" <Peter.Morton@verint.com>
Date: Fri, 20 Oct 2023 17:17:17 -0500
Subject: [PATCH] Added optional tps prefix. Fixes #3

---
 src/views/TelephonyContextView.vue | 52 +++++++++++++++++-------------
 1 file changed, 29 insertions(+), 23 deletions(-)

diff --git a/src/views/TelephonyContextView.vue b/src/views/TelephonyContextView.vue
index 515541d..2077d98 100644
--- a/src/views/TelephonyContextView.vue
+++ b/src/views/TelephonyContextView.vue
@@ -36,13 +36,19 @@ onMounted(() => {
 });
 
 function setValueFromTPS(reference, param, props) {
-  getTenantProperty(param, props)
-    .then((value) => {
-      reference.value = value;
-    })
-    .catch((err) => {
-      errorMessage.value = `${err} for TPS property ${param}`;
-    });
+
+  if (param.startsWith('tps:')) {
+    const tpsProperty = param.substring(4, param.length);
+    getTenantProperty(tpsProperty, props)
+      .then((value) => {
+        reference.value = value;
+      })
+      .catch((err) => {
+        errorMessage.value = `${err} for TPS property ${tpsProperty}`;
+      });
+  } else {
+    reference.value = param;
+  }
 }
 
 function fetchData() {
@@ -58,7 +64,7 @@ function fetchData() {
 <template>
   <div>
     <h2>Summary</h2>
-    
+
     <div class="customerAccount customer-detail-container" width="100%">
       <div class="customer-profile-fields vertical-layout">
         <div class="column-layout" style="width: 100%; max-width: 100%; height: 100%">
@@ -71,14 +77,14 @@ function fetchData() {
               <VerticalLabelValue label="Direction" :value="direction"></VerticalLabelValue>
               <VerticalLabelValue label="ANI" :value="ani"></VerticalLabelValue>
               <VerticalLabelValue label="DNIS" :value="dnis"></VerticalLabelValue>
-            <div v-if="authenticated == 'true'" id="authbox">
-              <font-awesome-icon id="auth" :icon="['fas', 'user-shield']" size="2xl" style="color: #45b408;"/>
-              Customer Authenticated
-            </div>
-            <div v-else id="noauthbox">
-              <font-awesome-icon id="noauth" :icon="['fas', 'user-lock']" size="2xl"/>
-              Customer Not Authenticated
-            </div>
+              <div v-if="authenticated == 'true'" id="authbox">
+                <font-awesome-icon id="auth" :icon="['fas', 'user-shield']" size="2xl" style="color: #45b408;" />
+                Customer Authenticated
+              </div>
+              <div v-else id="noauthbox">
+                <font-awesome-icon id="noauth" :icon="['fas', 'user-lock']" size="2xl" />
+                Customer Not Authenticated
+              </div>
             </div>
             <div class="blockOuterSpacingRight col2 column-layout-cell" style="width: 25%">
               <TransferSummary :summary="transferSummaryValue" />
@@ -103,22 +109,22 @@ p {
 
 #authbox {
   border-radius: 25px;
-  padding: 20px; 
+  padding: 20px;
   width: 200px;
-  height: 30px;  
-  border: 2px solid #45b408; 
+  height: 30px;
+  border: 2px solid #45b408;
 }
 
 #noauthbox {
   border-radius: 25px;
-  padding: 20px; 
+  padding: 20px;
   width: 200px;
-  height: 30px;  
-  border: 2px solid #e03800; 
+  height: 30px;
+  border: 2px solid #e03800;
 }
 
 #auth {
-  color: #45b408; 
+  color: #45b408;
 }
 
 #noauth {