MediaWiki:Common.js: Difference between revisions

Latest revision as of 14:47, 16 May 2025

/* Any JavaScript here will be loaded for all users on every page load. */

// TODO: Check whether noted icon is in the same file as unnoted icon.

// mapping slot id to a file
var slotToImg = [
    "c/ca/Helmetslot.png",
    "d/d7/Capeslot.png",
    "8/85/Amuletslot.png",
    "a/aa/Weaponslot.png",
    "9/94/Bodyslot.png",
    "9/91/Shieldslot.png",
    "Arms",
    "5/5e/Legsslot.png",
    "",
    "8/89/Glovesslot.png",
    "f/f8/Bootsslot.png",
    "",
    "c/ce/Ringslot.png",
    "5/54/Ammoslot.png",
    "7/77/Wingsslot.png",
    "d/d5/Auraslot.png"
];
$(document).ready(function() {
    
    $('table.sortable').each(function() {
        var $table = $(this);
        var $autoSortHeader = $table.find('th[data-autosort="asc"], th[data-autosort="desc"]');
        if ($autoSortHeader.length) {
            var sortDirection = $autoSortHeader.attr('data-autosort');
            if (typeof $autoSortHeader[0].click === 'function') {
                setTimeout(function() {
                    $autoSortHeader[0].click();
                    if (sortDirection === 'desc') {
                        setTimeout(function() {
                            $autoSortHeader[0].click();
                        }, 5);
                    }
                }, 100);
            }
        }
    });

    function format(x) {
        return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    }
    function capitalize(x) {
        return x.replace(/\b\w/g, function(l){return l.toUpperCase()});
    }

    $(".item-image").each(function() {
        $(this).find("pre").replaceWith($(this).find("img"));
        var img = $(this).find("img")
        var desc = $(this).attr("class").split("'")[1];
        img.attr("alt", desc);
        img.attr("title", desc);
    });
    
    $(".item-icon").each(function() {
        const img = $("<img>");
        const attrs = $(this).find("pre").text().trim().split(";");
        img.attr("alt", attrs[1]);
        img.attr("title", attrs[1]);
        img.attr("loading", "lazy");
        const size = (Math.round(attrs[2] * 64) || 45) + "px";
        img.attr("width", size);
        img.attr("height", size);
        $(this).replaceWith(img);
        img.attr("src", "/img/itemicons/individual/"+attrs[0]+".png");
    });

    $(".item-bonus-table, .item-info-table").each(function() {
        var table = $(this);
        var itemId = $(this).data("item-id");
        
        $.get("/api/data/item.php", { id: itemId }).done(function(json) {
            var hc = 0, dc = 0;
            
            // item info table
            if (table.is(".item-info-table")) {
                //console.log("loading item: "+json.id);
                table.find("th").each(function() {
                    if (dc % 2 === 1) {
                        var idx = parseInt(dc / 2);
                        var note = "No";
                        if (!isNaN(json.note)) {
                            note = parseInt(json.note) === parseInt(itemId);
                            if (note)
                                note = "Noted";
                            else
                                note = "Yes";
                        }
                        
                        var mult = 1.0;
                        if (json.id >= 14876 && json.id <= 14892) {
                            mult = 0.1;
                        }

                        var halch = format(Math.round(json.price * 0.9375 * mult));
                        var lalch = format(Math.round(json.price * 0.9375 * 0.85 * mult));
                        var shop;
                        if (json.fp && json.fp !== "") { // fixed prices
                            shop = format(json.price * mult);
                        } else {
                            shop = format(Math.round(json.price * 0.6 * mult));
                        }
                        
                        if (idx > 0) {
                            if (idx == 1) // tradeable
                                $(this).text(capitalize(json.trade));
                            else if (idx == 2) // equippable
                                $(this).text(json.slot === "6" ? "No" : "Yes");
                            else if (idx == 3) // stackable
                                $(this).text(capitalize(json.stack));
                            else if (idx == 4) { // noteable
                                $(this).text(note);
                                if (note === "Yes") { // add noted icon
                                    const iconEl = document.querySelector("table[data-item-id='" + json.id + "'] tbody tr:nth-child(2) th img");
                                    const notedEl = iconEl.cloneNode(true);
                                    notedEl.src = "/img/itemicons/individual/"+json.note+".png";
                                    iconEl.parentElement.append(notedEl);
                                }
                            }
                            else if (idx == 5) // destroy
                                $(this).text(json.destroy === "yes" ? "Destroy" : "Drop");
                            else if (idx == 6) // general store
                                $(this).text(shop+" gp");
                            else if (idx == 7) // low alch
                                $(this).text(lalch+" gp");
                            else if (idx == 8) // high alch
                                $(this).text(halch+" gp");
                            else if (idx == 9) // weight
                                $(this).text(json.weight+" kg");
                            else if (idx == 10) // examine
                                $(this).text("You have a "+json.name+".");
                        }
                    }
                    dc++;
                });
                
            // bonuses table
            } else {
                // iterate over headers
                table.find("th").each(function() {
                    if (hc === 0)
                        $(this).text(json.name);
                    hc++;
                });
                
                // iterate over table data
                table.find("td").each(function() {
                    if (dc === 0)
                        $(this).text(json.mlAcc);
                    else if (dc === 1)
                        $(this).text(json.rnAcc);
                    else if (dc === 2)
                        $(this).text(json.mgAcc);
                    else if (dc === 3)
                        $(this).text(json.mlDef);
                    else if (dc === 4)
                        $(this).text(json.rnDef);
                    else if (dc === 5)
                        $(this).text(json.mgDef);
                    else if (dc == 6)
                        $(this).text(json.pray);
                    else if (dc == 7)
                        $(this).text(json.hp);
                    else if (dc == 8) {
                        var bonusBlock = Math.max(json.mlDef, json.rnDef, json.mgDef) * 0.01;
                        var bonusText = (+bonusBlock + +json.blk).toFixed(1) + (+json.pblk > 0 ? " ("+json.pblk+"% PvP)" : "");
                        $(this).text(bonusText);
                    } else if (dc === 9)
                        $(this).text(json.mlStr);
                    else if (dc === 10)
                        $(this).text(json.rnStr);
                    else if (dc === 11)
                        $(this).text(json.mgStr);
                    else if (dc === 12)
                        $(this).text(json.degrade === "1" ? "Yes" : "No");
                    else if (dc === 13)
                        $(this).text(json.repair === "1" ? "Yes" : "No");
                    else if (dc == 14) { // equipment slot icon
                        this.innerHTML = "";
                        var slotFile = slotToImg[json.slot];
                        var slotName = slotFile.substring(5, slotFile.length-8);
                        var iconLink = document.createElement("a");
                        var iconImg = document.createElement("img");
                        $(iconLink).attr("href", "/wiki/File:"+slotName+"slot.png");
                        $(iconLink).attr("class", "image");
                        $(iconImg).attr("alt", slotName+"slot.png");
                        $(iconImg).attr("src", "/wiki/images/thumb/"+slotFile+"/30px-"+slotName+"slot.png");
                        $(iconImg).attr("width", "30");
                        $(iconImg).attr("height", "30");
                        $(iconImg).attr("srcset", "/wiki/images/"+slotFile+" 1.5x, /wiki/images/"+slotFile+" 2x");
                        iconLink.appendChild(iconImg);
                        this.appendChild(iconLink);
                    } else if (dc === 15) {
                        if (json.req === "")
                            $(this).text("None");
                        else
                            $(this).text(json.req);
                    } else if (dc === 16) {
                        if (json.slot === "3")
                            $(this).text(json.speed);
                        else
                            $(this).text("-");
                    } else
                        $(this).text(dc+" data column");
                    
                    dc++;
                });
            }
        });
    });
});