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

use srcdoc attribute to set html content

Browse Source
This commit is contained in:
Peter Morton 2023-10-16 21:52:48 -05:00
parent 6c044f57ab
commit 072325ad0e
2 changed files with 41 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/IntegrationCard.vue Normal file
View File

@ -0,0 +1,30 @@
<script>
export default {
props: {
title: { type: String, default: "Integration Card" },
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>
</template>
<style>
span.customer {
color: #ff0000;
font-weight: bold;
}
span.iva {
color: #0000a0;
font-weight: bold;
}
iframe.integrationCard {
border: 0;
width: 100%; height: 100%;
}
</style>

20
src/components/TransferSummary.vue
View File

@ -1,18 +1,15 @@
<script> <script>
// This template uses https://vuejs.org/guide/extras/render-function.html to
// create DOM elements from properties
import { h } from "vue";
export default { export default {
props: { props: {
summary: { type: String, default: "<h2>Summary Should go here</h2>" }, summary: { type: String, default: "<p>Summary Should go here</p>" },
},
setup(props) {
// return the render function
return () => h("div", { class: "bar", innerHTML: props.summary });
}, },
}; };
</script> </script>
<template>
<h3>Da Vinci Transfer Summary</h3>
<iframe class='transferSummary' :srcdoc=summary scrolling="no" onload="resizeIframe(this)"></iframe>
</template>
<style> <style>
span.customer { span.customer {
color: #ff0000; color: #ff0000;
@ -23,4 +20,9 @@ span.iva {
color: #0000a0; color: #0000a0;
font-weight: bold; font-weight: bold;
} }
iframe.transferSummary {
border: 0;
width: 100%; height: 100%;
}
</style> </style>