MediaWiki:Common.js: Difference between revisions

document.addEventListener("DOMContentLoaded", function () {

     const table = document.getElementById("leaderboardTable");

     const dungeonFilter = document.getElementById("filterDungeon");

     const typeFilter = document.getElementById("filterType");

     const addBtn = document.getElementById("addRunBtn");

         if (!t || !t.includes(":")) return 999999;

         const parts = t.split(":");

         return parseInt(parts[0]) * 60 + parseInt(parts[1]);

         rows.sort((a, b) => {

             return parseTime(a.cells[6].innerText) - parseTime(b.cells[6].innerText);

         rows.forEach(row => table.appendChild(row));

         Array.from(table.rows).slice(1).forEach(row => {

            const dungeon = row.cells[1].innerText.trim();

            const type = row.cells[2].innerText.trim();

             const show =

     dungeonFilter.addEventListener("change", filterTable);

    typeFilter.addEventListener("change", filterTable);

     addBtn.addEventListener("click", function () {

            align-items:center;

            justify-content:center;

            z-index:9999;

        const modal = document.createElement("div");

         modal.innerHTML = `

             <label>Dungeon:</label><br>

             <select id="runDungeon">

             </select><br><br>

             <label>Type:</label><br>

             <select id="runType">

                <option value="Solo">Solo</option>

                <option value="Party">Party</option>

             </select><br><br>

             <div id="partySizeSection" style="display:none;">

                 <label>Party Size:</label><br>

                 <select id="runPartySize">

                    <option>1</option>

                    <option>2</option>

                     <option>3</option>

                     <option>4</option>

            <div id="weaponSection">

                <label>Weapon (Solo Only):</label><br>

                <select id="runWeapon">

                    <option>Bow</option>

                    <option>Great Sword</option>

                    <option>Sword & Shield</option>

                </select><br><br>

            </div>

            <label>Player / Party:</label><br>

            <input type="text" id="runPlayer"><br><br>

            <label>Time (MM:SS):</label><br>

            <input type="text" id="runTime"><br><br>

            <label>Date:</label><br>

            <input type="text" id="runDate"><br><br>

            <label>Screenshot:</label><br>

            <small>Upload first via <a href="/wiki/Special:Upload" target="_blank">Upload File</a></small><br>

            <input type="text" id="runScreenshot"><br><br>

            <button id="submitRun">Generate Entry</button>

            <button id="cancelRun">Cancel</button>

        `;

        overlay.appendChild(modal);

        document.body.appendChild(overlay);

        const runType = document.getElementById("runType");

        const partySizeSection = document.getElementById("partySizeSection");

        const weaponSection = document.getElementById("weaponSection");

        runType.addEventListener("change", function() {

            if (this.value === "Party") {

                partySizeSection.style.display = "block";

                weaponSection.style.display = "none";

            } else {

                partySizeSection.style.display = "none";

                weaponSection.style.display = "block";

            }

        });

        document.getElementById("cancelRun").onclick = () => {

            document.body.removeChild(overlay);

        };

        document.getElementById("submitRun").onclick = function () {

            const dungeon = document.getElementById("runDungeon").value;

            const type = runType.value;

            const partySize = type === "Solo" ? "1" : document.getElementById("runPartySize").value;

            const weapon = type === "Solo" ? document.getElementById("runWeapon").value : "—";

            const player = document.getElementById("runPlayer").value;

            const time = document.getElementById("runTime").value;

            const date = document.getElementById("runDate").value;

            const screenshot = document.getElementById("runScreenshot").value;

            if (!player || !time || !date || !screenshot) {

                alert("All required fields must be completed.");

                return;

            }

            const row = `

            alert("Copy this row and paste at bottom of table:\\n\\n" + row);

            document.body.removeChild(overlay);

         };

     });