Tristan Yang
50 lines
1.2 KiB
JavaScript
50 lines
1.2 KiB
JavaScript
const {
|
|
origin = location.origin,
|
|
hostId = 1,
|
|
closeWidth = 52,
|
|
closeHeight = 52,
|
|
openWidth = 600,
|
|
openHeight = 800
|
|
} = document.currentScript.dataset;
|
|
const wrapper = document.createElement("iframe");
|
|
const styles = {
|
|
position: "fixed",
|
|
right: "15px",
|
|
bottom: "15px",
|
|
border: "none",
|
|
zIndex: 9999
|
|
};
|
|
Object.assign(wrapper.style, styles);
|
|
wrapper.src = `${origin}/widget.html?host=${hostId}`;
|
|
wrapper.width = closeWidth;
|
|
wrapper.height = closeHeight;
|
|
wrapper.frameborder = 0;
|
|
window.addEventListener(
|
|
"message",
|
|
(event) => {
|
|
const { data: CMD } = event;
|
|
switch (CMD) {
|
|
case "OPEN":
|
|
wrapper.setAttribute("width", openWidth);
|
|
wrapper.setAttribute("height", openHeight);
|
|
break;
|
|
case "CLOSE":
|
|
wrapper.setAttribute("width", closeWidth);
|
|
wrapper.setAttribute("height", closeHeight);
|
|
break;
|
|
case "RELOAD_WITH_OPEN":
|
|
{
|
|
const url = new URL(wrapper.src);
|
|
url.searchParams.append("open", new Date().getTime());
|
|
console.log("new src", url.href);
|
|
wrapper.src = url.href;
|
|
}
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
},
|
|
false
|
|
);
|
|
document.body.appendChild(wrapper);
|