Jannex
/
SHX-Theme
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

shx-3d-render

main
Jan Umbach 2024-06-19 20:36:39 +02:00
parent 7c4819d54a
commit f392257ef1
1 changed files with 30 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
snippets/shx-3d-render-input.liquid
View File

@ -148,7 +148,37 @@
this.section_id = null;
}
function iFrameListener(event) {
console.log("event.origin",event.origin)
if(event.origin !== "https://3d-viewer.shinnex.de") return;
if(event.data === undefined) return;
let data;
try {
data = JSON.parse(event.data)["shx-3d-viewer"];
} catch(e) {
return;
}
if(data.id !== this.uuid) return;
console.log("Message received from the child: ", data); // Message received from child
if(data.loaded === true) {
this.Viewer3DContainer.querySelector('.shx-loading-spinner-container').classList.add('shx-loading-spinner-container-done');
} else {
this.Viewer3DContainer.querySelector('.shx-loading-spinner-container').classList.remove('shx-loading-spinner-container-done');
}
}
connectedCallback() {
window.addEventListener('message', function(event) {
iFrameListener(event);
});
this.section_id = this.getAttribute('section_id');
this.innerHTML = '<div class="shx-input-forms-container"><div class="shx-input-forms-content"></div></div>';
@ -174,45 +204,6 @@
this.Viewer3D.contentWindow.postMessage(JSON.stringify({"init":{"uuid":this.uuid}}), "*");
}
const uuid = this.uuid;
const Viewer3DContainer = this.Viewer3DContainer;
function iFrameListener() {
console.log("iFrameListener");
window.addEventListener('message', function(event) {
console.log("event.origin",event.origin)
if(event.origin !== "https://3d-viewer.shinnex.de") return;
if(event.data === undefined) return;
let data;
try {
data = JSON.parse(event.data)["shx-3d-viewer"];
} catch(e) {
return;
}
if(data.id !== uuid) return;
console.log("Message received from the child: ", data); // Message received from child
if(data.loaded === true) {
Viewer3DContainer.querySelector('.shx-loading-spinner-container').classList.add('shx-loading-spinner-container-done');
} else {
Viewer3DContainer.querySelector('.shx-loading-spinner-container').classList.remove('shx-loading-spinner-container-done');
}
});
}
// if site is loaded
if (document.readyState === 'complete' || document.readyState === 'loaded'){
iFrameListener();
} else {
document.addEventListener('load', function() {
iFrameListener();
});
}
}
initCurrentVariant(id) {