☰

bb_extra

Display extra information in the Blood Brothers wikia familiar pages

当前为 2014-05-13 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         bb_extra
  3. // @version      0.6.5.3
  4. // @description  Display extra information in the Blood Brothers wikia familiar pages
  5. // @include      http://bloodbrothersgame.wikia.com/wiki/*
  6. // @copyright    2014, Chin
  7. // @run-at       document-end
  8. // @grant        none
  9. // @namespace https://greasyfork.org/users/1048
  10. // ==/UserScript==
  11.  
  12. /////////////////////////////////////////////////////////////////////////////////////
  13. // Preference section
  14. // Change to false if you don't want something to be displayed
  15. /////////////////////////////////////////////////////////////////////////////////////
  16.  
  17. var displayTotalPE     = true;
  18. var displayTotalPOPE   = true;
  19. var displayTier        = true;
  20. var displaySkill       = true;
  21. var displayPOPE        = true;
  22.  
  23.  
  24. /////////////////////////////////////////////////////////////////////////////////////
  25. // Code section
  26. /////////////////////////////////////////////////////////////////////////////////////
  27.  
  28. var data = {
  29.     hpMax:   0,
  30.     atkMax:  0,
  31.     defMax:  0,
  32.     wisMax:  0,
  33.     agiMax:  0,
  34.  
  35.     hpPE:    0,
  36.     atkPE:   0,
  37.     defPE:   0,
  38.     wisPE:   0,
  39.     agiPE:   0,
  40.  
  41.     hpPOPE:  0,
  42.     atkPOPE: 0,
  43.     defPOPE: 0,
  44.     wisPOPE: 0,
  45.     agiPOPE: 0,
  46.  
  47.     pvpTier: "N/A",
  48.     raidTier: "N/A",
  49.     towerTier: "N/A",
  50.  
  51.     category: "",
  52.     statTable: "",
  53.     isFinalEvolution: false
  54. };
  55.  
  56. var tierURL = [];
  57. tierURL.pvp   = "http://bloodbrothersgame.wikia.com/index.php?title=Familiar_Tier_List/PvP&action=render";
  58. tierURL.raid  = "http://bloodbrothersgame.wikia.com/index.php?title=Familiar_Tier_List/Raid&action=render";
  59. tierURL.tower = "http://bloodbrothersgame.wikia.com/index.php?title=Familiar_Tier_List/Tower&action=render";
  60.  
  61. function numberWithCommas(x) {
  62.     return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
  63. }
  64.  
  65. function getStats () {
  66.     
  67.     function pope() {
  68.         // parse the response text into DOM
  69.         var doc = document.implementation.createHTMLDocument("POPE");
  70.         doc.documentElement.innerHTML = sessionStorage.popeTable;
  71.         
  72.         var famName = (document.getElementById("WikiaPageHeader").getElementsByTagName("h1"))[0].innerHTML.trim();
  73.         var table = (doc.getElementsByClassName("wikitable"))[0];
  74.         var rows = (table.getElementsByTagName("tbody"))[0].getElementsByTagName("tr");
  75.         
  76.         for (var i = rows.length - 1; i >= 2; i--) {
  77.             try {
  78.                 var cells = rows[i].getElementsByTagName("td");
  79.                 var cellFam = (cells[1].innerText || cells[1].textContent).trim();
  80.                 if (cellFam == famName) {
  81.                     data.hpPOPE  = parseInt((cells[3].innerText || cells[3].textContent).replace(/,/g, ""));
  82.                     data.atkPOPE = parseInt((cells[4].innerText || cells[4].textContent).replace(/,/g, ""));
  83.                     data.defPOPE = parseInt((cells[5].innerText || cells[5].textContent).replace(/,/g, ""));
  84.                     data.wisPOPE = parseInt((cells[6].innerText || cells[6].textContent).replace(/,/g, ""));
  85.                     data.agiPOPE = parseInt((cells[7].innerText || cells[7].textContent).replace(/,/g, ""));
  86.                 }
  87.             } catch (e) {}
  88.         }
  89.         if (displayPOPE) addPOPEStats();
  90.         if (displayTotalPE || displayTotalPOPE) addTotalStats();
  91.     }
  92.     
  93.     data.statTable = document.getElementsByClassName("article-table");
  94.     var rowPE = ((data.statTable[0].getElementsByTagName("tbody"))[0].getElementsByTagName("tr"))[3];
  95.     
  96.     //PE stats
  97.     data.hpPE  = parseInt((rowPE.getElementsByTagName("td"))[1].childNodes[0].nodeValue.replace(/,/g, ""));
  98.     data.atkPE = parseInt((rowPE.getElementsByTagName("td"))[2].childNodes[0].nodeValue.replace(/,/g, ""));
  99.     data.defPE = parseInt((rowPE.getElementsByTagName("td"))[3].childNodes[0].nodeValue.replace(/,/g, ""));
  100.     data.wisPE = parseInt((rowPE.getElementsByTagName("td"))[4].childNodes[0].nodeValue.replace(/,/g, ""));
  101.     data.agiPE = parseInt((rowPE.getElementsByTagName("td"))[5].childNodes[0].nodeValue.replace(/,/g, ""));
  102.  
  103.     data.isFinalEvolution = (document.getElementsByClassName("container")[0]).innerHTML.indexOf("Final Evolution") != -1;
  104.  
  105.     if (data.isFinalEvolution) {
  106.         // fetch the POPE stat table
  107.         if (sessionStorage.popeTable == null) {
  108.             var xmlhttp = new XMLHttpRequest();
  109.             xmlhttp.onreadystatechange = function() {
  110.                 if (xmlhttp.readyState==4 && xmlhttp.status==200) {
  111.                     sessionStorage.popeTable = xmlhttp.responseText;
  112.                     pope();
  113.                 }
  114.             };
  115.             xmlhttp.open("GET", "http://bloodbrothersgame.wikia.com/wiki/POPE_Stats_Table", true);
  116.             xmlhttp.send();
  117.             console.log("Fetching POPE table");
  118.         }
  119.         else {
  120.             pope();
  121.         }
  122.     }
  123. }
  124.  
  125. function addPOPEStats() {
  126.  
  127.     if (data.isFinalEvolution) {
  128.  
  129.         var newText = "<tr><td style='text-align:center;padding:0em;'><span style='border-bottom: 1px dotted; font-weight: bold; padding: 0em' title='POPE stats (OPE400 for EP4, OPE100 for EP2, L2, L3 and M2)'><a>POPE</a></span></td><td>"
  130.                         + numberWithCommas(data.hpPOPE) + "</td><td>"
  131.                         + numberWithCommas(data.atkPOPE) + "</td><td>"
  132.                         + numberWithCommas(data.defPOPE) + "</td><td>"
  133.                         + numberWithCommas(data.wisPOPE) + "</td><td>"
  134.                         + numberWithCommas(data.agiPOPE) + "</td></tr>";
  135.          
  136.         // add the new row to tbody
  137.         (data.statTable[0].getElementsByTagName("tbody"))[0].innerHTML += newText;
  138.     }
  139. }
  140.  
  141. function addTotalStats() {
  142.      
  143.     var totalPE = data.hpPE + data.atkPE + data.defPE + data.wisPE + data.agiPE;
  144.     var totalPEText = (isNaN(totalPE) || totalPE == 0)? "N/A" : numberWithCommas(totalPE);
  145.  
  146.     var totalPOPE = data.hpPOPE + data.atkPOPE + data.defPOPE + data.wisPOPE + data.agiPOPE;
  147.     var totalPOPEText = (isNaN(totalPOPE) || totalPOPE == 0)? "N/A" : numberWithCommas(totalPOPE);
  148.     
  149.     var newText = "";
  150.  
  151.     if (!displayTotalPOPE && displayTotalPE)
  152.         newText = "<tr><td style='text-align:center;padding:0em;'><span style='border-bottom: 1px dotted; font-weight: bold; padding: 0em' title='Total PE stats'><a>Total</a></span></td><td></td><td></td><td></td><td></td><td>" 
  153.                   + totalPEText + "</td></tr>";
  154.     else if (displayTotalPOPE && !displayTotalPE)
  155.         newText = "<tr><td style='text-align:center;padding:0em;'><span style='border-bottom: 1px dotted; font-weight: bold; padding: 0em' title='Total POPE stats'><a>Total</a></span></td><td></td><td></td><td></td><td></td><td>" 
  156.                   + totalPOPEText + "</td></tr>";
  157.     else if (displayTotalPOPE && displayTotalPE)
  158.         newText = "<tr><td style='text-align:center;padding:0em;'><span style='border-bottom: 1px dotted; font-weight: bold; padding: 0em' title='Total PE stats and total POPE stats'><a>Total</a></span></td><td></td><td></td><td></td><td>"
  159.                   + totalPEText + "</td><td>" 
  160.                   + totalPOPEText + "</td></tr>";
  161.  
  162.     // add the new row to tbody
  163.     (data.statTable[0].getElementsByTagName("tbody"))[0].innerHTML += newText;
  164.  
  165.     // or add it directly to the PE row, but can cause overflow in small screens
  166.     //var addedPETotalText = "<td>" + numberWithCommas(totalPE) + "</td>";
  167.     //rowPE.innerHTML += addedPETotalText;
  168. }
  169.  
  170. /*
  171. * Initially, call getPvP(), which has getRaid() as callback,
  172. *                 getRaid() has getTower() as callback
  173. *    and finally, getTower() has addTierInfo() as callback
  174. * Ideally, getPvP(), getRaid() and getTower() should be done in parallel instead of 
  175. * being done serially like this, but that's for later
  176. */
  177. function getTierInfo () {
  178.  
  179.     function getPvP() {
  180.         // fetch the pvp tier page
  181.         if (sessionStorage.pvp == null) {
  182.             var xmlhttp = new XMLHttpRequest();
  183.             xmlhttp.onreadystatechange = function() {
  184.                 if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
  185.                     sessionStorage.pvp = xmlhttp.responseText;
  186.                     data.pvp = getTier("pvp");
  187.                     getRaid();
  188.                 }
  189.             };
  190.             xmlhttp.open("GET", tierURL.pvp, true);
  191.             xmlhttp.send();
  192.             sessionStorage.pvp = xmlhttp.responseText;
  193.             console.log("Fetching pvp tier");
  194.         }
  195.         else {
  196.             data.pvp = getTier("pvp");
  197.             getRaid();
  198.         }
  199.     }
  200.  
  201.     function getRaid() {
  202.         // fetch the raid tier page
  203.         if (sessionStorage.raid == null) {
  204.             var xmlhttp = new XMLHttpRequest();
  205.             xmlhttp.onreadystatechange = function() {
  206.                 if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
  207.                     sessionStorage.raid = xmlhttp.responseText;
  208.                     data.raid = getTier("raid");
  209.                     getTower();
  210.                 }
  211.             };
  212.             xmlhttp.open("GET", tierURL.raid, true);
  213.             xmlhttp.send();
  214.             sessionStorage.raid = xmlhttp.responseText;
  215.             console.log("Fetching raid tier");
  216.         }
  217.         else {
  218.             data.raid = getTier("raid");
  219.             getTower();
  220.         }
  221.     }
  222.  
  223.     function getTower() {
  224.         // fetch the tower tier page
  225.         if (sessionStorage.tower == null) {
  226.             var xmlhttp = new XMLHttpRequest();
  227.             xmlhttp.onreadystatechange = function() {
  228.                 if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
  229.                     sessionStorage.tower = xmlhttp.responseText;
  230.                     data.tower = getTier("tower");
  231.                     addTierInfo();
  232.                 }
  233.             };
  234.             xmlhttp.open("GET", tierURL.tower, true);
  235.             xmlhttp.send();
  236.             sessionStorage.tower = xmlhttp.responseText;
  237.             console.log("Fetching tower tier");
  238.         }
  239.         else {
  240.             data.tower = getTier("tower");
  241.             addTierInfo();
  242.         }
  243.     }
  244.  
  245.     function getTier(category) {
  246.         // parse the response text into DOM
  247.         var tierResult = "N/A";
  248.         var doc = document.implementation.createHTMLDocument("Tier");
  249.         doc.documentElement.innerHTML = sessionStorage[category];
  250.  
  251.         var tables = doc.getElementsByClassName("wikitable");
  252.         
  253.         if (!tables) {
  254.             return tierResult;
  255.         }
  256.  
  257.         var tiers = ['X', 'S+', 'S', 'A+', 'A', 'B', 'C', 'D', 'E'];
  258.         var famName = (document.getElementById("WikiaPageHeader").getElementsByTagName("h1"))[0].innerHTML;
  259.  
  260.         for (var i = 0; i < 9; i++){ // 9 tables
  261.             if (!tables[i])
  262.                 break;
  263.             var items = tables[i].innerHTML;
  264.             if (items.indexOf(famName) != -1) {
  265.                 tierResult = tiers[i];
  266.                 break;
  267.             }
  268.         }
  269.         return tierResult;
  270.     }
  271.  
  272.     getPvP();
  273. }
  274.  
  275. /*
  276. * Add the tier info row to the stat table
  277. * This has to be called AFTER the tiers info have all been fetched
  278. */
  279. function addTierInfo () {
  280.     var table = (document.getElementsByClassName("article-table"))[0];
  281.  
  282.     var newText = "<tr>" + 
  283.             "<td style='text-align:center;padding:0em;'><span style='border-bottom: 1px dotted; font-weight: bold; padding: 0em' title='PVP tier'><a>PVP</a></span></td><td>" 
  284.             + data.pvp + "</td><td style='text-align:center;padding:0em;'><span style='border-bottom: 1px dotted; font-weight: bold; padding: 0em' title='Raid tier'><a>Raid</a></span></td><td>" 
  285.             + data.raid + "</td><td style='text-align:center;padding:0em;'><span style='border-bottom: 1px dotted; font-weight: bold; padding: 0em' title='Tower tier'><a>Tower</a></span></td><td>" 
  286.             + data.tower + "</td></tr>";
  287.      
  288.     // add the new row to tbody
  289.     (table.getElementsByTagName("tbody"))[0].innerHTML += newText;
  290. }
  291.  
  292. function addSkillInfo () {
  293.  
  294.     // get the list of skills
  295.     var skillList = (((document.getElementsByClassName("infobox"))[0].getElementsByTagName("tr"))[3]).getElementsByTagName("a");
  296.  
  297.     var skillLink1 = skillList[0].getAttribute("href");
  298.     if (sessionStorage[skillLink1] == null) {
  299.         var xmlhttp = new XMLHttpRequest();
  300.         xmlhttp.onreadystatechange = function() {
  301.             if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
  302.                 sessionStorage[skillLink1] = xmlhttp.responseText;
  303.                 skill1();
  304.             }
  305.         };
  306.         xmlhttp.open("GET", skillLink1, true);
  307.         xmlhttp.send();        
  308.     }
  309.     else {
  310.         skill1();
  311.     }
  312.  
  313.     function skill1 () {
  314.         // parse the response text into DOM
  315.         var doc = document.implementation.createHTMLDocument("Skill");
  316.         doc.documentElement.innerHTML = sessionStorage[skillLink1];
  317.  
  318.         // get the skill info box
  319.         var infoBox = (doc.getElementsByClassName("infobox"))[0];
  320.  
  321.         // insert the skill box to the side
  322.         var searchBox = document.getElementById("WikiaSearch");
  323.         searchBox.parentNode.insertBefore(infoBox, searchBox.nextSibling);
  324.     }
  325.     
  326.     function skill2 () {
  327.         // parse the response text into DOM
  328.         var doc = document.implementation.createHTMLDocument("Skill");
  329.         doc.documentElement.innerHTML = sessionStorage[skillLink2];
  330.         
  331.         // get the skill info box
  332.         var infoBox = (doc.getElementsByClassName("infobox"))[0];
  333.         
  334.         // insert the skill box to the side
  335.         var searchBox = document.getElementById("WikiaSearch");
  336.         searchBox.parentNode.insertBefore(infoBox, searchBox.nextSibling);
  337.     }
  338.  
  339.     // if there's a second skill, add it too
  340.     if (!(typeof skillList[1] === 'undefined')) {
  341.  
  342.         var skillLink2 = skillList[1].getAttribute("href");
  343.         if (sessionStorage[skillLink2] == null) {
  344.             var xmlhttp2 = new XMLHttpRequest();
  345.             xmlhttp2.onreadystatechange = function() {
  346.                 if (xmlhttp2.readyState == 4 && xmlhttp2.status == 200) {
  347.                     sessionStorage[skillLink2] = xmlhttp2.responseText;
  348.                     skill2();
  349.                 }
  350.             };
  351.             xmlhttp2.open("GET", skillLink2, true);
  352.             xmlhttp2.send();            
  353.         }
  354.         else {
  355.             skill2();
  356.         }
  357.     }
  358. }
  359.  
  360. try {
  361.     if (displayPOPE || displayTotalPE) getStats();    
  362.     if (displayTier) getTierInfo();
  363.     if (displaySkill) addSkillInfo();
  364. }
  365. catch (err) {
  366.     console.log("error: " + err);
  367.     console.log("bb_extra error: probably not a fam page");
  368. }