`; //Add to the end of the body document.body.appendChild(mv); //Event handlers document.querySelector(".dovr-model-viewer-renderer").addEventListener('error', function(e) { console.error(e); document.querySelector('.dovr-ar-button').style.display = 'none'; document.querySelector('.dovr-mv-error-label').style.display = 'block'; document.querySelector('#view-3d-btn').style.display = 'none'; }); document.querySelector(".dovr-model-viewer-renderer").addEventListener('load', function(e) { console.log(e); document.querySelector('.dovr-ar-button').style.display = 'block'; document.querySelector('.dovr-mv-error-label').style.display = 'none'; }); document.querySelector(".dovr-model-viewer-renderer").addEventListener('progress', function(e) { console.info(`Model Viewer Progress: ${e.detail.totalProgress * 100}%`); }); document.querySelector('#mv-hide-info-btn').addEventListener('click', function(e) { e.preventDefault(); function toggleInfo(v) { if(v) { document.querySelector('.mv-info-wrapper').style.display = "block"; } else { document.querySelector('.mv-info-wrapper').style.display = "none"; } } var c = this.dataset.showInfo; if(c == "true") { this.dataset.showInfo = "false"; this.innerHTML = "Show Info"; toggleInfo(false); } else { this.dataset.showInfo = "true"; this.innerHTML = "Hide Info"; toggleInfo(true); } }); if(window.location.href.includes("#dovr-open-modal")) { window.location.href = window.location.href.split("#dovr-open-modal")[0] + "#dovr-open-modal"; } //If on themes that aren't triggering the button's href URL. document.querySelector('#view-3d-btn').addEventListener('click', function(e) { e.preventDefault(); window.location.href = window.location.href.split("#")[0] + "#dovr-open-modal"; }) });