verint.com/eo-services-client
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added optional tps prefix. Fixes #3

Browse Source
This commit is contained in:
Peter Morton 2023-10-20 17:17:17 -05:00
parent b46475d18b
commit 4509e275b2
1 changed files with 29 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/views/TelephonyContextView.vue
View File

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