MediaWiki:Common.js: verschil tussen versies

Uit Hackerspace Amersfoort
Naar navigatie springen Naar zoeken springen
Geen bewerkingssamenvatting
kGeen bewerkingssamenvatting
 
(10 tussenliggende versies door 2 gebruikers niet weergegeven)
Regel 3: Regel 3:
jQuery.ajax({
jQuery.ajax({
     method: 'GET',
     method: 'GET',
     url:    'https://bitlair.nl/statejson',
     url:    'https://bitlair.nl/spaceapi.json',
}).done(function(res) {
}).done(function(res) {
     jQuery("<div id=spacestatus class="+(res.state.open ? "open" : "closed")+"></div>").appendTo(jQuery("#p-logo"));
     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")`
});
});


Regel 19: Regel 21:


             photos.append(
             photos.append(
                 $("<a>").attr({ href: item.url }).append(
                 $("<div>")
                    $("<img>").attr({ src: item.thumbnail }).css({ width: '12.5%' })
                    .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);
         $("#fotos").html(photos);
     });
     });
}
}

Huidige versie van 3 okt 2025 14:50

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