Difference between revisions of "MediaWiki:Common.js"
From Emps-World Wiki
(43 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: | + | // TODO: Check whether noted icon is in the same file as unnoted icon. |
− | + | ||
// mapping slot id to a file | // mapping slot id to a file | ||
var slotToImg = [ | var slotToImg = [ | ||
Line 28: | Line 28: | ||
} | } | ||
function capitalize(x) { | function capitalize(x) { | ||
− | return x.replace(/\b\w/g, l | + | 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() { | ||
Line 35: | Line 44: | ||
var itemId = $(this).data("item-id"); | var itemId = $(this).data("item-id"); | ||
− | $.get( "../scripts/fetch_item.php", { id: itemId }).done(function( | + | $.get( "../scripts/fetch_item.php", { id: itemId }).done(function(json) { |
− | + | ||
var hc = 0, dc = 0; | var hc = 0, dc = 0; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
// item info table | // item info table | ||
if (table.is(".item-info-table")) { | if (table.is(".item-info-table")) { | ||
+ | //console.log("loading item: "+json.id); | ||
table.find("th").each(function() { | table.find("th").each(function() { | ||
if (dc % 2 === 1) { | if (dc % 2 === 1) { | ||
var idx = parseInt(dc / 2); | var idx = parseInt(dc / 2); | ||
− | var note = "No" | + | var note = "No"; |
if (!isNaN(json.note)) { | if (!isNaN(json.note)) { | ||
note = parseInt(json.note) === parseInt(itemId); | note = parseInt(json.note) === parseInt(itemId); | ||
Line 69: | Line 73: | ||
else if (idx == 3) // stackable | else if (idx == 3) // stackable | ||
$(this).text(capitalize(json.stack)); | $(this).text(capitalize(json.stack)); | ||
− | else if (idx == 4) // noteable | + | else if (idx == 4) { // noteable |
$(this).text(note); | $(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 | else if (idx == 5) // destroy | ||
$(this).text(json.destroy === "yes" ? "Destroy" : "Drop"); | $(this).text(json.destroy === "yes" ? "Destroy" : "Drop"); | ||
Line 113: | Line 126: | ||
else if (dc == 6) | else if (dc == 6) | ||
$(this).text(json.pray); | $(this).text(json.pray); | ||
− | else if (dc == 7) { | + | 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 = ""; | this.innerHTML = ""; | ||
var slotFile = slotToImg[json.slot]; | var slotFile = slotToImg[json.slot]; | ||
Line 128: | Line 157: | ||
iconLink.appendChild(iconImg); | iconLink.appendChild(iconImg); | ||
this.appendChild(iconLink); | this.appendChild(iconLink); | ||
− | } else if (dc === | + | } else if (dc === 15) { |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
if (json.req === "") | if (json.req === "") | ||
$(this).text("None"); | $(this).text("None"); | ||
else | else | ||
$(this).text(json.req); | $(this).text(json.req); | ||
− | } else if (dc === | + | } else if (dc === 16) { |
if (json.slot === "3") | if (json.slot === "3") | ||
$(this).text(json.speed); | $(this).text(json.speed); |
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++; }); } }); }); });