Difference between revisions of "MediaWiki:Common.js"

From Emps-World Wiki
Jump to: navigation, search
 
(48 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
/* Any JavaScript here will be loaded for all users on every page load. */
 
/* Any JavaScript here will be loaded for all users on every page load. */
  
−
// TODO: link images directly, because the parser has already run at this point
+
// TODO: Check whether noted icon is in the same file as unnoted icon.
−
// cannot use wiki commands here anymore.
+
 
 
// mapping slot id to a file
 
// mapping slot id to a file
 
var slotToImg = [
 
var slotToImg = [
Line 24: Line 24:
  
 
$(document).ready(function() {
 
$(document).ready(function() {
−
function format(x) {
+
    function format(x) {
−
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+
        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);
 +
        //imagePre.before(image);
 +
    });
 +
 
 
     $(".item-bonus-table, .item-info-table").each(function() {
 
     $(".item-bonus-table, .item-info-table").each(function() {
 
         var table = $(this);
 
         var table = $(this);
 
         var itemId = $(this).data("item-id");
 
         var itemId = $(this).data("item-id");
 
          
 
          
−
         $.get( "../scripts/fetch_item.php", { id: itemId }).done(function(data) {
+
         $.get( "../scripts/fetch_item.php", { id: itemId }).done(function(json) {
−
            var json = JSON.parse(data);
+
 
             var hc = 0, dc = 0;
 
             var hc = 0, dc = 0;
−
 
−
            //console.log("data1: "+JSON.stringify(data));
 
−
            //console.log("data2: "+data);
 
−
            //console.log("data3: "+json);
 
−
            //console.log("data4: "+json.name);
 
 
              
 
              
−
// item info table
+
            // item info table
−
if (table.is(".item-info-table")) {
+
            if (table.is(".item-info-table")) {
−
table.find("th").each(function() {
+
                //console.log("loading item: "+json.id);
−
if (dc % 2 === 1) {
+
                table.find("th").each(function() {
−
var idx = parseInt(dc / 2);
+
                    if (dc % 2 === 1) {
−
var note = parseInt(json.note) === parseInt(itemId);
+
                        var idx = parseInt(dc / 2);
−
if (note)
+
                        var note = "No";
−
note = "noted";
+
                        if (!isNaN(json.note)) {
−
else
+
                            note = parseInt(json.note) === parseInt(itemId);
−
note = "yes";
+
                            if (note)
−
+
                                note = "Noted";
−
var halch = format(parseInt(json.price * 0.9375));
+
                            else
−
var lalch = (parseInt(halch * 0.85));
+
                                note = "Yes";
−
var shop = format(Math.round(json.price * 0.6));
+
                        }
−
+
                       
−
if (idx > 0) {
+
                        var halch = format(Math.round(json.price * 0.9375));
−
if (idx == 1) // tradeable
+
                        var lalch = format(Math.round(json.price * 0.9375 * 0.85));
−
$(this).text(json.trade);
+
                        var shop = format(Math.round(json.price * 0.6));
−
else if (idx == 2) // equippable
+
                       
−
$(this).text(json.slot === 6 ? "no" : "yes");
+
                        if (idx > 0) {
−
else if (idx == 3) // stackable
+
                            if (idx == 1) // tradeable
−
$(this).text(json.stack);
+
                                $(this).text(capitalize(json.trade));
−
else if (idx == 4) // noteable
+
                            else if (idx == 2) // equippable
−
$(this).text(note);
+
                                $(this).text(json.slot === "6" ? "No" : "Yes");
−
else if (idx == 5) // destroy
+
                            else if (idx == 3) // stackable
−
$(this).text(json.destroy);
+
                                $(this).text(capitalize(json.stack));
−
else if (idx == 6) // general store
+
                            else if (idx == 4) { // noteable
−
$(this).text(shop);
+
                                $(this).text(note);
−
else if (idx == 7) // low alch
+
                                if (note === "Yes") { // add noted icon
−
$(this).text(lalch);
+
                                    var iconEl = document.querySelector("table[data-item-id='" + json.id + "'] tbody tr:nth-child(2) th");
−
else if (idx == 8) // high alch
+
                                    var notedEl = iconEl.cloneNode(true);
−
$(this).text(halch);
+
                                    notedEl = notedEl.firstElementChild;
−
else if (idx == 9) // weight
+
                                    notedEl.innerHTML = notedEl.innerHTML.replace("bottom:" + json.id%1000*64 + "px", "bottom:" + json.note%1000*64 + "px");
−
$(this).text(json.weight+" kg");
+
                                    notedEl.innerHTML = notedEl.innerHTML.replace(/src=\".*\"/, "src=\"../img/itemicons/"+parseInt(json.note/1000)+"-64.png\"");
−
//else if (idx == 10) // examine
+
                                    iconEl.append(notedEl);
−
// $(this).text(json.stack);
+
                                }
−
}
+
                            }
−
}
+
                            else if (idx == 5) // destroy
−
dc++;
+
                                $(this).text(json.destroy === "yes" ? "Destroy" : "Drop");
−
});
+
                            else if (idx == 6) // general store
−
+
                                $(this).text(shop+" gp");
−
// bonuses table
+
                            else if (idx == 7) // low alch
−
} else {
+
                                $(this).text(lalch+" gp");
−
// iterate over headers
+
                            else if (idx == 8) // high alch
−
table.find("th").each(function() {
+
                                $(this).text(halch+" gp");
−
if (hc === 0)
+
                            else if (idx == 9) // weight
−
$(this).text(json.name);
+
                                $(this).text(json.weight+" kg");
−
hc++;
+
                            else if (idx == 10) // examine
−
});
+
                                $(this).text("You have a "+json.name+".");
−
+
                        }
−
// iterate over table data
+
                    }
−
table.find("td").each(function() {
+
                    dc++;
−
if (dc === 0)
+
                });
−
$(this).text(json.mlAcc);
+
               
−
else if (dc === 1)
+
            // bonuses table
−
$(this).text(json.rnAcc);
+
            } else {
−
else if (dc === 2)
+
                // iterate over headers
−
$(this).text(json.mgAcc);
+
                table.find("th").each(function() {
−
else if (dc === 3)
+
                    if (hc === 0)
−
$(this).text(json.mlDef);
+
                        $(this).text(json.name);
−
else if (dc === 4)
+
                    hc++;
−
$(this).text(json.rnDef);
+
                });
−
else if (dc === 5)
+
               
−
$(this).text(json.mgDef);
+
                // iterate over table data
−
else if (dc == 6)
+
                table.find("td").each(function() {
−
$(this).text(json.pray);
+
                    if (dc === 0)
−
else if (dc == 7) {
+
                        $(this).text(json.mlAcc);
−
this.innerHTML = "";
+
                    else if (dc === 1)
−
var slotFile = slotToImg[json.slot];
+
                        $(this).text(json.rnAcc);
−
var slotName = slotFile.substring(5, slotFile.length-8);
+
                    else if (dc === 2)
−
var iconLink = document.createElement("a");
+
                        $(this).text(json.mgAcc);
−
var iconImg = document.createElement("img");
+
                    else if (dc === 3)
−
$(iconLink).attr("href", "/wiki/File:"+slotName+"slot.png");
+
                        $(this).text(json.mlDef);
−
$(iconLink).attr("class", "image");
+
                    else if (dc === 4)
−
$(iconImg).attr("alt", slotName+"slot.png");
+
                        $(this).text(json.rnDef);
−
$(iconImg).attr("src", "/wiki/images/thumb/"+slotFile+"/30px-"+slotName+"slot.png");
+
                    else if (dc === 5)
−
$(iconImg).attr("width", "30");
+
                        $(this).text(json.mgDef);
−
$(iconImg).attr("height", "30");
+
                    else if (dc == 6)
−
$(iconImg).attr("srcset", "/wiki/images/"+slotFile+" 1.5x, /wiki/images/"+slotFile+" 2x");
+
                        $(this).text(json.pray);
−
iconLink.appendChild(iconImg);
+
                    else if (dc == 7)
−
this.appendChild(iconLink);
+
                        $(this).text(json.hp);
−
} else if (dc === 8)
+
                    else if (dc == 8) {
−
$(this).text(json.mlStr);
+
                        var bonusBlock = Math.max(json.mlDef, json.rnDef, json.mgDef) * 0.01;
−
else if (dc === 9)
+
                        var bonusText = (+bonusBlock + +json.blk).toFixed(1) + (+json.pblk > 0 ? " ("+json.pblk+"% PvP)" : "");
−
$(this).text(json.rnStr);
+
                        $(this).text(bonusText);
−
else if (dc === 10)
+
                    } else if (dc === 9)
−
$(this).text(json.mgStr);
+
                        $(this).text(json.mlStr);
−
else if (dc === 11)
+
                    else if (dc === 10)
−
$(this).text(json.degrade === "1" ? "Yes" : "No");
+
                        $(this).text(json.rnStr);
−
else if (dc === 12)
+
                    else if (dc === 11)
−
$(this).text(json.repair === "1" ? "Yes" : "No");
+
                        $(this).text(json.mgStr);
−
else if (dc === 13) {
+
                    else if (dc === 12)
−
if (json.req === "")
+
                        $(this).text(json.degrade === "1" ? "Yes" : "No");
−
$(this).text("None");
+
                    else if (dc === 13)
−
else
+
                        $(this).text(json.repair === "1" ? "Yes" : "No");
−
$(this).text(json.req);
+
                    else if (dc == 14) { // equipment slot icon
−
} else if (dc === 14) {
+
                        this.innerHTML = "";
−
if (json.slot === "3")
+
                        var slotFile = slotToImg[json.slot];
−
$(this).text(json.speed);
+
                        var slotName = slotFile.substring(5, slotFile.length-8);
−
else
+
                        var iconLink = document.createElement("a");
−
$(this).text("-");
+
                        var iconImg = document.createElement("img");
−
} else
+
                        $(iconLink).attr("href", "/wiki/File:"+slotName+"slot.png");
−
$(this).text(dc+" data column");
+
                        $(iconLink).attr("class", "image");
−
+
                        $(iconImg).attr("alt", slotName+"slot.png");
−
dc++;
+
                        $(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++;
 +
                });
 +
            }
 
         });
 
         });
 
     });
 
     });
 
});
 
});

Latest revision as of 19:12, 29 November 2022

/* 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() {
    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);
        //imagePre.before(image);
    });

    $(".item-bonus-table, .item-info-table").each(function() {
        var table = $(this);
        var itemId = $(this).data("item-id");
        
        $.get( "../scripts/fetch_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 halch = format(Math.round(json.price * 0.9375));
                        var lalch = format(Math.round(json.price * 0.9375 * 0.85));
                        var shop = format(Math.round(json.price * 0.6));
                        
                        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
                                    var iconEl = document.querySelector("table[data-item-id='" + json.id + "'] tbody tr:nth-child(2) th");
                                    var notedEl = iconEl.cloneNode(true);
                                    notedEl = notedEl.firstElementChild;
                                    notedEl.innerHTML = notedEl.innerHTML.replace("bottom:" + json.id%1000*64 + "px", "bottom:" + json.note%1000*64 + "px");
                                    notedEl.innerHTML = notedEl.innerHTML.replace(/src=\".*\"/, "src=\"../img/itemicons/"+parseInt(json.note/1000)+"-64.png\"");
                                    iconEl.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++;
                });
            }
        });
    });
});
Retrieved from ‘https://emps-world.net/wiki/index.php?title=MediaWiki:Common.js&oldid=41311’