verint.com/ca_vue_apps
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Clean up router

Browse Source
This commit is contained in:
Peter Morton
2023-12-18 16:44:03 -06:00
parent 1408725f91
commit 7de718a518
6 changed files with 59 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/App.vue
View File

@@ -2,18 +2,6 @@
<template>
<div id="router">
<h1>Channel Automation Vue Apps</h1>
<p>
<!-- use the router-link component for navigation. -->
<!-- specify the link by passing the `to` prop. -->
<!-- `<router-link>` will render an `<a>` tag with the correct `href` attribute -->
<router-link to="/">Go to Home</router-link>
<router-link to="/about">Go to About</router-link>
<router-link
to="/telephonyContext?ani=+13125138223&dnis=unknown&queue=GeneralInquires&direction=INBOUND&channel=AmazonConnect&type=Voice&_sessionIdentifier=bc93f1fc"
>Telephony Context</router-link
>
</p>
<!-- route outlet -->
<!-- component matched by the route will render here -->
<router-view></router-view>

9
src/views/Home.vue
View File

@@ -1,5 +1,14 @@
<template lang="">
<div>
<h1>Home</h1>
<ul>
<li><router-link to="/about">Go to About</router-link></li>
<li>
<router-link
to="/telephonyContext?ani=+13125138223&dnis=unknown&queue=GeneralInquires&direction=INBOUND&channel=AmazonConnect&type=Voice&_sessionIdentifier=bc93f1fc"
>Telephony Context</router-link
>
</li>
</ul>
</div>
</template>

83
src/views/TelephonyContext.vue
View File

@@ -15,80 +15,47 @@ defineProps({
<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%"
>
<div class="column-layout" style="width: 100%; max-width: 100%; height: 100%">
<div class="row1 column-layout-row">
<div
class="blockOuterSpacingRight col1 column-layout-cell"
style="width: 25%"
>
<div class="blockOuterSpacingRight col1 column-layout-cell" style="width: 25%">
<h3>Telephony Data</h3>
<VerticalLabelValue
label="Channel"
:value="channel"
></VerticalLabelValue>
<VerticalLabelValue label="Channel" :value="channel"></VerticalLabelValue>
<VerticalLabelValue label="Type" :value="type"></VerticalLabelValue>
<VerticalLabelValue
label="Queue"
:value="queue"
></VerticalLabelValue>
<VerticalLabelValue
label="Direction"
:value="direction"
></VerticalLabelValue>
<VerticalLabelValue label="Queue" :value="queue"></VerticalLabelValue>
<VerticalLabelValue label="Direction" :value="direction"></VerticalLabelValue>
<VerticalLabelValue label="ANI" :value="ani"></VerticalLabelValue>
<VerticalLabelValue label="DNIS" :value="dnis"></VerticalLabelValue>
</div>
<div
class="blockOuterSpacingRight col2 column-layout-cell"
style="width: 25%"
>
<div class="blockOuterSpacingRight col2 column-layout-cell" style="width: 25%">
<h3>Da Vinci Transfer Summary</h3>
<!-- <VerticalLabelValue label="Da Vinci Transfer Summary" :value="transferSummary"></VerticalLabelValue> -->
<p>Payments How much is my premium?</p>
<p>IVA: Your premium is 100 a month</p>
<p>Why did my premium go up?</p>
<p>
There are many factors that can impact your premium, let me
escalate you to an agent
</p>
<p>Customer is passed over to General Inquiries queue</p>
<ul>
<li><span class="customer">Alice</span> is a new employee who needs access to an application for her work, but she doesn't have the
password.</li>
<li>She asked the <span class="iva">IVA</span> but they are unable to help her</li>
<li>She tries to guess the password, but fails.</li>
<li>She uses a hacking tool to find the password, which is "ilovebing".</li>
<li>She logs into the application, unaware that the senior developer is monitoring her.</li>
</ul>
</div>
</div>
</div>
</div>
</div>` `
</div>
</template>
<style scoped>
@import "https://em28.verint.live/ClientResources/cr/202307201110/-/webclient/themes/default/theme.css";
@import "https://em28.verint.live/ClientResources/cr/202307201110/-/webclient/css/extensions/corecommon.css";
/* label,
input,
select,
textarea {
display: block;
width: 200px;
float: left;
margin-bottom: 1em;
}
select {
width: 205px;
}
label {
text-align: right;
width: 100px;
padding-right: 2em;
}
.clear {
clear: both;
} */
p {
size: 24pt;
}
span.customer {
color: #ff0000;
font-weight:bold;
}
span.iva {
color: #0000a0;
font-weight:bold;
}
</style>