MediaWiki:Tweeki.js

/* Any JavaScript here will be loaded for users using the Tweeki skin */

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

var tableOffset = $("#table-1").offset().top;
var $header = $("#table-1 > thead").clone();
var $fixedHeader = $("#header-fixed").append($header);

$(window).bind("scroll", function() {
  var offset = $(this).scrollTop();

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

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

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


// Bootstrap 5

var alertList = document.querySelectorAll('.alert')
alertList.forEach(function (alert) {
  new bootstrap.Alert(alert)
});

const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]')
const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl))


/ /bootstrap 5.3 accordion troubleshooting overlap the content when showing items with card and masonry 
// Assuming you are using Masonry
var accordion = document.getElementById('myAccordion');
accordion.addEventListener('shown.bs.collapse', function () {
  // Re-layout Masonry grid here
  msnry.layout(); 
});