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

Split out separate DaVinci View and added example to

Browse Source 
homepage
This commit is contained in:
Peter Morton
2023-10-27 15:10:21 -05:00
parent 96a2b74fa7
commit 21a74d1699
6 changed files with 176 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/components/DaVinciAuthentication.vue Normal file
View File

@@ -0,0 +1,54 @@
<script>
export default {
props: {
authenticated: { type: Boolean, default: false },
},
};
</script>
<template>
<div class="transferSummary">
<div v-if="authenticated" class="authboxgreen">
<font-awesome-icon
id="auth"
:icon="['fas', 'user-shield']"
size="2l"
style="color: #45b408"
/>
Customer Authenticated
</div>
<div v-else class="authboxred">
<font-awesome-icon id="noauth" :icon="['fas', 'user-lock']" size="2l" />
Customer Not Authenticated
</div>
</div>
</template>
<style>
.authboxgreen,
.authboxred {
margin: 8px;
border-radius: 5px;
padding: 11px 16px 11px 12px;
align-items: flex-start;
gap: 8px;
border-radius: 5px;
font-size: 14px;
font-family: OpenSans, Ariel, sans-serif;
font-size: 11px;
}
.authboxgreen {
border: 2px solid #45b408;
}
.authboxred {
border: 2px solid #e03800;
}
#auth {
color: #45b408;
}
#noauth {
color: #e03800;
}
</style>

17
src/components/IntegrationCard.vue
View File

@@ -1,16 +1,22 @@
<script>
export default {
props: {
title: { type: String, default: "Integration Card" },
doc: { type: String, default: "<html><body><p>HTML document</p></body></html>" },
doc: {
type: String,
default: "<html><body><p>HTML document</p></body></html>",
},
},
};
</script>
<template>
<h3>{{ title }}</h3>
<iframe class='integrationCard' :srcdoc=doc scrolling="no" onload="resizeIframe(this)"></iframe>
<iframe
class="integrationCard"
:srcdoc="doc"
scrolling="no"
onload="resizeIframe(this)"
></iframe>
</template>
<style>
span.customer {
@@ -25,6 +31,7 @@ span.iva {
iframe.integrationCard {
border: 0;
width: 100%; height: 100%;
width: 100%;
height: 100%;
}
</style>

22
src/components/TransferSummary.vue
View File

@@ -3,26 +3,20 @@ export default {
props: {
summary: { type: String, default: "<p>Summary Should go here</p>" },
},
};
</script>
<template>
<h3>Da Vinci Transfer Summary</h3>
<iframe class='transferSummary' :srcdoc=summary scrolling="no" onload="resizeIframe(this)"></iframe>
<iframe
class="transferSummary"
:srcdoc="summary"
scrolling="no"
onload="resizeIframe(this)"
></iframe>
</template>
<style>
span.customer {
color: #ff0000;
font-weight: bold;
}
span.iva {
color: #0000a0;
font-weight: bold;
}
iframe.transferSummary {
border: 0;
width: 100%; height: 100%;
width: 100%;
height: 100%;
}
</style>