MediaWiki:Common.js: Difference between revisions

From Hackerspace Amersfoort
Jump to navigation Jump to search
mNo edit summary
No edit summary
 
(14 intermediate revisions by 2 users not shown)
Line 3: Line 3:
jQuery.ajax({
jQuery.ajax({
     method: 'GET',
     method: 'GET',
     url:    'https://bitlair.nl/statejson.php',
     url:    'https://bitlair.nl/statejson',
}).done(function(res) {
}).done(function(res) {
     jQuery("<div id=spacestatus class="+(res.state.open ? "open" : "closed")+">""</div>").appendTo(jQuery("#p-logo"));
     jQuery("<div id=spacestatus class="+(res.state.open ? "open" : "closed")+"></div>").appendTo(jQuery("#p-logo"));
});
});
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);
    });
}

Latest revision as of 10:01, 20 February 2022

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

jQuery.ajax({
    method: 'GET',
    url:    'https://bitlair.nl/statejson',
}).done(function(res) {
    jQuery("<div id=spacestatus class="+(res.state.open ? "open" : "closed")+"></div>").appendTo(jQuery("#p-logo"));
});


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);
    });
}