Difference between revisions of "Template:Judd UK/Scripts/wiki"

Line 1: Line 1:
function animate(){safe&&(handle.style.webkitAnimationName="handle",handle.style.animationName="handle",sprite.style.webkitAnimationName="sprite",sprite.style.animationName="sprite",safe=!1)}function loadStyleSheet(e){if(document.createStyleSheet)document.createStyleSheet(e);else{var t=document.createElement("link");t.href=e,t.rel="stylesheet",t.type="text/css",document.getElementsByTagName("head")[0].appendChild(t)}}function AJAX(e,t){var n;n=new XMLHttpRequest,n.onreadystatechange=function(){4==n.readyState&&t(n)},n.open("GET",e,!0),n.send()}function createindex(){var e=contentIndexData;Object.keys(e.project).forEach(function(t,n){"string"==typeof e.project[t]?qs("#O2>ul").innerHTML+='<li><a href="£'+e.project[t]+'">'+t+"</a></li>":(qs("#O2>ul").innerHTML+='<li id="O2-S'+n+'"><a href="#O2-S'+n+'">'+t+"</a></li>",qs("#O2>ul").innerHTML+='<li><ul class="sub"></ul></li>',e.project[t].forEach(function(e){console.log(qs("#O2>ul>li:last-child>ul").innerHTML),qs("#O2>ul>li:last-child>ul").innerHTML+='<li><a href="£'+e.replace(/\s+/g,"-").replace(/[^A-Z0-9-_]+/gi,"")+'">'+e+"</a></li>"}))}),Object.keys(e.team).forEach(function(t,n){"string"==typeof e.team[t]?qs("#O4>ul").innerHTML+='<li><a href="£'+e.team[t]+'">'+t+"</a></li>":(qs("#O4>ul").innerHTML+='<li id="O4-S'+n+'"><a href="#O4-S'+n+'">'+t+"</a></li>",qs("#O4>ul").innerHTML+='<li><ul class="sub"></ul></li>',e.team[t].forEach(function(e){console.log(qs("#O4>ul>li:last-child>ul").innerHTML),qs("#O4>ul>li:last-child>ul").innerHTML+='<li><a href="£'+e.replace(/\s+/g,"-").replace(/[^A-Z0-9-_]+/gi,"")+'">'+e+"</a></li>"}))})}function newPage(e){e=window.e||e;var t=e.target.getAttribute("href");if(null!==t&&("£"==t[0]||"#"==t[0])){if("#"==t[0]){magic=!0;try{qs(".JC #content-body "+t).scrollIntoView({behavior:"smooth",block:"start",inline:"nearest"})}catch(e){location.hash=t}return t=="#"+e.target.parentElement.id&&window.scrollTo(0,document.body.scrollTop),void e.preventDefault()}e.preventDefault(),t=t.substring(1),loadPage(t),window.history.pushState(null,null,"/Team:Judd_UK/"+t.replace("*","/")+".html")}}function loadPage(e){qs(".JC #content-container").style.visibility="hidden",AJAX("/Team:Judd_UK/Pages/"+e+"?action=raw&ctype=text/plain",function(t){if(200==t.status){page=e,html.innerHTML=t.responseText;var n=html.content||html;qs(".JC #content-body").innerHTML="",qs(".JC #content-index ol").innerHTML="","false"!=n.querySelector("div").dataset.templated&&qsa("[data-selector]").forEach(function(e){var t=n.querySelector(e.dataset.selector);t?e.innerHTML=e.dataset.text?t.innerText:t.outerHTML:e.innerHTML=""}),"false"!=n.querySelector("div").dataset.wiki?(qs(".JC #content-index").style.display="block",n.querySelectorAll("h2, h3").forEach(function(e,t){"H2"==e.tagName?qs(".JC #content-index ol").innerHTML+='<li><a href="#'+e.innerHTML.replace(/\s+/g,"-").replace(/[^A-Z0-9-_]+/gi,"")+"-"+t+'">'+e.innerHTML+"</a></li>":qs(".JC #content-index ol").lastChild.querySelector("ol")?qs(".JC #content-index ol").lastChild.querySelector("ol").innerHTML+='<li><a href="#'+e.innerHTML.replace(/\s+/g,"-").replace(/[^A-Z0-9-_]+/gi,"")+"-"+t+'">'+e.innerHTML+"</a></li>":qs(".JC #content-index ol").lastChild.innerHTML+='<ol><li><a href="#'+e.innerHTML.replace(/\s+/g,"-").replace(/[^A-Z0-9-_]+/gi,"")+"-"+t+'">'+e.innerHTML+"</a></li></ol>"}),n.querySelectorAll("div h2, div h3").forEach(function(e,t){e.id=e.innerHTML.replace(/\s+/g,"-").replace(/[^A-Z0-9-_]+/gi,"")+"-"+t})):qs(".JC #content-index").style.display="none",qs(".JC #content-body").innerHTML=n.querySelector("div")?n.querySelector("div").innerHTML:"",qs(".JC #content-container").style.visibility="visible",animate()}else loadPage("404")})}var qs=document.querySelector.bind(document),magic=!1,objectList=null,qsa=document.querySelectorAll.bind(document),page=location.pathname.slice(14,-5).replace(/\//g,"*"),html=qs("template"),mouseDetected=!1;window.onpopstate=function(e){return magic?void(magic=!1):void(location.pathname.replace(/\//g,"*").slice(14,-5)!=page&&loadPage(location.pathname.replace(/\//g,"*").slice(14,-5)))};var handle=qs(".JC #handle"),sprite=qs(".JC #sprite"),safe=!0;qs("#HQ_page #bodyContent>.mw-content-ltr").classList.remove("mw-content-ltr"),qs("#HQ_page #bodyContent").id="",qs("#HQ_page").id="",loadPage(page),createindex(),qs(".JC #sprite").addEventListener((void 0===qs(".JC").style.animationName?"webkit":"")+"animationend",function(){handle.style.webkitAnimationName="",handle.style.animationName="",sprite.style.webkitAnimationName="",sprite.style.animationName="",safe=!0},!1),qs(".JC #main-img").onmouseenter=animate,document.addEventListener("click",newPage,!1),document.addEventListener("mousemove",function(){mouseDetected&&(qs("#topstyles").innerHTML=""),mouseDetected=!0,document.removeEventListener("mousemove",arguments.callee)},!1),qs("#topstyles").innerHTML=".JC #O1 a{transform:translateX(-150%)!important;opacity:1!important}.JC #O2 a{transform: translateX(-50%)!important;opacity:1!important}.JC #O3 a{transform:translateX(50%)!important;opacity:1!important}.JC #O4 a{transform:translateX(150%)!important;opacity:1!important}",setTimeout(function(){mouseDetected?qs("#topstyles").innerHTML="":mouseDetected=!0},4e3),loadStyleSheet("https://fonts.googleapis.com/css?family=Raleway|Open+Sans:300"),loadStyleSheet("https://fonts.googleapis.com/css?family=Creepster");
+
/* JSWiki Javascript Library v0.4.3
 +
*
 +
* Copyright Aleksandur Murfitt
 +
* Released under the MIT license
 +
* (<[URL]>)/license.txt
 +
*
 +
* Date: 2017-10-01T12:38Z
 +
*/
 +
var qs = document.querySelector.bind(document),
 +
    magic = false,
 +
    objectList = null;
 +
var qsa = document.querySelectorAll.bind(document);
 +
var page = location.pathname.slice(14, -5).replace(/\//g, "*");
 +
var html = qs(".JC" + ('content' in document.createElement('template')) ? "template" : "#content-template");
 +
 
 +
var mouseDetected = false;
 +
 
 +
function animate() {
 +
    if (!safe) return;
 +
    handle.style.webkitAnimationName = 'handle';
 +
    handle.style.animationName = 'handle';
 +
    sprite.style.webkitAnimationName = 'sprite';
 +
    sprite.style.animationName = 'sprite';
 +
    safe = false;
 +
}
 +
 
 +
function loadStyleSheet(src) {
 +
    if (document.createStyleSheet) document.createStyleSheet(src);
 +
    else {
 +
        var stylesheet = document.createElement('link');
 +
        stylesheet.href = src;
 +
        stylesheet.rel = 'stylesheet';
 +
        stylesheet.type = 'text/css';
 +
        document.getElementsByTagName('head')[0].appendChild(stylesheet);
 +
    }
 +
}
 +
 
 +
function AJAX(url, callback) {
 +
    var xmlhttp;
 +
    xmlhttp = new XMLHttpRequest();
 +
    xmlhttp.onreadystatechange = function () {
 +
        if (xmlhttp.readyState == 4)
 +
            callback(xmlhttp);
 +
    };
 +
    xmlhttp.open("GET", url, true);
 +
    xmlhttp.send();
 +
}
 +
 
 +
function createindex() {
 +
    var obj = contentIndexData;
 +
    Object.keys(obj.project).forEach(function (e, i) {
 +
        if (typeof (obj.project[e]) == 'string') {
 +
            qs('#O2>ul').innerHTML += '<li><a href="£' + obj.project[e] + '">' + e + '</a></li>';
 +
        } else {
 +
            qs('#O2>ul').innerHTML += '<li id="O2-S' + i + '"><a href="#O2-S' + i + '">' + e + '</a></li>';
 +
            qs('#O2>ul').innerHTML += '<li><ul class="sub"></ul></li>';
 +
            obj.project[e].forEach(function (n) {
 +
                qs('#O2>ul>li:last-child>ul').innerHTML += '<li><a href="£' + n.replace(/\s+/g, '-').replace(/[^A-Z0-9-_]+/gi, '') + '">' + n + '</a></li>';
 +
            });
 +
        }
 +
    });
 +
    Object.keys(obj.team).forEach(function (e, i) {
 +
        if (typeof (obj.team[e]) == 'string') {
 +
            qs('#O4>ul').innerHTML += '<li><a href="£' + obj.team[e] + '">' + e + '</a></li>';
 +
        } else {
 +
            qs('#O4>ul').innerHTML += '<li id="O4-S' + i + '"><a href="#O4-S' + i + '">' + e + '</a></li>';
 +
            qs('#O4>ul').innerHTML += '<li><ul class="sub"></ul></li>';
 +
            obj.team[e].forEach(function (n) {
 +
                qs('#O4>ul>li:last-child>ul').innerHTML += '<li><a href="£' + n.replace(/\s+/g, '-').replace(/[^A-Z0-9-_]+/gi, '') + '">' + n + '</a></li>';
 +
            });
 +
        }
 +
    });
 +
}
 +
window.onpopstate = function (e) {
 +
    if (magic) {
 +
        magic = false;
 +
        return;
 +
    }
 +
    if (location.pathname.replace(/\//g, "*").slice(14, -5) != page) {
 +
        loadPage(location.pathname.replace(/\//g, "*").slice(14, -5));
 +
    } else
 +
        return;
 +
 
 +
}
 +
 
 +
function newPage(e) {
 +
    e = window.e || e;
 +
    var href = e.target.getAttribute("href");
 +
    if (href === null || (href[0] != "£" && href[0] != "#")) return;
 +
    if (href[0] == "#") {
 +
        magic = true;
 +
        try {
 +
            qs(".JC #content-body " + href).scrollIntoView({
 +
                behavior: "smooth",
 +
                block: "start",
 +
                inline: "nearest"
 +
            });
 +
        } catch (e) {
 +
            location.hash = href;
 +
        }
 +
        if (href == "#" + e.target.parentElement.id) {
 +
            window.scrollTo(0, document.body.scrollTop);
 +
        }
 +
        e.preventDefault();
 +
        return;
 +
    }
 +
    e.preventDefault();
 +
    href = href.substring(1);
 +
    loadPage(href);
 +
    window.history.pushState(null, null, "/Team:Judd_UK/" + href.replace('*', "/") + ".html");
 +
}
 +
 
 +
function loadPage(href) {
 +
    qs(".JC #content-container").style.visibility = "hidden";
 +
    AJAX("/Team:Judd_UK/Pages/" + href + "?action=raw&ctype=text/plain", function (xmlhttp) {
 +
        if (xmlhttp.status == 200) {
 +
            page = href;
 +
            html.innerHTML = xmlhttp.responseText;
 +
            var content = (html.content || html);
 +
            qs('.JC #content-body').innerHTML = "";
 +
            qs('.JC #content-index ol').innerHTML = "";
 +
            if (content.querySelector("div").dataset.templated != "false")
 +
                qsa("[data-selector]").forEach(function (elem) {
 +
                    var i = (content.querySelector(elem.dataset.selector));
 +
                    if (i)
 +
                        elem.innerHTML = (elem.dataset.text) ? i.innerText : i.outerHTML;
 +
                    else
 +
                        elem.innerHTML = "";
 +
                });
 +
            if (content.querySelector("div").dataset.wiki != "false") {
 +
                qs(".JC #content-index").style.display = "block";
 +
                content.querySelectorAll("h2, h3").forEach(function (elem, index) {
 +
                    if (elem.tagName == "H2")
 +
                        qs(".JC #content-index ol").innerHTML += '<li><a href="#' + elem.innerHTML.replace(/\s+/g, "-").replace(/[^A-Z0-9-_]+/gi, "") + "-" + index + '">' + elem.innerHTML + '</a></li>';
 +
                    else
 +
                    if (qs(".JC #content-index ol").lastChild.querySelector("ol"))
 +
                        qs(".JC #content-index ol").lastChild.querySelector("ol").innerHTML += '<li><a href="#' + elem.innerHTML.replace(/\s+/g, "-").replace(/[^A-Z0-9-_]+/gi, "") + "-" + index + '">' + elem.innerHTML + '</a></li>';
 +
                    else {
 +
                        qs(".JC #content-index ol").lastChild.innerHTML += '<ol><li><a href="#' + elem.innerHTML.replace(/\s+/g, "-").replace(/[^A-Z0-9-_]+/gi, "") + "-" + index + '">' + elem.innerHTML + '</a></li></ol>';
 +
                    }
 +
                });
 +
                content.querySelectorAll("div h2, div h3").forEach(function (elem, index) {
 +
                    elem.id = elem.innerHTML.replace(/\s+/g, "-").replace(/[^A-Z0-9-_]+/gi, "") + "-" + index;
 +
                });
 +
            } else
 +
                qs(".JC #content-index").style.display = "none";
 +
            qs(".JC #content-body").innerHTML = content.querySelector("div") ? content.querySelector("div").innerHTML : "";
 +
            qs(".JC #content-container").style.visibility = "visible";
 +
            animate();
 +
        } else {
 +
            loadPage("404");
 +
        }
 +
    });
 +
}
 +
 
 +
var handle = qs(".JC #handle");
 +
var sprite = qs(".JC #sprite");
 +
var safe = true;
 +
qs("#HQ_page #bodyContent>.mw-content-ltr").classList.remove("mw-content-ltr");
 +
qs("#HQ_page #bodyContent").id = "";
 +
qs("#HQ_page").id = "";
 +
loadPage(page);
 +
createindex();
 +
qs(".JC #sprite").addEventListener((qs(".JC").style.animationName === undefined ? "webkit" : "") + 'animationend', function () {
 +
    handle.style.webkitAnimationName = '';
 +
    handle.style.animationName = '';
 +
    sprite.style.webkitAnimationName = '';
 +
    sprite.style.animationName = '';
 +
    safe = true;
 +
}, false);
 +
qs(".JC #main-img").onmouseenter = animate;
 +
document.addEventListener("click", newPage, false);
 +
document.addEventListener("mousemove", function () {
 +
    if (mouseDetected)
 +
        qs("#topstyles").innerHTML = "";
 +
    mouseDetected = true;
 +
    document.removeEventListener("mousemove", arguments.callee);
 +
}, false);
 +
qs("#topstyles").innerHTML = ".JC #O1 a{transform:translateX(-150%)!important;opacity:1!important}.JC #O2 a{transform: translateX(-50%)!important;opacity:1!important}.JC #O3 a{transform:translateX(50%)!important;opacity:1!important}.JC #O4 a{transform:translateX(150%)!important;opacity:1!important}";
 +
setTimeout(function () {
 +
    if (mouseDetected)
 +
        qs("#topstyles").innerHTML = "";
 +
    else mouseDetected = true;
 +
}, 4000);
 +
loadStyleSheet("https://fonts.googleapis.com/css?family=Raleway|Open+Sans:300");
 +
loadStyleSheet("https://fonts.googleapis.com/css?family=Creepster");

Revision as of 08:01, 23 October 2017

/* JSWiki Javascript Library v0.4.3

*
* Copyright Aleksandur Murfitt
* Released under the MIT license
* (<[URL]>)/license.txt
*
* Date: 2017-10-01T12:38Z
*/

var qs = document.querySelector.bind(document),

   magic = false,
   objectList = null;

var qsa = document.querySelectorAll.bind(document); var page = location.pathname.slice(14, -5).replace(/\//g, "*"); var html = qs(".JC" + ('content' in document.createElement('template')) ? "template" : "#content-template");

var mouseDetected = false;

function animate() {

   if (!safe) return;
   handle.style.webkitAnimationName = 'handle';
   handle.style.animationName = 'handle';
   sprite.style.webkitAnimationName = 'sprite';
   sprite.style.animationName = 'sprite';
   safe = false;

}

function loadStyleSheet(src) {

   if (document.createStyleSheet) document.createStyleSheet(src);
   else {
       var stylesheet = document.createElement('link');
       stylesheet.href = src;
       stylesheet.rel = 'stylesheet';
       stylesheet.type = 'text/css';
       document.getElementsByTagName('head')[0].appendChild(stylesheet);
   }

}

function AJAX(url, callback) {

   var xmlhttp;
   xmlhttp = new XMLHttpRequest();
   xmlhttp.onreadystatechange = function () {
       if (xmlhttp.readyState == 4)
           callback(xmlhttp);
   };
   xmlhttp.open("GET", url, true);
   xmlhttp.send();

}

function createindex() {

   var obj = contentIndexData;
   Object.keys(obj.project).forEach(function (e, i) {
       if (typeof (obj.project[e]) == 'string') {
qs('#O2>ul').innerHTML += '
  • <a href="£' + obj.project[e] + '">' + e + '</a>
  • ';
           } else {
    
    qs('#O2>ul').innerHTML += '
  • <a href="#O2-S' + i + '">' + e + '</a>
  • '; qs('#O2>ul').innerHTML += '
    • ';
                 obj.project[e].forEach(function (n) {
      
      qs('#O2>ul>li:last-child>ul').innerHTML += '
    • <a href="£' + n.replace(/\s+/g, '-').replace(/[^A-Z0-9-_]+/gi, ) + '">' + n + '</a>
    • ';
                 });
             }
         });
         Object.keys(obj.team).forEach(function (e, i) {
             if (typeof (obj.team[e]) == 'string') {
      
      qs('#O4>ul').innerHTML += '
    • <a href="£' + obj.team[e] + '">' + e + '</a>
    • ';
             } else {
      
      qs('#O4>ul').innerHTML += '
    • <a href="#O4-S' + i + '">' + e + '</a>
    • '; qs('#O4>ul').innerHTML += '
      • ';
                   obj.team[e].forEach(function (n) {
        
        qs('#O4>ul>li:last-child>ul').innerHTML += '
      • <a href="£' + n.replace(/\s+/g, '-').replace(/[^A-Z0-9-_]+/gi, ) + '">' + n + '</a>
      • ';
                   });
               }
           });
        

        } window.onpopstate = function (e) {

           if (magic) {
               magic = false;
               return;
           }
           if (location.pathname.replace(/\//g, "*").slice(14, -5) != page) {
               loadPage(location.pathname.replace(/\//g, "*").slice(14, -5));
           } else
               return;
        

        }

        function newPage(e) {

           e = window.e || e;
           var href = e.target.getAttribute("href");
           if (href === null || (href[0] != "£" && href[0] != "#")) return;
           if (href[0] == "#") {
               magic = true;
               try {
                   qs(".JC #content-body " + href).scrollIntoView({
                       behavior: "smooth",
                       block: "start",
                       inline: "nearest"
                   });
               } catch (e) {
                   location.hash = href;
               }
               if (href == "#" + e.target.parentElement.id) {
                   window.scrollTo(0, document.body.scrollTop);
               }
               e.preventDefault();
               return;
           }
           e.preventDefault();
           href = href.substring(1);
           loadPage(href);
           window.history.pushState(null, null, "/Team:Judd_UK/" + href.replace('*', "/") + ".html");
        

        }

        function loadPage(href) {

           qs(".JC #content-container").style.visibility = "hidden";
           AJAX("/Team:Judd_UK/Pages/" + href + "?action=raw&ctype=text/plain", function (xmlhttp) {
               if (xmlhttp.status == 200) {
                   page = href;
                   html.innerHTML = xmlhttp.responseText;
                   var content = (html.content || html);
                   qs('.JC #content-body').innerHTML = "";
                   qs('.JC #content-index ol').innerHTML = "";
                   if (content.querySelector("div").dataset.templated != "false")
                       qsa("[data-selector]").forEach(function (elem) {
                           var i = (content.querySelector(elem.dataset.selector));
                           if (i)
                               elem.innerHTML = (elem.dataset.text) ? i.innerText : i.outerHTML;
                           else
                               elem.innerHTML = "";
                       });
                   if (content.querySelector("div").dataset.wiki != "false") {
                       qs(".JC #content-index").style.display = "block";
                       content.querySelectorAll("h2, h3").forEach(function (elem, index) {
                           if (elem.tagName == "H2")
        
        qs(".JC #content-index ol").innerHTML += '
      • <a href="#' + elem.innerHTML.replace(/\s+/g, "-").replace(/[^A-Z0-9-_]+/gi, "") + "-" + index + '">' + elem.innerHTML + '</a>
      • ';
                           else
                           if (qs(".JC #content-index ol").lastChild.querySelector("ol"))
        
        qs(".JC #content-index ol").lastChild.querySelector("ol").innerHTML += '
      • <a href="#' + elem.innerHTML.replace(/\s+/g, "-").replace(/[^A-Z0-9-_]+/gi, "") + "-" + index + '">' + elem.innerHTML + '</a>
      • ';
                           else {
        
        qs(".JC #content-index ol").lastChild.innerHTML += '
        1. <a href="#' + elem.innerHTML.replace(/\s+/g, "-").replace(/[^A-Z0-9-_]+/gi, "") + "-" + index + '">' + elem.innerHTML + '</a>
        ';
                           }
                       });
                       content.querySelectorAll("div h2, div h3").forEach(function (elem, index) {
                           elem.id = elem.innerHTML.replace(/\s+/g, "-").replace(/[^A-Z0-9-_]+/gi, "") + "-" + index;
                       });
                   } else
                       qs(".JC #content-index").style.display = "none";
                   qs(".JC #content-body").innerHTML = content.querySelector("div") ? content.querySelector("div").innerHTML : "";
                   qs(".JC #content-container").style.visibility = "visible";
                   animate();
               } else {
                   loadPage("404");
               }
           });
        

        }

        var handle = qs(".JC #handle"); var sprite = qs(".JC #sprite"); var safe = true; qs("#HQ_page #bodyContent>.mw-content-ltr").classList.remove("mw-content-ltr"); qs("#HQ_page #bodyContent").id = ""; qs("#HQ_page").id = ""; loadPage(page); createindex(); qs(".JC #sprite").addEventListener((qs(".JC").style.animationName === undefined ? "webkit" : "") + 'animationend', function () {

           handle.style.webkitAnimationName = ;
           handle.style.animationName = ;
           sprite.style.webkitAnimationName = ;
           sprite.style.animationName = ;
           safe = true;
        

        }, false); qs(".JC #main-img").onmouseenter = animate; document.addEventListener("click", newPage, false); document.addEventListener("mousemove", function () {

           if (mouseDetected)
               qs("#topstyles").innerHTML = "";
           mouseDetected = true;
           document.removeEventListener("mousemove", arguments.callee);
        

        }, false); qs("#topstyles").innerHTML = ".JC #O1 a{transform:translateX(-150%)!important;opacity:1!important}.JC #O2 a{transform: translateX(-50%)!important;opacity:1!important}.JC #O3 a{transform:translateX(50%)!important;opacity:1!important}.JC #O4 a{transform:translateX(150%)!important;opacity:1!important}"; setTimeout(function () {

           if (mouseDetected)
               qs("#topstyles").innerHTML = "";
           else mouseDetected = true;
        

        }, 4000); loadStyleSheet("https://fonts.googleapis.com/css?family=Raleway%7COpen+Sans:300"); loadStyleSheet("https://fonts.googleapis.com/css?family=Creepster");