Difference between revisions of "MediaWiki:Common.js"

Revision as of 07:20, 10 October 2023

  $(".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');
  }
});