Skip to content
This repository has been archived by the owner on May 2, 2022. It is now read-only.

Commit

Permalink
Merge pull request #14 from virtru/html-template
Browse files Browse the repository at this point in the history
html protocol example
  • Loading branch information
karthikbhat authored Jun 22, 2019
2 parents 2b0101c + 2793f5e commit 4fd2a7e
Show file tree
Hide file tree
Showing 3 changed files with 192 additions and 1 deletion.
3 changes: 3 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,9 @@
[Unreleased]: https://github.com/virtru/saas-gateway/compare/master...HEAD

## Changes
* 1.3.1 (2019-06-20)
* _minor_: ([#14](https://github.com/virtru/tdf3-spec/pull/14))
Example HTML wrapped TDF
* 1.3.0 (2019-06-10)
* _minor_: ([#13](https://github.com/virtru/tdf3-spec/pull/13))
Added mimeType to allow for reading clients to setup preview experiences.
Expand Down
2 changes: 1 addition & 1 deletion VERSION
Original file line number Diff line number Diff line change
@@ -1 +1 @@
1.3.0
1.3.1
188 changes: 188 additions & 0 deletions schema/HtmlProtocolExample.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,188 @@
<html>
<head>
<meta charset="UTF-8">
<style>
body {
font-family: Arial;
color: #2D323B;
overflow: hidden;
margin: 0;
height: 100%;
background-color: white;
}
main {
padding-top: 107px;
display: flex;
flex-direction: row;
max-width: 1200px;
min-width: 800px;
margin: 0 auto;
min-height: calc(100vh - 230px);
border-bottom: 1px solid #F3F5F7;
}
aside {
display: flex;
flex-direction: column;
word-break: break-all;
padding-right: 12px;
}
section svg {
width: 376px;
}
aside ol {
padding-left: 1em;
}
.viewbutton {
padding-top: 30px;
color: #fff !important;
background: #4585ff;
padding: 10px 40px;
border-radius: 25px;
display: inline-block;
border: none;
font-size: 15px;
width: 300px;
}
.disabled {
background: gray !important;
}
.disabled:hover {
background: gray !important;
}
.viewbutton:hover {
background: #003eb3;
cursor: pointer;
}
header {
background-color: #092356;
color: white;
height: 55px;
}
header svg {
padding-top: 18px;
padding-left: 24px;
fill: white;
}
footer {
color: grey;
text-align: center;
padding-top: 25px;
}
footer span {
padding: 25px;
font-size: 13px;
}
</style>
</head>
<body>
<input id="data-input" type="hidden" value="<%= payload %>">
<input id="data-manifest" type="hidden" value="<%= manifest %>">
<iframe style="width:0;height:0;border:0; border:none;" src="<%= transferUrl %>"></iframe>
<header>
<svg xmlns="http://www.w3.org/2000/svg" width="62px" height="19px" viewBox="0 0 62 19">
<path d="M14.053597,16.9514101 L14.053597,7.15626665 C14.053597,6.2097591 14.7885417,5.44272755 15.6954545,5.44272755 C16.6021308,5.44272755 17.3370755,6.2097591 17.3370755,7.15626665 L17.3370755,16.9514101 C17.3370755,17.8976708 16.6021308,18.6649492 15.6954545,18.6649492 C14.7885417,18.6649492 14.053597,17.8976708 14.053597,16.9514101 Z M15.8447142,3.63969685 C14.8552393,3.63969685 14.053597,2.83286614 14.053597,1.83666661 C14.053597,0.8409866 14.8552393,0.0336363626 15.8447142,0.0336363626 C16.8341891,0.0336363626 17.6355734,0.8409866 17.6355734,1.83666661 C17.6355734,2.83286614 16.8341891,3.63969685 15.8447142,3.63969685 Z M20.9190513,16.9491207 L20.9190513,6.37431706 L21.96859,5.9278704 C22.3148553,5.78053806 25.4322426,4.51708905 28.1556468,5.53580816 C29.0512898,5.87076676 29.5032336,6.86105764 29.1644631,7.74727652 C28.8261924,8.6339898 27.8243714,9.08018926 26.9294779,8.74597227 C26.1679939,8.46144286 25.1691709,8.57293092 24.3872008,8.75536594 L24.3872008,16.9491207 C24.3872008,17.8966457 23.6107271,18.6649492 22.6531261,18.6649492 C21.695525,18.6649492 20.9190513,17.8966457 20.9190513,16.9491207 Z M34.4488376,5.55254209 L36.2430131,5.55254209 C37.1765104,5.55254209 37.9334396,6.33063578 37.9334396,7.29079388 C37.9334396,8.25070155 37.1765104,9.02904568 36.2430131,9.02904568 L34.4488376,9.02904568 L34.4488376,17.2272031 C34.4488376,18.1871108 33.6919084,18.9654549 32.7581676,18.9654549 C31.8246703,18.9654549 31.0679847,18.1871108 31.0679847,17.2272031 L31.0679847,4.47668418 C31.0679847,3.51652608 31.8246703,2.73818196 32.7581676,2.73818196 C33.6919084,2.73818196 34.4488376,3.51652608 34.4488376,4.47668418 L34.4488376,5.55254209 Z M42.0551708,18.6649492 C41.0976134,18.6649492 40.3214249,17.8893954 40.3214249,16.9326794 L40.3221743,6.25833357 L41.4238775,5.82738715 C41.7681285,5.69263841 44.8653882,4.54128532 47.5579406,5.55764014 C48.4537927,5.89600919 48.9057158,6.89539566 48.566711,7.79022708 C48.2282058,8.68480898 47.2274297,9.13571818 46.3315777,8.7978482 C45.5678801,8.50913655 44.575348,8.5907344 43.7901659,8.74769172 L43.7894164,16.9331784 C43.7894164,17.8893954 43.0132279,18.6649492 42.0554207,18.6649492 L42.0551708,18.6649492 Z M50.7688544,13.5151977 L50.7688544,7.15626665 C50.7688544,6.2097591 51.5469771,5.44272755 52.507171,5.44272755 C53.4671145,5.44272755 54.2452372,6.2097591 54.2452372,7.15626665 L54.2452372,13.5151977 C54.2452372,14.4649145 55.0293705,15.237871 55.9930706,15.237871 C56.9562698,15.237871 57.7399022,14.4649145 57.7399022,13.5151977 L57.7399022,7.15626665 C57.7399022,6.2097591 58.518025,5.44272755 59.4782189,5.44272755 C60.4381623,5.44272755 61.2162851,6.2097591 61.2162851,7.15626665 L61.2162851,13.5151977 C61.2162851,16.3547203 58.8731514,18.6649492 55.9930706,18.6649492 C53.1122384,18.6649492 50.7688544,16.3547203 50.7688544,13.5151977 Z M0.0241898734,5.93300359 L3.41992519,5.93300359 L3.41992519,14.2620155 L3.41992519,14.3743961 C5.361778,13.3790246 7.97162427,11.27516 7.97162427,7.15684126 C7.97162427,6.21012687 8.73183067,5.44272755 9.66936963,5.44272755 C10.6071532,5.44272755 11.367115,6.21012687 11.367115,7.15684126 C11.367115,14.5267893 5.28399627,17.6969117 2.08295989,18.5369262 C2.08295989,18.5369262 0.762627164,18.8706103 0.0241898734,18.9654546 L0.0241898734,5.93300359 Z"/>
</svg>
</header>
<main class="wrapper">
<section>
<svg version="1.1" viewBox="0 0 70 58" xmlns="http://www.w3.org/2000/svg">
<title>Artboard</title>
<desc>Created with Sketch.</desc>
<g fill="none" fill-rule="evenodd">
<g fill-rule="nonzero">
<g fill="#fff" fill-opacity="0">
<rect width="70" height="58"/>
</g>
<g transform="translate(50.386 6.5102)" fill="#DEEEFF">
<path d="m10.207 1.7843h1.4498c0.18935 0 0.34286 0.15363 0.34286 0.34314v2.7451c0 0.18951-0.1535 0.34314-0.34286 0.34314h-1.4498v1.3725c0 0.18951-0.1535 0.34314-0.34286 0.34314h-2.7429c-0.18935 0-0.34286-0.15363-0.34286-0.34314v-1.3725h-0.73907v0.65803c0 0.18951-0.1535 0.34314-0.34286 0.34314h-2.7429c-0.18935 0-0.34286-0.15363-0.34286-0.34314v-0.65803h-2.2683c-0.18935 0-0.34286-0.15363-0.34286-0.34314v-2.7451c0-0.18951 0.1535-0.34314 0.34286-0.34314h2.7429c0.18935 0 0.34286 0.15363 0.34286 0.34314v0.65803h1.7143v-0.65803c0-0.18951 0.1535-0.34314 0.34286-0.34314h1.2931v-1.3725c0-0.18951 0.1535-0.34314 0.34286-0.34314h2.7429c0.18935 0 0.34286 0.15363 0.34286 0.34314v1.3725z"/>
</g>
<g transform="translate(3.6719 3.776)" fill="#DEEEFF">
<path d="m14.46 2.8039h2.0539c0.26825 0 0.48571 0.24142 0.48571 0.53922v4.3137c0 0.2978-0.21746 0.53922-0.48571 0.53922h-2.0539v2.1569c0 0.2978-0.21746 0.53922-0.48571 0.53922h-3.8857c-0.26825 0-0.48571-0.24142-0.48571-0.53922v-2.1569h-1.047v1.034c0 0.2978-0.21746 0.53922-0.48571 0.53922h-3.8857c-0.26825 0-0.48571-0.24142-0.48571-0.53922v-1.034h-3.2134c-0.26825 0-0.48571-0.24142-0.48571-0.53922v-4.3137c0-0.2978 0.21746-0.53922 0.48571-0.53922h3.8857c0.26825 0 0.48571 0.24142 0.48571 0.53922v1.034h2.4286v-1.034c0-0.2978 0.21746-0.53922 0.48571-0.53922h1.8319v-2.1569c0-0.2978 0.21746-0.53922 0.48571-0.53922h3.8857c0.26825 0 0.48571 0.24142 0.48571 0.53922v2.1569z"/>
</g>
<g transform="translate(27.611 4.1285)">
<path d="m1.7239 1.9079c-0.92466 0.95233-1.6111 2.2654-1.6111 4.1025 0 2.3984 0.13542 2.3984 0.13542 4.7967 0 2.3983 0.010288 2.398 0.016773 4.7964 0.016661 1.3921 0.40759 2.7448 1.3038 3.8371 0.80199 0.97734 1.7932 1.8902 3.342 2.0458-0.42217 2.6512-1.2609 4.0187-1.4042 4.3537-0.97582 2.2827 3.3531 0.43862 5.365-0.97975 1.9298-1.3604 3.9656-3.4629 4.1283-3.5734 0.15185 0 1.8145 0.23379 3.7782 0.23379 1.2028 0 2.5344-0.1871 3.7364-0.1871 2.0579 0 1.8679 0.096098 3.7355 0.084368 1.4173-0.019433 2.9215-0.51166 3.9833-1.6059 0.92555-0.95387 1.5253-2.3712 1.5253-4.2082 0-2.4002 0.11171-2.4002 0.11171-4.8005 0-2.4002-0.064968-2.4004-0.072349-4.8008-0.019681-1.5002-0.57253-3.0654-1.6051-4.1892-0.90028-0.97935-2.2111-1.5441-3.9427-1.5441-1.864 0-1.864 0.068963-3.7279 0.068963s-1.864-0.23379-3.7279-0.23379-1.864-0.01102-3.7279-0.01102c-1.8642 0-1.8642 0.11861-3.7284 0.11672-1.8642-0.0020144-1.8642-0.023462-3.7284-0.014338-1.4147 0.025121-2.8245 0.61925-3.8858 1.7121z" fill="#B2D6FF"/>
<path d="m1.428 10.804c0-2.3968 0.097509-2.3968 0.097509-4.7935 0-1.5116 0.38802-2.5931 1.0267-3.2368 1.1216-1.1301 2.8009-1.257 3.069-1.2595 1.8627-0.0010664 1.8627 0.024291 3.7255 0.024291 1.863 0 1.863 0.28201 3.7258 0.28201 1.8627 0 1.8627-0.19303 3.7256-0.19303 1.863 0 1.863-0.10487 3.726-0.10487 1.8631 0 1.8631-0.0024884 3.7261-0.0024884 1.4249 0 2.2878 0.72471 2.8952 1.4004 1.066 1.1855 1.2883 2.8024 1.2906 3.0892 0.00123 2.3985-0.079841 2.3985-0.079841 4.7971 0 2.3987-0.053227 2.3987-0.053227 4.7971 0 1.5107-0.44964 2.4826-1.0887 3.1262-1.123 1.1307-2.7061 1.08-2.9701 1.0823-1.9366 0.0011849-1.9365 0.077139-3.8733 0.077139-1.9369 0-1.9369 0.047634-3.8738 0.047634-1.9369 0-1.9565-0.28782-3.8604 0.089581-1.8401 0.36484-1.4599 1.1161-3.0571 2.2394-1.2045 0.84711-3.0384 3.1309-4.2859 2.8174 0-1.447 0.47137-2.5332 1.1816-5.1593 0.10684-0.39503-0.47804 0.044554-0.8655 0.044554-1.4245-1.185e-4 -2.2573-0.63074-2.864-1.3086-1.0647-1.1899-1.2336-2.7828-1.2356-3.0626-0.0010064-2.3968-0.082077-2.3968-0.082077-4.7937z" fill="#fff"/>
</g>
</g>
<g fill="#fff" fill-opacity="0" fill-rule="nonzero">
<rect width="70" height="58"/>
</g>
<ellipse cx="22.928" cy="50.919" rx="11.456" ry="1" fill="#DEEEFF" fill-rule="nonzero"/>
<g transform="translate(3.9089 6.3955)">
<g transform="translate(0 19.754)">
<g transform="translate(19.427 20.816)" fill="#2D323B" fill-rule="nonzero">
<path d="m0 4l0.098361-2.1h2.0656c0.97944 0.7 2.2581 1.2667 3.8361 1.7v0.4h-3.7377l-1.2787-0.2v0.2h-0.98361z"/>
</g>
<path d="m13.227 0.96037l4.4418 13.268 1.7582 9.0982h3.1517c-0.44009-4.6332-0.89871-8.3609-1.3758-11.183-0.47714-2.8223-1.2795-6.55-2.4071-11.183h-5.5687z" fill="#191847" fill-rule="evenodd"/>
<g transform="translate(7.6467 20.816)" fill="#2D323B" fill-rule="nonzero">
<path d="m0 3.7l0.097615-1.6c0.57152 0.16994 1.2874 0.10328 2.1475-0.2 0.81767 0.58885 1.8225 1.0126 3.0144 1.2712l5.93e-6 -2.733e-5c0.35905 0.077903 0.58696 0.43212 0.50906 0.79117-0.0027428 0.012641-0.0058536 0.025199-0.0093286 0.037659h-3.5142-2.0499l-0.19523-0.3z"/>
</g>
<path d="m12.225 0.96037c-0.086653 6.8592-0.59689 10.428-0.68787 11.051-0.059502 0.40756-0.89247 1.831-1.9808 4.8017-0.57582 1.5717-0.9889 3.567-1.9094 6.0948l2.8479 0.41878c2.7321-7.1389 4.0193-8.2091 4.4137-9.1294s2.0651-6.6749 3.8984-13.237h-6.5819z" fill="#2F3676" fill-rule="evenodd"/>
</g>
<g transform="translate(9.1967 .9507)" fill-rule="evenodd">
<path d="m6.4094 6.9268c-0.47434-0.57208-0.79539-1.2732-0.74174-2.0588 0.15457-2.2635 3.2212-1.7656 3.8177-0.62314 0.59652 1.1424 0.52564 4.0403-0.24531 4.2445-0.30746 0.081428-0.96243-0.11804-1.629-0.53087l0.41842 3.0415h-2.4706l0.85053-4.0732z" fill="#B28B67"/>
<path d="m7.2644 6.7677c-0.30636 0.60422-0.73008 1.0592-1.1534 1.0592-0.80404 0-1.3757-1.1045-1.3757-2.2921 0-0.041724 8.0462e-4 -0.083171 0.0023922-0.12431-0.85054 0.59969-1.506 1.7818-2.6314 1.7818-1.5311 0-2.1392-3.1731 0-3.1731 1.4548 0 2.1704 0.21794 2.7871 0.54021 0.12164-0.35233 0.30711-0.64855 0.53391-0.85541 0.054561-0.063107 0.13821-0.12349 0.24612-0.17946 0.065975-0.037088 0.13425-0.067295 0.20442-0.090027 0.37193-0.14043 0.91065-0.23949 1.5124-0.26108 0.11237-0.0040318 0.22273-0.0052116 0.33038-0.0037253 0.0017521-0.58261 0.46196-1.0544 1.0294-1.0544 0.56853 0 1.0294 0.47354 1.0294 1.0577 0 0.56492-0.43105 1.0264-0.97364 1.0562-0.31039 0.098405-0.70919 0.17066-1.1515 0.20112 0.042939 0.16591 0.066275 0.3544 0.066275 0.56739 0 0.18807-0.020203 0.38753-0.057404 0.59006-0.095922-0.11715-0.22418-0.19359-0.35436-0.19359-0.36416 0-0.61765 0.3078-0.61765 0.63462 0 0.41477 0.23305 0.71483 0.57325 0.73883z" fill="#191847"/>
</g>
<g transform="translate(3.1 9.4014)">
<path d="m16.112 4.5669l3.5252-2.0332c0.58622-0.73308 1.1638-1.3024 1.7328-1.708 0.17386-0.076434 0.47789-0.1227 0.19356 0.40873-0.28433 0.53143-0.5607 1.1039-0.41585 1.2676 0.14485 0.16372 0.50606-0.06499 0.67886 0.20704 0.1152 0.18135-0.50188 0.46783-1.8513 0.85945l-2.5615 2.4698-1.3018-1.4714zm5.5211 1.7155l1.5485-0.89579c0.21727-0.87062 0.477-1.3087 0.77917-1.3141 0.23213-0.11374-0.17212 0.98637 0.26792 0.89097 0.44005-0.095401 1.5141-0.93659 1.6991-0.76579 0.27379 0.25268 0.029662 1.0285-0.25798 1.4145-0.53759 0.72134-0.9827 0.96802-2.0828 1.291-0.57521 0.16889-1.1971 0.50743-1.8657 1.0156l-0.088179-1.6364z" fill="#997659" fill-rule="evenodd"/>
<path transform="translate(16.847 4.6737) rotate(-9) translate(-16.847 -4.6737)" d="m14.513 3.7372c1.2217 0.17959 2.8909 0.16592 4.8099-0.71916l0.428 1.7083c-1.3951 1.0613-3.2408 1.8225-4.7055 1.5459-1.1543-0.21797-1.513-1.789-0.53237-2.5351z" fill="#6E5BCF" fill-rule="nonzero"/>
<path d="m11.424 0.018259c0.0028089-0.0060865 0.0056268-0.012173 0.0084539-0.018259 0.77046-0.09961 1.4158-0.09961 1.9361-4.4867e-14l1.1084-2.2954e-14c0.042212 0.23653 0.088859 0.48472 0.13946 0.74458 0.71285 1.3792 1.0784 6.221 1.9226 6.6676 0.61511 0.32534 2.6528-0.31388 6.1129-1.9177 0.60292 1.0406 0.8755 1.9159 0.81776 2.626-2.4623 1.3545-5.6792 3.1187-7.1514 3.3509-0.0957 0.88682-0.27641 1.9433-0.54213 3.1694-3.6608 0.22092-6.0233-0.038062-7.0876-0.77695-0.32903-4.0428 0.65647-4.3572 0.65826-6.8724 0.0019583-2.7545 0.91829-5.4229 1.1767-5.8806 0.16986-0.30087 0.47005-0.66501 0.90059-1.0924z" fill="#C2B7FA" fill-rule="nonzero"/>
</g>
</g>
<g transform="translate(39.57 31.841)" fill-rule="nonzero">
<path d="m6.6 0l4.4 4.6667v7.7c0 0.90207-0.68948 1.6333-1.54 1.6333h-7.92c-0.85052 0-1.54-0.73127-1.54-1.6333v-10.733c0-0.90207 0.68948-1.6333 1.54-1.6333h5.06z" fill="#B2D6FF"/>
<path transform="translate(8.8 2.3333) scale(-1) translate(-8.8 -2.3333)" d="m6.6 0h2.7822c0.85052 0 1.6178 0.81376 1.6178 1.7158v2.9508l-4.4-4.6667z" fill="#4585FF"/>
<g transform="translate(2.42 3.9667)" fill="#fff">
<path d="m3.7647 2.2703v-0.28799c0-0.66843-0.34295-1.1352-0.84732-1.1352-0.50624 0-0.85416 0.46926-0.85416 1.1352v0.288c0.0013076-3.1e-6 0.0026155-4.82e-6 0.0039238-4.82e-6h1.6976zm0.48611 0.082477c0.56716 0.19979 0.97365 0.74035 0.97365 1.3759v1.3385c0 0.80542-0.65292 1.4583-1.4583 1.4583h-1.699c-0.80542 0-1.4583-0.65292-1.4583-1.4583v-1.3385c0-0.6335 0.40394-1.1727 0.9683-1.374v-0.37237c0-0.96233 0.54863-1.7023 1.3403-1.7023 0.7909 0 1.3334 0.73838 1.3334 1.7023v0.37047z"/>
</g>
</g>
<ellipse cx="45.183" cy="50.978" rx="5.81" ry="1" fill="#DEEEFF" fill-rule="nonzero"/>
<g transform="translate(43.19 14.273) rotate(11) translate(-14.006 -7.4433)" fill="#B2D6FF" fill-rule="nonzero">
<path d="m6.8754 8.9021c0.42616 0.43701 0.93729 0.6158 1.5177 0.6158 0.57982 0 1.1001-0.17787 1.5439-0.61488 0.44319-0.43628 0.60022-0.94886 0.60022-1.5204 0-0.57101-0.14393-1.0963-0.58693-1.5333-0.44376-0.43646-0.97735-0.68197-1.5572-0.68197-0.58038 0-1.1061 0.24551-1.5323 0.68197-0.42691 0.43701-0.66423 0.96232-0.66423 1.5333 0 0.57157 0.25192 1.0832 0.67883 1.5195m9.3735-2.933c0.72933 0 0.72933-0.014758 1.4587-0.014758 0.72909 0 0.72909 0.014758 1.4581 0.014758 0.094168 0 1.7212-4.432e-5 1.7942-1.2153e-4 0.49266-5.2104e-4 -0.97033-0.0025398-0.33491-0.0025398 0.72957 0 1.1048-0.071086 1.3284 0.1469 0.22368 0.21798 0.11055 0.54431 0.11055 1.2555 0 0.71117 0.12007 0.86536-0.11055 1.0966-0.23062 0.23121-0.75841-0.14855-1.263 0.35141-0.49881 0.49403-0.37237 0.67718-0.37237 1.3801 0 0.70282 0.69504 0.92782 0.19912 1.4249-0.49579 0.49694-0.55331 0.0059274-1.2546 0.0059274-0.70121 0-0.51654 0.49633-1.0125-6.048e-4 -0.49591-0.49706 0-0.62683 0-1.3297 0-0.70294 0.10487-1.0072-0.41277-1.4814-0.5664-0.51883-0.75188-0.11948-1.5192-0.11948-0.76722 0-3.1929-0.077097-3.9373 0.10931-0.14338 0.42-0.37136 0.76573-0.62517 1.1053-0.2526 0.33823-0.55059 0.6329-0.9129 0.89129-0.36641 0.26165-0.74526 0.46923-1.1622 0.59879-0.40914 0.12702-0.83903 0.20903-1.2966 0.20903-0.58317 0-1.1123-0.13839-1.61-0.34524-0.49772-0.20673-0.99014-0.46319-1.4027-0.87665-0.41252-0.41347-0.66307-0.90919-0.86933-1.4079-0.20638-0.49899-0.3179-1.0271-0.3179-1.6117 0-0.5844 0.096914-1.1187 0.30329-1.6177 0.20626-0.49887 0.50231-0.9577 0.91471-1.3712 0.4124-0.41335 0.85388-0.74988 1.3515-0.95661 0.49772-0.20673 1.0472-0.27157 1.6304-0.27157 0.45753 0 0.88936 0.051532 1.2984 0.17855 0.41698 0.12956 0.81514 0.31343 1.1817 0.57496 0.36219 0.25851 0.64436 0.57907 0.89697 0.91706 0.25393 0.33968 0.23684 0.29694 0.61431 0.92879 0.20925 0.36222 3.1447 0.21798 3.8738 0.21798z"/>
</g>
</g>
</svg>
</section>
<aside>
<h1>Virtru Secure File</h1>
<span>We are trying to send you to Secure Reader. If this does not work, please click the button below</span>
<br />
<button id="viewbutton" class="viewbutton disabled" type="button">View File in Secure Reader</button>
</aside>
</main>
<footer><span>� Copyright 2019 Virtru Corporation</span> <span>Learn more at www.virtru.com</span></footer>
<script type="text/javascript">
var data = document.getElementById('data-input').value;
var ifr = document.querySelector('iframe');
var redirectButton = document.getElementById('viewbutton');
var otherWindow = ifr.contentWindow;
var transferComplete = false;

ifr.addEventListener("load", iframeLoaded, false);

function iframeLoaded() {
var channel = new MessageChannel();
otherWindow.postMessage({
type: 'tdf.html',
data: data
}, '*', [channel.port2]);

channel.port1.onmessage = handleMessage;

function handleMessage(e) {
let msg = e.data;
if (msg.status === 'success') {
transferComplete = true;
redirectButton.classList.remove('disabled');
window.location.href = "<%= transferUrl %>";
}
}
}
redirectButton.onclick = function(){
if (transferComplete) {
window.location.href = "<%= transferUrl %>";
}
};
</script>
</body>
</html>

0 comments on commit 4fd2a7e

Please sign in to comment.