Difference between revisions of "MediaWiki:Common.js"

Revision as of 07:08, 10 October 2023

$(document).ready(function() {
  var term = 'Jschwjsch';
  var footnoteContent = 'The term is applied only to men and means King of Wisdom.';

  $('body').each(function() {
    var text = $(this).html();
    var regex = new RegExp('\\b' + term + '\\b', 'g');
    var newText = text.replace(regex, '<span class="footnote">' + term + '<div class="footnote-content">' + footnoteContent + '</div></span>');

    $(this).html(newText);
  });

  $(".btnHideEnglish").click(function() {
    console.log('Hiding first column of table with an id of report');
    $("table#collapsible_report > tbody:last-child > tr > th:first-child").toggle();
    $("table#collapsible_report > tbody:last-child > tr > td:first-child").toggle();
    if ($(this).text() == "Hide English") {
      $(this).text("Show English");
      $("table#collapsible_report").css({"width": "80%", "margin": "0 auto"});
    } else {
      $(this).text("Hide English");
      $("table#collapsible_report").css({"width": "", "border-spacing": "1.5em 0", "margin": "0 -1.5em"});
    }
  });

  $(".btnHideHigh-German").click(function() {
    console.log('Hiding second column of table with an id of report');
    $("table#collapsible_report > tbody:last-child > tr > th:last-child").toggle();
    $("table#collapsible_report > tbody:last-child > tr > td:last-child").toggle();
    if ($(this).text() == "Hide High German") {
      $(this).text("Show High German");
      $("table#collapsible_report").css({"width": "80%", "margin": "0 auto"});
    } else {
      $(this).text("Hide High German");
      $("table#collapsible_report").css({"width": "", "border-spacing": "1.5em 0", "margin": "0 -1.5em"});
    }
  });

  $(".btnHideGerman").click(function() {
    console.log('Hiding second column of table with an id of report');
    $("table#collapsible_report > tbody:last-child > tr > th:last-child").toggle();
    $("table#collapsible_report > tbody:last-child > tr > td:last-child").toggle();
    if ($(this).text() == "Hide German") {
      $(this).text("Show German");
      $("table#collapsible_report").css({"width": "80%", "margin": "0 auto"});
    } else {
      $(this).text("Hide German");
      $("table#collapsible_report").css({"width": "", "border-spacing": "1.5em 0", "margin": "0 -1.5em"});
    }
  });

  // hide the german by default, on page load, but only if the btnHideGerman element exists on the page
  if (document.getElementById("btnHideGerman")) {
    console.log('btnHideGerman exists');
    //$("#btnHideGerman").click();
  } else {
    // do stuff
    console.log('btnHideGerman does not exist');
  }
});