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

formatting

Browse Source
This commit is contained in:
Peter Morton 2023-11-02 14:12:18 -05:00
parent 3479329da8
commit d92aa3ee99
4 changed files with 22 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/CallRiskScoreBar.vue
View File

@ -8,7 +8,6 @@ const props = defineProps({
const id = "csrScoreBar";
onMounted(() => {
drawScale(id, d3.interpolateRdYlGn);
});
@ -16,13 +15,9 @@ onMounted(() => {
function drawScale(id, interpolator) {
var data = Array.from(Array(100).keys());
var cScale = d3.scaleSequential()
.interpolator(interpolator)
.domain([0, 99]);
var cScale = d3.scaleSequential().interpolator(interpolator).domain([0, 99]);
var xScale = d3.scaleLinear()
.domain([0, 99])
.range([0, 360]);
var xScale = d3.scaleLinear().domain([0, 99]).range([0, 360]);
d3.select("#" + id)
.selectAll("rect")
@ -39,9 +34,9 @@ function drawScale(id, interpolator) {
return Math.floor(xScale(d + 1)) - Math.floor(xScale(d)) + 1;
})
.attr("fill", (d) => {
if (d >= props.score && d < props.score+1) {
console.log("d = " + d)
return "black"
if (d >= props.score && d < props.score + 1) {
console.log("d = " + d);
return "black";
}
return cScale(d);
});
@ -50,14 +45,17 @@ function drawScale(id, interpolator) {
<template>
<div class="crsContainer">
<div></div>
<font-awesome-icon id="auth" :icon="['fas', 'user-shield']" size="2xl" style="color: #45b408" />
Call Risk Score is {{score}}
<font-awesome-icon
id="auth"
:icon="['fas', 'user-shield']"
size="2xl"
style="color: #45b408"
/>
Call Risk Score is {{ score }}
<div class="img-overlay-wrap">
<svg :id="id" width="360" height="40"></svg>
</div>
</div>
</template>
<style>
.crsContainer {
@ -72,11 +70,11 @@ function drawScale(id, interpolator) {
border: 2px solid #45b408;
}
.img-overlay-wrap svg { /* <= optional, for responsiveness */
display: block;
max-width: 100%;
height: auto;
margin: 8px;
.img-overlay-wrap svg {
/* <= optional, for responsiveness */
display: block;
max-width: 100%;
height: auto;
margin: 8px;
}
</style>

2
src/views/DaVinciView.vue
View File

@ -13,7 +13,7 @@ defineProps({
<div class="davinci">
<h3>Da Vinci AI</h3>
<DaVinciAuthentication :authenticated="authenticated" />
<CallRiskScoreBar :score=crsScore />
<CallRiskScoreBar :score="crsScore" />
<TransferSummary :summary="summary" />
</div>
</template>

2
src/views/HomeView.vue
View File

@ -22,7 +22,7 @@ She wants to dicuss with someone to alter payment arrangements payment due date.
</table>
</div>`;
const scriptElementName = "script"
const scriptElementName = "script";
const integrationCardDoc = `<html>
<head>

4
src/views/TelephonyContextView.vue
View File

@ -24,7 +24,7 @@ const props = defineProps({
required: true,
},
authenticated: { type: String, default: "false" },
crsScore: { type: String, default: "0" }
crsScore: { type: String, default: "0" },
});
const errorMessage = ref(null);
@ -105,7 +105,7 @@ function fetchData() {
<DaVinciView
:summary="transferSummaryValue"
:authenticated="authenticated == 'true'"
:crs-score=Number(crsScore)
:crs-score="Number(crsScore)"
/>
</div>
<div