MediaWiki:Common.js: Difference between revisions

Revision as of 18:13, 15 December 2024

// JavaScript to dynamically create and insert a table, only on the "Meals" page
mw.loader.using(["mediawiki.util"]).then(function () {
  (function () {
    var targetPage = "Meals"; // Target page name
    var currentPage = mw.config.get("wgPageName");

    // Run the script only if the current page matches the target page
    if (currentPage !== targetPage) {
      return;
    }

    // Check if the content area exists
    var contentArea = document.getElementById("mw-content-text");
    if (!contentArea) {
      return;
    }

    // Create table element
    var table = document.createElement("table");
    table.className = "wikitable"; // Apply MediaWiki's table styling
    table.style.width = "50%";
    table.style.margin = "20px auto";

    // Add table header
    var headers = ["Food", "Category", "Calories"];
    var headerRow = document.createElement("tr");
    headers.forEach(function (header) {
      var th = document.createElement("th");
      th.textContent = header;
      headerRow.appendChild(th);
    });
    table.appendChild(headerRow);

    // Add table rows with sample data
    var data = [
      ["Pizza", "Fast Food", "285"],
      ["Apple", "Fruit", "52"],
      ["Salad", "Healthy", "150"]
    ];

    data.forEach(function (row) {
      var tableRow = document.createElement("tr");
      row.forEach(function (cell) {
        var td = document.createElement("td");
        td.textContent = cell;
        tableRow.appendChild(td);
      });
      table.appendChild(tableRow);
    });

    // Insert the table into the page content area
    contentArea.prepend(table); // Add the table at the top of the content area
  })();
});