<html style="min-height: 100%; height: 100%;">
<head>
<script>
var manualReviewLink; // 트랜잭션 상태 응답에서 받은 링크
window.addEventListener("DOMContentLoaded", init, false);
function init() {
var iframe = document.createElement("iframe");
iframe.src = getUrl();
iframe.style.width = "100%";
iframe.style.height = "95%";
try {
document.getElementById("main").removeChild(document.querySelector("iframe"));
} catch (e) { }
document.getElementById("main").appendChild(iframe);
window.addEventListener("message", receiveMessage, false);
}
function getUrl() {
return manualReviewLink + "&displayMode=iframe";
}
function receiveMessage(event) {
console.log(event.data);
if (event.data.target === "parent") {
if (event.data.eventName === "ManualReviewWithdrawn" ||
event.data.eventName === "ManualReviewWasPaused" ||
event.data.eventName === "ManualReviewWasCompleted" ) {
document.getElementById("iframe").style.display = "none";
}
}
}
</script>
</head>
<body
style="background-color: #999999; min-height: 100%; height: 100%; position: relative; margin: 0; padding: 0; background: linear-gradient(to bottom right, #4380bc, #5ba484);">
<div id="main"
style="height: 100%; position: relative; padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;">
</div>
</body>
</html>
