MediaWiki:Tweeki.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

/* Any JavaScript here will be loaded for users using the Tweeki skin */
/* Setiap blok dijaga: kalau elemen/library yang dicari tidak ada di halaman ini,
   blok itu dilewati. Dulu satu error menghentikan seluruh file. */

// Bootstrap 5: Tweeki tidak membuka global `bootstrap`, pakai jembatan jQuery-nya.
// Plugin jQuery-nya bisa belum terdaftar (urutan muat), jadi dicek dulu.
$(function () {
  if ($.fn.tooltip) {
    $('[data-toggle="tooltip"]').tooltip();
  }
  if ($.fn.alert) {
    $('.alert').alert();
  }
  if ($.fn.popover) {
    $('[data-bs-toggle="popover"]').popover();
  }
});

// Header tabel #table-1 menempel saat digulir (butuh #header-fixed di halaman)
(function () {
  var $table = $('#table-1');
  var $fixedHeader = $('#header-fixed');
  if (!$table.length || !$fixedHeader.length) {
    return;
  }
  var tableOffset = $table.offset().top;
  $fixedHeader.append($table.children('thead').clone());

  $(window).on('scroll', function () {
    var offset = $(this).scrollTop();

    if (offset >= tableOffset && $fixedHeader.is(':hidden')) {
      $fixedHeader.show();
    } else if (offset < tableOffset) {
      $fixedHeader.hide();
    }
  });
}());

// Pindahkan kategori ke sidebar kanan
(function () {
  var one = document.querySelector('#sidebar-right');
  var catlinks = document.querySelector('.catlinks');
  if (!one || !catlinks) {
    return;
  }
  // salin ke array dulu: .children ikut berubah saat elemen dipindah (dulu yang terpindah hanya selang-seling)
  Array.prototype.slice.call(catlinks.children).forEach(function (child) {
    one.appendChild(child);
  });
}());


// MASONRY: .grid > .grid-item. Library dimuat async dari CDN (hook BeforePageDisplay di
// LocalSettings), jadi bisa belum tersedia saat file ini jalan -> coba lagi saat window load.
var msnry = null;

function initMasonry() {
  var grid = document.querySelector('.grid');
  if (msnry || !grid || typeof Masonry === 'undefined') {
    return;
  }
  msnry = new Masonry(grid, {
    itemSelector: '.grid-item',
    percentPosition: true
  });
}
initMasonry();
window.addEventListener('load', initMasonry);

// Daftar isi (ScrollSpy): judul berawalan "#" (mis. "#1 Kanak-kanak") atau berisi "?" menghasilkan
// href seperti "##1_Kanak-kanak" yang bukan selector CSS sah -> ScrollSpy Bootstrap error dan
// berhenti, sehingga sub-daftar H3 tidak pernah terbuka. Escape href-nya, lalu tangani kliknya
// sendiri (href yang di-escape tidak lagi cocok dengan id heading).
$(function () {
  var spy;
  var changed = false;
  if (!window.CSS || !CSS.escape) {
    return;
  }
  $('#toc ul a[href^="#"]').each(function () {
    var id, safe;
    try {
      id = decodeURIComponent(this.hash.slice(1));
    } catch (e) {
      return;
    }
    safe = '#' + CSS.escape(id);
    if (this.getAttribute('href') !== safe) {
      $(this).attr('href', safe).data('tocId', id);
      changed = true;
    }
  }).on('click', function (e) {
    var id = $(this).data('tocId');
    if (id && document.getElementById(id)) {
      e.preventDefault();
      location.hash = id;
    }
  });
  spy = changed && $.fn.scrollspy && $.fn.scrollspy.Constructor.getInstance(document.body);
  if (spy) {
    spy.refresh();
  }
});

// bootstrap 5.3 accordion/collapse: isi yang tadinya tersembunyi menumpuk -> susun ulang setelah terbuka
['myAccordion', 'collapseMasonry'].forEach(function (id) {
  var el = document.getElementById(id);
  if (el) {
    el.addEventListener('shown.bs.collapse', function () {
      if (msnry) {
        msnry.layout();
      }
    });
  }
});