MediaWiki:Skin/Kamelopedia:Zeitreisemaschine.js

addJS( "Kamel:J*/lib/async.js" );
addJS( "Kamel:J*/lib/wiki.js" );

/*
 * Zeitwähler-Code
 */

function getTotalOffset( element, offsetType, sum )
{
    if ( element.offsetParent != null )
        sum += getTotalOffset( element.offsetParent, offsetType, sum );
    return sum + element[offsetType];
}

Node.prototype.getTotalOffsetTop = function () { return getTotalOffset( this, "offsetTop", 0 ); };
Node.prototype.getTotalOffsetLeft = function () { return getTotalOffset( this, "offsetLeft", 0 ); };

var s = {
    init: function () {
        s.info = jQuery("#sliderinfo");
        s.info2 = jQuery("#sliderinfo2");
        s.case = jQuery("#slidercase");
        s.back = jQuery("#sliderback");
        s.slider = jQuery("#slider");
        s.slider2 = jQuery("#slider2");
        s.top = s.case.getTotalOffsetTop();
        s.left = s.case.getTotalOffsetLeft();
    },
    move: function (e) {
        var x = document.all ? window.event.clientX : e.pageX;
        var y = document.all ? window.event.clientY : e.pageY;
        if ( x > s.left && x < s.left + s.case.offsetWidth &&
             y > s.top  && y < s.top  + s.case.offsetHeight )
        {
            s.dx = x - s.left - 1 ;
            s.px = s.dx / ( s.case.offsetWidth - 2 );
            s.date = s.calcTime(s.px);
            s.dateInfo = "";
            s.dateInfo += s.date.getDate() + ". ";
            s.dateInfo += ["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"][s.date.getMonth()] + " ";
            s.dateInfo += s.date.getFullYear();
            s.info.innerHTML = s.dateInfo;
            s.slider.style.left = (s.dx - 1 ) + "px";
            s.slider.style.display = "block";
            
        }
        else
        {
            s.info.innerHTML = "Kein Datum ausgewählt.";
            s.slider.style.display = "none";
        }
    },
    calcTime: function (p) {
        return new Date( ( (s.today - s.birth) * p + s.birth ) * 1000 );
    },
    click: function (e) {
        s.move(e);
        s.info2.innerHTML = s.dateInfo;
        s.slider2.style.left = (s.dx - 2 ) + "px";
        s.slider2.style.display="block";
        s.fkt();
    }
}



function initSlider()
{
    s.init();
    window.onmousemove = s.move;
    s.case.onclick = s.click;
    s.birth = parseInt( jQuery("#t_birth").innerHTML );
    s.today = parseInt( jQuery("#t_today").innerHTML );
    var b = new Date ( s.birth * 1000 );
    var t = new Date ( s.today * 1000 );
    s.back.innerHTML="";
    for (var x=b.getFullYear(); x<t.getFullYear(); x++)
    {
        var e = document.createElement("DIV");
        e.style.position = "absolute";
        e.style.height = "100%";
        e.style.width = "100%";
        e.innerHTML = x+1;
        e.style.margin = "0px";
        e.style.padding = "0px";
        e.style.borderLeft = "1px darkblue solid";
        e.style.color = "darkblue";
        e.style.top = "0px";
        e.style.width = "5em";
        e.style.left = ( (new Date(x+1,0,1) - b) / ( t - b ) * (s.case.offsetWidth - 2) ) + "px";
        s.back.appendChild(e);
    }
}

/*
 * Zeitmaschinen-Code
 */

var ret;

function parseRevision( a )
{
    document.getElementById("zr_content").innerHTML = a.wiki.HTML;
    document.getElementsByTagName("H1")[0].innerHTML = page;
    dbg = wiki.transport;
    var links = document.getElementsByTagName("A");

    for(var i=0; i<links.length; i++)
        if (links[i].keepToday != true)
            links[i].onclick = nextlink;
    //keine Ahnung warum, aber wir müssen den Slider neu setzen!
    initSlider();
    s.slider2.style.left = (s.dx - 2 ) + "px";
    jQuery("#shadow").style.display="none";
    return a;
}


nextlink = function () 
{
    page = this.title;
    getRevision.start();
    return false;
}

var time="20050101";
var page="Hauptseite";
var dbg;

getRevision = new Async( [
    function () { jQuery("#shadow").style.display="table"; a = { wiki: { source: "{{#dpl: namespace = | lastrevisionbefore = "+parseInt(time)+" | format=,%REVISION%, | skipthispage = no | count = 1 | titlematch = "+page+" | count = 1}}", title: "Hauptseite" } }; return a; },
    wiki.parse,
    function (a) { if (isNaN(parseInt(a.wiki.HTML))) {a.wiki.HTML="Diese Seite gab es damals noch nicht."; parseRevision(a); getRevision.pointer ++; return;} a.wiki.args = "oldid="+parseInt(a.wiki.HTML); a.wiki.title =  page; return a; },
    wiki.getHTML,
    parseRevision
], function () {} );

getRescue = new Async( [
    function (a) { jQuery("#shadow").style.display="table"; page="Zufällige Artikelvorschläge"; return { wiki: { source: "Probier doch mal: {{#dpl: namespace = | lastrevisionbefore = "+parseInt(time)+" | format = ,\\n*[[%PAGE%]], | randomcount = 6 }}", title: "Hauptseite" } } },
    wiki.parse,
    parseRevision
], function () {} );

// in den Datumswähler einhängen:
s.fkt = function () {
    var y = String(s.date.getFullYear());
    var m = String(s.date.getMonth()+1);
    var d = String(s.date.getDate());
    if (d.length == 1 )
        d = "0"+d;
    if (m.length == 1 )
        m = "0"+m;
    time = y+m+d;
    getRevision.start();

}

function initTM()
{
    var links = document.getElementsByTagName("A");

    for(var i=0; i<links.length; i++)
        links[i].keepToday = true;

    jQuery("#zr_info").onclick = function () { getRescue.start(); };
    initSlider();
}
addOnloadHook(initTM);