110 lines
2.8 KiB
JavaScript
110 lines
2.8 KiB
JavaScript
let frames = {}
|
|
function activate(event, element) {
|
|
event.preventDefault()
|
|
|
|
let parent = element.parentElement
|
|
for (let e of parent.getElementsByClassName("active")) {
|
|
e.classList.remove("active")
|
|
}
|
|
element.classList.add("active")
|
|
let href = element.href
|
|
let app = document.querySelector("#app")
|
|
|
|
let frame = frames[href]
|
|
if (frame) {
|
|
frame.dispatchEvent(new Event("load"))
|
|
} else {
|
|
frame = app.appendChild(document.createElement("iframe"))
|
|
frame.addEventListener("load", e => frameLoaded(frame))
|
|
frame.src = href
|
|
frames[href] = frame
|
|
}
|
|
|
|
for (let fhref in frames) {
|
|
let f = frames[fhref]
|
|
if (fhref == href) {
|
|
f.classList.remove("hidden")
|
|
} else {
|
|
f.classList.add("hidden")
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
function frameLoaded(frame) {
|
|
let doc = frame.contentDocument
|
|
if (doc.title.length > 0) {
|
|
document.title = doc.title
|
|
}
|
|
let icon = document.querySelector("link[rel~='icon']")
|
|
let dicon = doc.querySelector("link[rel~='icon']")
|
|
if (dicon) {
|
|
icon.href = dicon.href
|
|
} else {
|
|
icon.href = defaultIcon
|
|
}
|
|
}
|
|
|
|
let defaultIcon = null
|
|
async function init() {
|
|
let doc = document.querySelector("iframe").contentDocument
|
|
|
|
defaultIcon = document.querySelector("link[rel~='icon']").href
|
|
|
|
for (let l of document.head.querySelectorAll("style")) {
|
|
doc.head.appendChild(l.cloneNode(true))
|
|
}
|
|
for (let l of document.head.querySelectorAll("link[rel='stylesheet']")) {
|
|
doc.head.appendChild(l.cloneNode())
|
|
}
|
|
for (let f of document.querySelectorAll("#app iframe")) {
|
|
frames[f.src] = f
|
|
}
|
|
|
|
|
|
let icons = doc.body.appendChild(doc.createElement("section"))
|
|
icons.classList.add("icons")
|
|
|
|
let portalURL = new URL("portal.json", window.location)
|
|
let resp = await fetch(portalURL)
|
|
let obj = await resp.json()
|
|
let nav = document.querySelector("nav")
|
|
for (let app of obj) {
|
|
let hlink = null
|
|
if (app.target != "_blank") {
|
|
hlink = nav.appendChild(document.createElement("a"))
|
|
hlink.href = app.href
|
|
hlink.textContent = app.title
|
|
if (app.target) {
|
|
hlink.target = app.target
|
|
} else {
|
|
hlink.addEventListener("click", event => activate(event, hlink))
|
|
}
|
|
}
|
|
|
|
let dlink = icons.appendChild(doc.createElement("a"))
|
|
dlink.href = app.href
|
|
if (app.target) {
|
|
dlink.target = app.target
|
|
} else {
|
|
dlink.addEventListener("click", event => activate(event, hlink))
|
|
}
|
|
if (app.icon) {
|
|
let icon = dlink.appendChild(doc.createElement("img"))
|
|
icon.src = app.icon
|
|
icon.alt = app.title
|
|
icon.title = app.title
|
|
icon.style.objectFit = "cover"
|
|
} else {
|
|
let text = dlink.appendChild(doc.createElement("div"))
|
|
text.textContent = app.title
|
|
}
|
|
}
|
|
}
|
|
|
|
if (document.readyState === "loading") {
|
|
document.addEventListener("DOMContentLoaded", init)
|
|
} else {
|
|
init()
|
|
}
|