135 lines
4.2 KiB
JavaScript
135 lines
4.2 KiB
JavaScript
// custom_scroller_menu(
|
|
// document.scrollingElement,
|
|
// document.getElementById("menubar"),
|
|
// document.getElementById("debug"));
|
|
|
|
var svg = document.querySelector("#svg"),
|
|
page = document.querySelector("#page"),
|
|
iframe = document.querySelector("iframe#wikiframe"),
|
|
cats = document.querySelector("#cats"),
|
|
cats_contents = document.querySelector("#cats .body"),
|
|
cats_thumb = document.querySelector("#cats .thumb"),
|
|
allcatscb = document.querySelector("input#allcats"),
|
|
historycb = document.querySelector("input#history"),
|
|
current_title = null,
|
|
loaded = false,
|
|
wikibaseurl,
|
|
wikibasepat;
|
|
|
|
|
|
window.addEventListener("resize", resize);
|
|
function resize() {
|
|
var w = window,
|
|
d = document,
|
|
e = d.documentElement,
|
|
g = d.getElementsByTagName('body')[0],
|
|
x = w.innerWidth || e.clientWidth || g.clientWidth,
|
|
y = w.innerHeight|| e.clientHeight|| g.clientHeight;
|
|
// svg.setAttribute("width", x);
|
|
// svg.setAttribute("height", y);
|
|
//console.log("resize", x, y);
|
|
|
|
// Match size of parent
|
|
svg.setAttribute("width", page.clientWidth);
|
|
svg.setAttribute("height", page.clientHeight);
|
|
|
|
}
|
|
resize();
|
|
|
|
// console.log("mediawikiapi", mediawikiapi);
|
|
var symbols = {
|
|
"Orientations": "symbols.svg#Orientations",
|
|
"Ateliers pluridisciplinaires": "symbols.svg#Ateliers_pluridisciplinaires",
|
|
"Cours de soutien à l'orientation": "symbols.svg#Cours_de_soutien_a_l'orientation",
|
|
"Cours de soutien spécifique": "symbols.svg#Cours_de_soutien_specifique",
|
|
"Cours techniques": "symbols.svg#Cours_techniques",
|
|
"Cours théoriques": "symbols.svg#Cours_theoriques",
|
|
"Enseignants": "symbols.svg#Enseignants",
|
|
"default": "symbols.svg#Main"
|
|
};
|
|
var map = new app.Map(symbols);
|
|
|
|
map.init_svg("#svg");
|
|
async function doload () {
|
|
console.log("loading map");
|
|
await map.load_json("data/sitemap.json");
|
|
// console.log("loading categories");
|
|
// await map.load_cats("data/cats.json", cats_contents);
|
|
await map.load_legend("src/legend.json", cats_contents);
|
|
console.log("LOADED!");
|
|
loaded = true;
|
|
if (current_title) {
|
|
map.set_active_title(current_title);
|
|
}
|
|
}
|
|
|
|
map.on("page", function (title) {
|
|
console.log("map.page", title);
|
|
var url = wiki_title_to_url(title);
|
|
iframe.src = url;
|
|
})
|
|
// async function doload() {
|
|
// map.set_active_node(startpage.value);
|
|
// }
|
|
|
|
function strip_fragment (href) {
|
|
var spos = href.indexOf("#");
|
|
if (spos >= 0) {
|
|
return href.substr(0, href.indexOf("#"))
|
|
}
|
|
return href;
|
|
}
|
|
function url_to_wiki_title (href) {
|
|
href = strip_fragment(href);
|
|
var m = wikibasepat.exec(href);
|
|
if (m !== null) {
|
|
return decodeURI(m[1]).replace(/_/g, " ");
|
|
}
|
|
console.log("m", m);
|
|
}
|
|
function wiki_title_to_url (title) {
|
|
return wikibaseurl+encodeURI(title.replace(/ /g, "_"));
|
|
}
|
|
window.addEventListener("DOMContentLoaded", doload);
|
|
function strip_title_from_wiki_url (url) {
|
|
return url.substr(0, url.lastIndexOf("/")+1);
|
|
}
|
|
iframe.addEventListener("load", function () {
|
|
var href = strip_fragment(iframe.contentWindow.location.href);
|
|
if (!wikibaseurl) {
|
|
wikibaseurl = strip_title_from_wiki_url(href);
|
|
wikibasepat = new RegExp(wikibaseurl+"(.+)");
|
|
}
|
|
console.log("iframe loaded", href);
|
|
var title = url_to_wiki_title(href);
|
|
console.log("title", title);
|
|
if (title) {
|
|
current_title = title;
|
|
if (loaded) {
|
|
map.set_active_title(title);
|
|
}
|
|
}
|
|
// attempt to map url to wiki page title and update the map if it is one
|
|
|
|
});
|
|
|
|
cats_thumb.addEventListener("click", function () {
|
|
cats.classList.toggle("expanded");
|
|
});
|
|
// allcats checkbox
|
|
// match current state & respond to change events
|
|
// console.log("setting checked to", cats.classList.contains("showall"))
|
|
allcatscb.checked = cats.classList.contains("showall");
|
|
allcatscb.addEventListener("change", function () {
|
|
// console.log("allcats", allcatscb);
|
|
if (allcatscb.checked) {
|
|
cats.classList.add("showall")
|
|
} else {
|
|
cats.classList.remove("showall")
|
|
}
|
|
})
|
|
historycb.addEventListener("change", function () {
|
|
// console.log("history", historycb.checked);
|
|
map.set_show_history(historycb.checked);
|
|
})
|