assets/js/display
tagembed.display.script.js
5.0 KB
4 days ago
tagembed.display.script.js in Tagembed: Social Media Feeds and Customer Reviews Widget 7.9, at assets/js/display/tagembed.display.script.js
| 1 | /*--Start-- Manage Widget Display Preview According Device*/ |
| 2 | /*var __tagembed__display_preview_loader = document.querySelector("#__tagembed__display_preview_loader");*/ |
| 3 | function __tagembed__displayPreview(__tagembed__display_preview_new_class) { |
| 4 | let __tagembed__widget_display_preview_id = document.querySelector("#__tagembed__widget_display_preview_id"); |
| 5 | let __tagembed__display_preview_old_class = __tagembed__widget_display_preview_id.className; |
| 6 | if (__tagembed__display_preview_old_class == __tagembed__display_preview_new_class) |
| 7 | return; |
| 8 | __tagembed__widget_display_preview_id.classList.remove(__tagembed__display_preview_old_class); |
| 9 | __tagembed__widget_display_preview_id.classList.add(__tagembed__display_preview_new_class); |
| 10 | document.querySelector("#" + __tagembed__display_preview_old_class).classList.remove('__tagembed__previewactive'); |
| 11 | document.querySelector("#" + __tagembed__display_preview_new_class).classList.add('__tagembed__previewactive'); |
| 12 | /*Refresh Change Iframe According Device */ |
| 13 | __tagembed__changeIfrmSrc(); |
| 14 | } |
| 15 | /*--End-- Manage Widget Display Preview According Device*/ |
| 16 | /*--Start--Manage Widget Display Preview According Widget*/ |
| 17 | window.addEventListener ? window.addEventListener("load", __tagembed__changeIfrmSrc, false) : window.attachEvent && window.attachEvent("onload", __tagembed__changeIfrmSrc); |
| 18 | function __tagembed__changeIfrmSrc() { |
| 19 | /*if (!__tagembed__display_preview_loader) return; __tagembed__display_preview_loader.style.display = 'block'; */ |
| 20 | let widgetData = document.querySelector("#__tagembed__widgets"); |
| 21 | if (widgetData) { |
| 22 | let __tagembed__widgetId = widgetData.selectedOptions[0].value.split('#')[0]; |
| 23 | /* Validate before use : the widget id must be digits only. */ |
| 24 | if (!/^\d+$/.test(__tagembed__widgetId)) return; |
| 25 | let __tagembed__displayFrame = document.createElement("iframe"); |
| 26 | __tagembed__displayFrame.setAttribute("id", "__tagembed__display_ifrm"); |
| 27 | __tagembed__displayFrame.setAttribute("width", "100%"); |
| 28 | __tagembed__displayFrame.setAttribute("height", "100%"); |
| 29 | __tagembed__displayFrame.setAttribute("src", __tagembed__plugin_react_url + __tagembed__widgetId); |
| 30 | __tagembed__displayFrame.setAttribute("title", "Tagembed"); |
| 31 | __tagembed__displayFrame.setAttribute("frameborder", "0"); |
| 32 | __tagembed__displayFrame.setAttribute("allow", "accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"); |
| 33 | __tagembed__displayFrame.setAttribute("allowfullscreen", ""); |
| 34 | document.querySelector("#__tagembed__widget_display_preview_id").replaceChildren(__tagembed__displayFrame); |
| 35 | } |
| 36 | /*Close Loader After 5 Second*/ |
| 37 | /*setTimeout(function () {__tagembed__display_preview_loader.style.display = 'none'}, 2000);*/ |
| 38 | } |
| 39 | /*--End--Manage Widget Display Preview According Widget*/ |
| 40 | |
| 41 | /*--Start--Manage Embed Code Acording Widget*/ |
| 42 | window.addEventListener ? window.addEventListener("load", __tagembed__manageEmbedCode, false) : window.attachEvent && window.attachEvent("onload", __tagembed__manageEmbedCode); |
| 43 | function __tagembed__manageEmbedCode() { |
| 44 | let __tagembed__html_embed_code = document.querySelector("#__tagembed__html_embed_code"); |
| 45 | let __tagembed__iframe_embed_code = document.querySelector("#__tagembed__iframe_embed_code"); |
| 46 | let widgetData = document.querySelector("#__tagembed__widgets"); |
| 47 | if (widgetData) { |
| 48 | let __tagembed__widgetId = widgetData.selectedOptions[0].value.split('#')[0]; |
| 49 | /*__tagembed__html_embed_code.value = `<div class="tagembed-container" style=" width:100%;height:100%;overflow: auto;"><div class="tagembed-socialwall" data-wall-id="${__tagembed__widgetId}"></div><script src="//widget.tagembed.com/embed.min.js" type="text/javascript"></script></div>`;*/ |
| 50 | __tagembed__html_embed_code.value = `<div class="tagembed-widget" style="width:100%;height:100%" data-widget-id="${__tagembed__widgetId}" view-url="https://widget.tagembed.com/${__tagembed__widgetId}"><script src="${__tagembed__plugin_react_url}embed.min.js" type="text/javascript"></script></div>`; |
| 51 | __tagembed__iframe_embed_code.value = `<iframe src="${__tagembed__plugin_react_url + __tagembed__widgetId}?view" style=" width:100%;height:500px;overflow: auto;" frameborder="0" allowtransparency="true"></iframe>`; |
| 52 | } |
| 53 | } |
| 54 | /*--End--Manage Embed Code Acording Widget*/ |
| 55 | /*--Start-- Expand Full Screen*/ |
| 56 | function __tagembed__openFullscreen() { |
| 57 | var __tagembed__widgetDisplayPreview = document.getElementById("__tagembed__widget_display_preview_id"); |
| 58 | if (__tagembed__widgetDisplayPreview.requestFullscreen) { |
| 59 | __tagembed__widgetDisplayPreview.requestFullscreen(); |
| 60 | } else if (__tagembed__widgetDisplayPreview.webkitRequestFullscreen) { |
| 61 | __tagembed__widgetDisplayPreview.webkitRequestFullscreen(); |
| 62 | } else if (__tagembed__widgetDisplayPreview.msRequestFullscreen) { |
| 63 | __tagembed__widgetDisplayPreview.msRequestFullscreen(); |
| 64 | } |
| 65 | } |
| 66 | /*--End-- Expand Full Screen*/ |
| 67 |