MediaWiki:Skin/Projekt:Adventure2/lib.js

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

// A2lib

a2 = {};
a2.events = {};
a2.virtuals = {};

a2.clearScope = function clearScope(sc) {
    delete a2.events[sc];
    delete a2.virtuals[sc];
};

a2.registerEventHandler = function registerEventHandler(e) {
    var sc = e.scope;

    if (!a2.events[sc])
        a2.events[sc]={};

    for(var i=0; i<e.trigger.length; i++){
        var tr = e.trigger[i];
        if (!a2.events[sc][tr])
            a2.events[sc][tr] = [];
    
        a2.events[sc][tr].push(function(){
            a2.log("run", e.name);
            var cond = e.condition();
            a2.debugEventInstance(e.scope, e.name, cond);
            if (cond)
                e.action();
        });
    }
};

a2.log = function () {return;};
if (window.console && window.console.log && window.console.log.apply)
    a2.log = function() { console.log.apply(window.console, arguments) };


a2.fireEvent = function fireEvent (ev) {
    if ( ev[0] == "enter" || ev[0] == "add" || ev[0] == "remove" )
        a2.updateHash()

    event = ev.join(".");
    a2.log("Fire", event);
    a2.debugEvent(event);
    var e = a2.events;
    for(var i in e)
       try {
           for(j=0; j<e[i][event].length; j++){
               a2.log("Event", i, event, j, e[i][event][j]);
               e[i][event][j]();
           }
       } catch (e) {
           a2.log("Event Exception", e);
       }
};

a2.makeUrl = function makeUrl(p){
    var script = mw.config.get("wgScript");
    var page = mw.config.get("wgPageName");
    return [script, page, p].join("/");
}

a2.updateHash = function updateHash() {
    var hash = "#" + a2.crypt(a2.stateEncode(), true);
    location.hash = hash;
    a2.latestHash = hash;
}

a2.loadPage = function loadPage(n){
    if (isNaN(parseInt(n)) || a2.cpage == parseInt(n))
        return;
    a2.clearScope(":page:");
    a2.fireEvent(["leave",a2.cpage]);
    response = $.ajax({
        url: a2.makeUrl(parseInt(n)+"?action=render"),
        async: false
    });

    if (response.status != 200) {
        a2.debugError("Fehler beim Laden von Seite "+n+": "+response.statusText;
        return;
    }
 
    a2.cpage = n;
    a2.debugPage(n);
    var $content = $(response.responseText)
    $content.append('<scr'+'ipt type="text/javascript">setTimeout(function(){a2.fireEvent(["enter",a2.cpage]); $("#a2loader").hide();}, 100);</scr'+'ipt>');
 
    $("#a2image").empty().append($content);
    console.log($("#a2image a"));

    $("#a2image area").click(function (ev) {
        a2.fireEvent(["click",ev.target.hash.substr(1)]);
        return false;
    });
    $("#a2image area[href='#_l']").css('cursor','url("/images/4/41/Leftarrow.png") 0 15, w-resize');
    $("#a2image area[href='#_r']").css('cursor','url("/images/b/b9/Rightarrow.png") 30 15, e-resize');
    $("#a2image area[href='#_u']").css('cursor','url("/images/3/37/Uparrow.png") 15 0, n-resize');
    $("#a2image area[href='#_d']").css('cursor','url("/images/6/62/Downarrow.png") 15 30, s-resize');

    $("#a2image img").droppable({
        drop: function (event, ui) {
            var target = a2.ui.getDroparea($(this), ui);
            a2.log("drop", target, event, ui);
            if (target.length)
                a2.fireEvent(["apply",ui.draggable.data("item"),target[0].hash.substr(1)]);
        }
    });

};

a2.util = {
    print: function (s) { 
        $("#a2text").text(s);
    },
    goto: function (p) {
        a2.loadPage(p);
    }
};


a2.items = {};
a2.loadItem = function loadItem(n){
    a2.log("load", n);
    a2.clearScope(n);
    response = $.ajax({
        url: a2.makeUrl("item/"+n+"?action=render"),
        async: false
    });

    if (response.status != 200) {
        a2.debugError("Fehler beim Laden von Item "+n+": "+response.statusText;
        return;
    }

    a2.items[n] = response.responseText;
    a2.log(a2.items);
    a2.renderItems();
    a2.fireEvent(["add",n]);
};

a2.renderItems = function renderItems(){
    $("#a2items").empty()
    a2.debugItems();
    for (var item in a2.items){
        var $flbox=$('<div class="a2itembox" />');
        var $fl=$('<div class="a2item" />');
        $flbox.append($fl);
        $fl.append(a2.items[item]);
        $("#a2items").append($flbox);
        $fl.draggable({
            // cursorAt: {top: -5, left: -5},
            revert: true,
            zIndex: 10000,
            start: function(event, ui) {
                ui.helper.bind("click.prevent", function(event) { event.preventDefault(); });
            },
            stop: function(event, ui) {
                setTimeout(function(){ui.helper.unbind("click.prevent");}, 300);
            }
        });
        $fl.data("item",item);
        $fl.click(function () {a2.fireEvent(["activate",$(this).data("item")]);});
        $fl.droppable({
            drop: function (event, ui) {
                a2.fireEvent(["combine",ui.draggable.data("item"),$(this).data("item")]);
                return false;
            }
        });
        a2.log($("#a2items"))
    }
}

a2.util.add = function add (i) {
    a2.loadItem(i);
};
a2.util.remove = function remove(i) {
    delete a2.items[i]; 
    delete a2.events[i];
    a2.renderItems();
    a2.fireEvent(["remove",i]);
};

a2.util.hasVirtual = function hasVirtual (v) {
    for (i in a2.virtuals)
        if( a2.virtuals[i].indexOf(v) > -1 )
            return i;
    return false;
}

a2.ui = {};
a2.ui.getAreaBox = function getAreaBox (area) {
    var $area = $(area);
    var shape = $area.attr("shape");
    var p = $area.attr("coords");
    p = p.split(",")
    p = $.map(p, function(x){ return parseInt(x);});

    if (shape == "circle"){
        var x1 = p[0] - p[2];
        var y1 = p[1] - p[2];
        var x2 = p[0] + p[2];
        var y2 = p[1] + p[2];
    } else {
        var x1 = Infinity;
        var y1 = Infinity;
        var x2 = -Infinity;
        var y2 = -Infinity;
        for(var i=0; i<p.length; i=i+2){
            if (p[i] < x1) x1 = p[i];
            if (p[i+1] < y1) y1 = p[i+1];
            if (p[i] > x2) x2 = p[i];
            if (p[i+1] > y2) y2 = p[i+1];
        }
    }

    return {x1:x1, y1:y1, x2:x2, y2:y2};
};

a2.ui.getDroparea = function getDroparea (img, ui) {
    var $areas = $("area");
    return $areas.filter(function () {
        var b = a2.ui.getAreaBox(this);
        var s = 25; // half itemsize

        var xm = (b.x1 + b.x2) / 2;
        var ym = (b.y1 + b.y2) / 2;

        var dx = ui.offset.left - $(img).offset().left + s;
        var dy = ui.offset.top - $(img).offset().top + s;

        return (b.x1 < dx && dx < b.x2 &&
                b.y1 < dy && dy < b.y2) ||
               (dx - s < xm && xm < dx + s &&
                dy - s < ym && ym < dy + s);            
    });
}

a2.stateEncode = function () {
    var s = String(a2.cpage);
    for (var i in a2.items)
        s+="|"+i;
    return s
}

a2.stateDecode = function (s) {
    var c = s.split("|");
    a2.items = {};
    for (var j=1; j<c.length; j++) {
        a2.items[c[j]] = "<img src='/images/a/a6/A2loading.gif' alt='Loading …' />";
    }
    a2.renderItems();
    for (var j=1; j<c.length; j++)
        a2.loadItem(c[j]);
    a2.loadPage(parseInt(c[0]));
}

a2.crypt = function crypt (str, encode) {
    if (encode){
        var n = Math.floor((Math.random()*9))+1;
        out = String(n);
    } else {
        var n = - parseInt(str.substr(0,1));
        var out = "";
        str = str.substr(1);
    }
    var chain = "pwoTä7eGNVk1SAldv0mJ9zIöPE4x8rF|B6ybüjZDC5cqfRhOXsQY23iUngLWuMHatK";
    var mk = function(i){ return i % chain.length };

    for (var i=0; i<str.length; i++) {
        var c = str.substr(i,1);
        var ind = chain.indexOf(c);
        if (ind == -1)
            out += c;
        else
            out += chain.substr(mk(ind + n),1);
    }
    return out;
}

/* DEBUGGER */

a2.debugEvent = function debugEvent (ev) {
    if (!$("#a2dbgBottom").length)
        return;

    $("#a2dbgEventLog").append($("<li/>").text(ev).append("<ul/>"));
    $("#a2dbgBottom:visible").scrollTop($("#a2dbgBottom")[0].scrollHeight);
}

a2.debugEventInstance = function debugEventInstance (sc,n,cond) {
    if (!$("#a2dbgBottom").length)
        return;

    var classname = cond ? "a2fired" : "a2notfired";
    $("#a2dbgEventLog li ul").last().append($("<li/>").text(sc+"->"+n).addClass(classname));
    $("#a2dbgBottom:visible").scrollTop($("#a2dbgBottom")[0].scrollHeight);
}

a2.debugPage = function debugPage (p) {
   $("#a2dbgGoto").val(p);
}

a2.debugItems = function debugItems() {
   var s = [];
   for (i in a2.items)
       s.push(i);
   $("#a2dbgItems").val(s.join("\n"));
}

a2.debugError = function debugError(text) {
    if (!$("#a2dbgBottom").length)
        return;

    $("#a2errorCount").text(parseInt($("#a2errorCount"))+1);
    $("#a2dbgEventLog").append($("<li/>").text(text).class("a2error"));
    $("#a2dbgBottom:visible").scrollTop($("#a2dbgBottom")[0].scrollHeight);
}