MediaWiki: Common.js: Perbedaan antara revisi

Dari GBI Danau Bogor Raya
Lompat ke: navigasi, cari
Leo (bicara | kontrib)
Tidak ada ringkasan suntingan
Tanda: Dikembalikan
Leo (bicara | kontrib)
Tidak ada ringkasan suntingan
Tanda: Pengembalian manual
 
(2 revisi perantara oleh pengguna yang sama tidak ditampilkan)
Baris 54: Baris 54:
         firstImg.fetchPriority = 'high';
         firstImg.fetchPriority = 'high';
     }
     }
});
// Pastikan library core MediaWiki dan jQuery sudah siap
mw.loader.using(['javascript.util', 'jquery']).then(function () {
    $(document).ready(function () {
       
        // Targetkan elemen collapse berdasarkan class bawaan Bootstrap atau ID spesifik Anda
        // Di sini kita menangkap event 'shown.bs.collapse' menggunakan jQuery bawaan MediaWiki
        $('.collapse').on('shown.bs.collapse', function () {
           
            // Cari kontainer grid Masonry di dalam atau di sekitar elemen yang baru di-expand
            var $grid = $('.grid'); // Ganti '.grid' dengan class kontainer Masonry Anda
           
            // Pastikan instance Masonry ada sebelum memicu layout ulang
            if ($grid.data('masonry')) {
                $grid.masonry('layout');
            } else if (typeof Masonry !== 'undefined') {
                // Jika diinisialisasi secara vanilla JS
                var msnry = Masonry.data($grid[0]);
                if (msnry) msnry.layout();
            }
        });
    });
});
$activeGrid.imagesLoaded(function() {
    $activeGrid.masonry('layout');
});
$('.collapse').on('shown.bs.collapse', function () {
    var $grid = $('.grid');
   
    // Berikan delay kecil (misal 200ms) agar transisi selesai & gambar mulai ter-render
    setTimeout(function() {
        if ($grid.data('masonry')) {
            $grid.masonry('layout');
        }
    }, 200);
});
});

Revisi terkini sejak 3 Juli 2026 10.14

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