MediaWiki:Common.js

Catatan: Setelah menerbitkan, Anda mungkin perlu melewati tembolok peramban web Anda untuk melihat perubahan.

Firefox/Safari: Tekan dan tahan Shift sembari mengeklik Reload, atau tekan Ctrl-F5 atau Ctrl-R (⌘-R di Mac)
Google Chrome: Tekan Ctrl-Shift-R (⌘-Shift-R di Mac)
Edge: Tahan Ctrl sembari mengeklik Refresh, atau tekan Ctrl-F5

/* JavaScript yang ada di sini akan diterapkan untuk semua kulit. */

/* Code dari MediaWiki:Common.js sebagian besar dipindahkan ke MediaWiki_Talk:Common.js sejak 11 Oktober 2022 */


$(document).ready(function() {
    $('.carousel').carousel();
  });

$(document).ready(function() {
    $('#myCarousel').carousel();
  });

/*
$('button').click(function(){ //you can give id or class name here for $('button')
$(this).text(function(i,old){
return old=='+' ?  '-' : '+';
});
});
*/

/* Didapat dari:
https://stackoverflow.com/questions/23101966/bootstrap-alert-auto-close

Menggunakan id="success-alert"
*/
$("#alert-hideable").fadeTo(10000, 500).slideUp(500, function(){
    $("#alert-hideable").slideUp(500);
});

$("#alert-hideable-1").fadeTo(10000, 500).slideUp(500, function(){
    $("#alert-hideable-1").slideUp(500);
});

$("#alert-hideable-2").fadeTo(10000, 500).slideUp(500, function(){
    $("#alert-hideable-2").slideUp(500);
});


var one = document.querySelector("#sidebar-right");
var children = document.querySelector(".catlinks").children;

Array.prototype.forEach.call(children, function (child) {
    one.appendChild(child);
});



// Optimize LCP image: remove lazy loading and set high fetch priority
mw.hook('wikipage.content').add(function() {
    var firstImg = document.querySelector('#mw-content-text img');
    if (firstImg) {
        firstImg.loading = 'eager';
        firstImg.fetchPriority = 'high';
    }
});


// Pastikan kode berjalan setelah dependensi jQuery siap
mw.loader.using(['jquery'], function() {
    $(document).ready(function() {
        
        // Picu penataan ulang Masonry setiap kali sebuah tab Bootstrap selesai ditampilkan
        $('a[data-toggle="tab"], button[data-bs-toggle="tab"]').on('shown.bs.tab', function (e) {
            
            // Cari kontainer row/masonry yang berada di dalam tab aktif saat ini
            var $activeGrid = $('.tab-pane.active .row[data-masonry]');
            
            if ($activeGrid.length > 0) {
                // Perbarui tata letak Masonry agar card kembali rapi
                $activeGrid.masonry('layout');
            }
        });

    });
});

$activeGrid.imagesLoaded(function() {
    $activeGrid.masonry('layout');
});