MediaWiki:Common.js

Opmerking: na het publiceren moet je misschien je browsercache legen om de veranderingen te zien.

• Firefox / Safari: houd Shift ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5 of Ctrl-R (⌘-Shift-R op een Mac)
• Google Chrome: druk op Ctrl-Shift-R (⌘-Shift-R op een Mac)
• Edge: houd Ctrl ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5.

/* Any JavaScript here will be loaded for all users on every page load. */

jQuery.ajax({
    method: 'GET',
    url:    'https://bitlair.nl/spaceapi.json',
}).done(function(res) {
    let state_str = res.state.open ? "open" : "closed";
    jQuery("<div id=spacestatus class="+state_str+"></div>").appendTo(jQuery("#p-logo"));
    document.querySelector('.mw-wiki-logo').style.backgroundImage = `url("https://bitlair.nl/resources/assets/bitlair-${state_str}.gif")`
});


jQuery('<iframe width="600" height="400" allowfullscreen style="border-style:none;" src="https://bitlair.github.io/tour/?config=tour.json"></iframe>')
    .appendTo(jQuery('#tour'));

if ($("#fotos").length) {
    $.get("/fotos/latest?amount=8", function (data) {
        var photos = $("<div/>");
        for (var i in data.latest) {
            var item = data.latest[i];

            photos.append(
                $("<div>")
                    .css({ width: '12.5%', 'float': 'left' })
                    .append(
                        $("<a>").attr({ href: item.url }).append(
                            $("<img>").attr({ src: item.thumbnail }).css({ width: '100%' })
                        )
                    )
                    .append(
                        $("<div />").text(item.date).css({'text-align': 'right', 'font-size': '8pt'})
                    )
            ).css({ 'clear': 'both' });
        }
        $("#fotos").html(photos);
    });
}