mirror of
https://github.com/kevinveenbirkenbach/computer-playbook.git
synced 2025-09-08 03:07:14 +02:00
replaced port-ui-desktop with desktop to make it more speakable
This commit is contained in:
1
roles/srv-web-7-7-inj-desktop/templates/body_sub.j2
Normal file
1
roles/srv-web-7-7-inj-desktop/templates/body_sub.j2
Normal file
@@ -0,0 +1 @@
|
||||
<script>{{ iframe_init_code_one_liner }}</script>
|
1
roles/srv-web-7-7-inj-desktop/templates/head_sub.j2
Normal file
1
roles/srv-web-7-7-inj-desktop/templates/head_sub.j2
Normal file
@@ -0,0 +1 @@
|
||||
<script src="{{ domains | get_url('web-svc-cdn', WEB_PROTOCOL) }}/{{ inj_port_ui_file_name }}?{{ inj_port_ui_js_version }}"></script>
|
57
roles/srv-web-7-7-inj-desktop/templates/iframe-handler.js.j2
Normal file
57
roles/srv-web-7-7-inj-desktop/templates/iframe-handler.js.j2
Normal file
@@ -0,0 +1,57 @@
|
||||
(function (global) {
|
||||
/**
|
||||
* Initializes the iframe sync & external link forcing logic.
|
||||
* @param {string} primary_domain
|
||||
* @param {string} current_domain
|
||||
* @param {string} allowedOrigin - Parent origin for postMessage
|
||||
*/
|
||||
function initIframeHandler(primary_domain, current_domain, allowedOrigin) {
|
||||
function notifyParent() {
|
||||
if (window.self !== window.top) {
|
||||
try {
|
||||
window.parent.postMessage(
|
||||
{ type: "iframeLocationChange", href: window.location.href },
|
||||
allowedOrigin
|
||||
);
|
||||
} catch (e) {}
|
||||
}
|
||||
}
|
||||
|
||||
function forceExternalLinks() {
|
||||
Array.prototype.forEach.call(document.querySelectorAll("a[href]"), function (a) {
|
||||
try {
|
||||
var url = new URL(a.href, location);
|
||||
// open new tab if link goes outside our primary OR current domain
|
||||
if (!(url.hostname.endsWith(primary_domain) || url.hostname.endsWith(current_domain))) {
|
||||
a.target = "_blank";
|
||||
a.rel = "noopener";
|
||||
}
|
||||
} catch (e) {}
|
||||
});
|
||||
}
|
||||
|
||||
window.addEventListener("load", function () {
|
||||
notifyParent();
|
||||
forceExternalLinks();
|
||||
});
|
||||
window.addEventListener("popstate", function () {
|
||||
notifyParent();
|
||||
forceExternalLinks();
|
||||
});
|
||||
|
||||
// SPA support
|
||||
var _pushState = history.pushState;
|
||||
history.pushState = function () {
|
||||
_pushState.apply(history, arguments);
|
||||
notifyParent();
|
||||
forceExternalLinks();
|
||||
};
|
||||
|
||||
{% if MODE_DEBUG | bool %}
|
||||
try { console.log("[iframe-sync] initIframeHandler installed."); } catch (e) {}
|
||||
{% endif %}
|
||||
}
|
||||
|
||||
// expose for inline bootstrap
|
||||
global.initIframeHandler = initIframeHandler;
|
||||
})(window);
|
@@ -0,0 +1,10 @@
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
initIframeHandler(
|
||||
'{{ PRIMARY_DOMAIN }}',
|
||||
'{{ domain }}',
|
||||
'{{ domains | get_url("web-app-port-ui", WEB_PROTOCOL) }}'
|
||||
);
|
||||
});
|
||||
{% if MODE_DEBUG | bool %}
|
||||
try { console.log("[iframe-sync] Sender for iframe messages is active."); } catch(e) {}
|
||||
{% endif %}
|
Reference in New Issue
Block a user