☰

Melvor Completion Log Helper

Replaces question mark icon in the Item Completion Log, Mastery Progression, Pet Completion and Monster Completion Log with greyed out images of items/pets/monsters that you have yet to get/kill and adds links to the wiki. Also includes toggle for highlighting items in bank.

当前为 2020-12-16 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Melvor Completion Log Helper
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.5.0
  5. // @description  Replaces question mark icon in the Item Completion Log, Mastery Progression, Pet Completion and Monster Completion Log with greyed out images of items/pets/monsters that you have yet to get/kill and adds links to the wiki. Also includes toggle for highlighting items in bank.
  6. // @author       Breindahl#2660
  7. // @match        https://*.melvoridle.com/*
  8. // @grant        none
  9. // ==/UserScript==
  10. /* jshint esversion: 6 */
  11.  
  12. // Made for version 0.18
  13. // Big thanks to Visua#9999 and TinyCoyote#1769 for helping with parts of the code and troubleshooting
  14.  
  15. (function () {
  16. 	function injectScript(main) {
  17. 		var script = document.createElement('script');
  18. 		script.textContent = `try {(${main})();} catch (e) {console.log(e);}`;
  19. 		document.body.appendChild(script).parentNode.removeChild(script);
  20. 	}
  21.  
  22. 	function script() {
  23. 		// Loading script
  24. 		console.log('Melvor Completion Log Helper Loaded');
  25. 		var sheet = document.styleSheets[5];
  26. 		sheet.insertRule(".item-in-bank-on {border: 1px gold dotted}");
  27.  
  28. 		$('#modal-item-log').find('.block-options').prepend('<button id="toggleItems" class="btn btn-sm btn-success" style="margin:0px 10px; float:left;">Toggle Found</button>');
  29. 		$('#modal-item-log').find('.block-options').prepend('<img class="skill-icon-xs m-1 BankBordersOn pointer-enabled" id="toggleBankBorders" style="opacity:50%" src="assets/media/main/bank_header.svg">');
  30. 		//<img id="toggleBankBorders" class="btn btn-sm btn-success" style="margin:0px 10px; float:left;">Toggle Found</button>')
  31. 		$(document).ready(function () {
  32. 			$("#toggleItems").click(function () {
  33. 				$(".item-found").toggle();
  34. 			});
  35. 			$("#toggleBankBorders").click(function () {
  36. 				if ($("#toggleBankBorders").hasClass("BankBordersOff")) {
  37. 					$("#toggleBankBorders").removeClass("BankBordersOff").addClass("BankBordersOn").css('opacity', '100%');
  38. 					$(".item-in-bank").removeClass("item-in-bank-off").addClass("item-in-bank-on");
  39. 				} else {
  40. 					$("#toggleBankBorders").removeClass("BankBordersOn").addClass("BankBordersOff").css('opacity', '50%');
  41. 					$(".item-in-bank").removeClass("item-in-bank-on").addClass("item-in-bank-off");
  42. 				}
  43. 			});
  44. 		});
  45.  
  46. 		$('#modal-item-log').find('.block-options').prepend('<div class="input-group" style="float:left;width:auto"><input type="text" class="form-control text-danger btn btn-sm" id="searchTextboxItemLog" style="height:auto; text-align:left;" name="searchTextboxItemLog" placeholder="Search Item Log..." autocomplete="off"><div class="input-group-append"><button type="button" class="btn btn-danger btn-sm" id="clearItemLog">X</button></div></div>');
  47.  
  48. 		const itemIds = items.map((_, id) => id);
  49.  
  50. 		function updateItemLogSearch(search) {
  51. 			if (search === '') {
  52. 				$('#itemlog-container img').removeClass('d-none');
  53. 				return;
  54. 			}
  55. 			search = search.toLowerCase();
  56. 			const itemsResults = itemIds.filter(id => items[id].name.toLowerCase().includes(search) || items[id].category.toLowerCase().includes(search) || items[id].type.toLowerCase().includes(search) || id == search);
  57. 			$('#itemlog-container img').addClass('d-none');
  58. 			for (let i = 0; i < itemsResults.length; i++) {
  59. 				document.getElementById('item-log-img-' + itemsResults[i]).classList.remove('d-none');
  60. 			}
  61. 		}
  62.  
  63. 		function clearItemLogSearch() {
  64. 			$('#searchTextboxItemLog').val('');
  65. 			updateItemLogSearch($('#searchTextboxItemLog').val());
  66. 		}
  67.  
  68. 		$("#clearItemLog").click(function () {
  69. 			clearItemLogSearch();
  70. 		});
  71.  
  72. 		$(document).ready(function () {
  73. 			$("#searchTextboxItemLog").on("keyup", function () {
  74. 				updateItemLogSearch($(this).val());
  75. 			});
  76. 		});
  77.  
  78. 		function openItemLogExtra() {
  79. 			let timesFound = (ignoreCompletion = timesSold = gpFromSale = deathCount = damageTaken = damageDealt = missedAttacks = timesEaten = healedFor = totalAttacks = amountUsedInCombat = timeWaited = timesDied = timesGrown = harvestAmount = enemiesKilled = timesOpened = "");
  80. 			$("#itemlog-container").html("");
  81. 			$("#toggleBankBorders").removeClass("BankBordersOn").addClass("BankBordersOff").css('opacity', '50%');
  82. 			clearItemLogSearch();
  83. 			for (let i = 0; i < itemStats.length; i++) {
  84. 				let itemTooltip;
  85. 				if (itemStats[i].stats[0] > 0) {
  86. 					timesFound = ignoreCompletion = timesSold = gpFromSale = deathCount = damageTaken = damageDealt = missedAttacks = timesEaten = healedFor = totalAttacks = amountUsedInCombat = timeWaited = timesDied = timesGrown = harvestAmount = enemiesKilled = timesOpened = "";
  87. 					if (items[i].ignoreCompletion)
  88. 						ignoreCompletion = "<br><span class='text-danger'>Item does not count towards completion.</span>";
  89. 					if (itemStats[i].stats[0] > 0)
  90. 						timesFound = "<br>Times Found: <small class='text-warning'>" + formatNumber(itemStats[i].stats[0]) + "</small>";
  91. 					if (itemStats[i].stats[1] > 0)
  92. 						timesSold = "<br>Quantity Sold: <small class='text-warning'>" + formatNumber(itemStats[i].stats[1]) + "</small>";
  93. 					if (itemStats[i].stats[2] > 0)
  94. 						gpFromSale = "<br>GP Gained from sales: <small class='text-warning'>" + formatNumber(itemStats[i].stats[2]) + "</small>";
  95. 					if (itemStats[i].stats[3] > 0)
  96. 						deathCount = "<br>Times lost due to death: <small class='text-warning'>" + formatNumber(itemStats[i].stats[3]) + "</small>";
  97. 					if (itemStats[i].stats[4] > 0)
  98. 						damageTaken = "<br>Damage Taken whilst Equipped: <small class='text-warning'>" + formatNumber(itemStats[i].stats[4]) + "</small>";
  99. 					if (itemStats[i].stats[5] > 0)
  100. 						damageDealt = "<br>Damage Dealt: <small class='text-warning'>" + formatNumber(itemStats[i].stats[5]) + "</small>";
  101. 					if (itemStats[i].stats[6] > 0)
  102. 						missedAttacks = "<br>Attacks Missed: <small class='text-warning'>" + formatNumber(itemStats[i].stats[6]) + "</small>";
  103. 					if (itemStats[i].stats[7] > 0)
  104. 						timesEaten = "<br>Times Eaten: <small class='text-warning'>" + formatNumber(itemStats[i].stats[7]) + "</small>";
  105. 					if (itemStats[i].stats[8] > 0)
  106. 						healedFor = "<br>Healed for: <small class='text-warning'>" + formatNumber(itemStats[i].stats[8]) + "</small>";
  107. 					if (itemStats[i].stats[9] > 0)
  108. 						totalAttacks = "<br>Total Attacks: <small class='text-warning'>" + formatNumber(itemStats[i].stats[9]) + "</small>";
  109. 					if (itemStats[i].stats[10] > 0)
  110. 						amountUsedInCombat = "<br>Amount used in combat: <small class='text-warning'>" + formatNumber(itemStats[i].stats[10]) + "</small>";
  111. 					if (itemStats[i].stats[11] > 0)
  112. 						timeWaited = "<br>Time spent waiting to grow: <small class='text-warning'>" + formatNumber(itemStats[i].stats[11]) + "</small>";
  113. 					if (itemStats[i].stats[12] > 0)
  114. 						timesDied = "<br>Crop deaths: <small class='text-warning'>" + formatNumber(itemStats[i].stats[12]) + "</small>";
  115. 					if (itemStats[i].stats[13] > 0)
  116. 						timesGrown = "<br>Successful grows: <small class='text-warning'>" + formatNumber(itemStats[i].stats[13]) + "</small>";
  117. 					if (itemStats[i].stats[14] > 0)
  118. 						harvestAmount = "<br>Amount harvested: <small class='text-warning'>" + formatNumber(itemStats[i].stats[14]) + "</small>";
  119. 					if (itemStats[i].stats[15] > 0)
  120. 						enemiesKilled = "<br>Enemies killed: <small class='text-warning'>" + formatNumber(itemStats[i].stats[15]) + "</small>";
  121. 					if (itemStats[i].stats[16] > 0)
  122. 						timesOpened = "<br>Opened: <small class='text-warning'>" + formatNumber(itemStats[i].stats[16]) + "</small>";
  123. 					$("#itemlog-container").append('<img class="skill-icon-sm" id="item-log-img-' + i + '" src="' + getItemMedia(i) + '">');
  124. 					itemTooltip = "<div class='text-center'>" + items[i].name + "<small class='text-info'> " + timesFound + timesSold + gpFromSale + totalAttacks + missedAttacks + damageDealt + damageTaken + enemiesKilled + amountUsedInCombat + timesEaten + healedFor + timesGrown + timesDied + timeWaited + harvestAmount + timesOpened + ignoreCompletion + "</small></div>";
  125. 					if (items[i].ignoreCompletion && i !== CONSTANTS.item.Cape_of_Completion)
  126. 						$("#item-log-img-" + i).attr("onClick", "addItemToBank(" + i + ", 1);");
  127. 				} else {
  128. 					$("#itemlog-container").append('<a href="https://wiki.melvoridle.com/index.php?title=' + items[i].name + '" target="blank"><img class="skill-icon-sm" id="item-log-img-' + i + '" style="opacity:0.3;filter: grayscale(30%);" src="' + items[i].media + '"></a>');
  129. 					itemTooltip = "<div class='text-center'>" + items[i].name + "</div>";
  130. 				}
  131. 				let haveInBank = getBankId(i);
  132. 				if (haveInBank !== false) {
  133. 					$('#item-log-img-' + i).addClass("item-in-bank").addClass("item-in-bank-off");
  134. 				}
  135. 				tippy("#item-log-img-" + i, {
  136. 					content: itemTooltip,
  137. 					placement: "bottom",
  138. 					allowHTML: true,
  139. 					interactive: false,
  140. 					animation: false,
  141. 				});
  142. 			}
  143. 			$("#modal-item-log").modal("show");
  144. 		}
  145.  
  146. 		$('#modal-monster-log').find('.block-options').prepend('<button id="toggleMonsters" class="btn btn-sm btn-success">Toggle Found</button>');
  147. 		$(document).ready(function () {
  148. 			$("#toggleMonsters").click(function () {
  149. 				$(".monster-found").toggle();
  150. 			});
  151. 		});
  152.  
  153. 		function openMonsterLogExtra() {
  154. 			let damageDealtToPlayer = (damageTakenFromPlayer = killedByPlayer = killedPlayer = hitsToPlayer = hitsFromPlayer = enemyMissed = playerMissed = seen = ranAway = "");
  155. 			$("#monsterlog-container").html("");
  156. 			for (let i = 0; i < monsterStats.length; i++) {
  157. 				let monsterTooltip;
  158. 				if (monsterStats[i].stats[2] > 0 && !MONSTERS[i].ignoreCompletion) {
  159. 					damageDealtToPlayer = damageTakenFromPlayer = killedByPlayer = killedPlayer = hitsToPlayer = hitsFromPlayer = enemyMissed = playerMissed = seen = ranAway = "";
  160. 					damageTakenFromPlayer = "<br>Total Damage Dealt to Monster: <small class='text-warning'>" + formatNumber(monsterStats[i].stats[1]) + "</small>";
  161. 					damageDealtToPlayer = "<br>Total Damage Taken from Monster: <small class='text-warning'>" + formatNumber(monsterStats[i].stats[0]) + "</small>";
  162. 					killedByPlayer = "<br>Times Slain: <small class='text-warning'>" + formatNumber(monsterStats[i].stats[2]) + "</small>";
  163. 					killedPlayer = "<br>Times Killed by Monster: <small class='text-warning'>" + formatNumber(monsterStats[i].stats[3]) + "</small>";
  164. 					hitsToPlayer = "<br>Successful hits by Monster: <small class='text-warning'>" + formatNumber(monsterStats[i].stats[4]) + "</small>";
  165. 					hitsFromPlayer = "<br>Successful hits to Monster: <small class='text-warning'>" + formatNumber(monsterStats[i].stats[5]) + "</small>";
  166. 					enemyMissed = "<br>Missed Attacks by Monster: <small class='text-warning'>" + formatNumber(monsterStats[i].stats[6]) + "</small>";
  167. 					playerMissed = "<br>Missed Attacks to Monster: <small class='text-warning'>" + formatNumber(monsterStats[i].stats[7]) + "</small>";
  168. 					seen = "<br>Times Fought: <small class='text-warning'>" + formatNumber(monsterStats[i].stats[8]) + "</small>";
  169. 					ranAway = "<br>Times Ran Away: <small class='text-warning'>" + formatNumber(monsterStats[i].stats[9]) + "</small>";
  170. 					$("#monsterlog-container").append('<img class="skill-icon-md" id="monster-log-img-' + i + '"  src="' + MONSTERS[i].media + '">');
  171. 					monsterTooltip = "<div class='text-center'>" + MONSTERS[i].name + "<small class='text-info'> " + seen + killedByPlayer + killedPlayer + damageTakenFromPlayer + damageDealtToPlayer + hitsFromPlayer + hitsToPlayer + playerMissed + enemyMissed + ranAway + "</small></div>";
  172. 				} else {
  173. 					$('#monsterlog-container').append('<a href="https://wiki.melvoridle.com/index.php?title=' + MONSTERS[i].name + '" target="blank"><img class="skill-icon-md" id="monster-log-img-' + i + '" style="opacity:0.3;filter: grayscale(30%);" src="' + MONSTERS[i].media + '"></a>');
  174. 					monsterTooltip = "<div class='text-center'>" + MONSTERS[i].name + "</div>";
  175. 				}
  176. 				tippy("#monster-log-img-" + i, {
  177. 					content: monsterTooltip,
  178. 					placement: "bottom",
  179. 					allowHTML: true,
  180. 					interactive: false,
  181. 					animation: false,
  182. 				});
  183. 			}
  184. 			updateTooltips();
  185. 			$("#modal-monster-log").modal("show");
  186. 		}
  187.  
  188. 		$('#modal-pet-log').find('.block-options').prepend('<button id="togglePets" class="btn btn-sm btn-success">Toggle Found</button>');
  189. 		$(document).ready(function () {
  190. 			$("#togglePets").click(function () {
  191. 				$(".pet-found").toggle();
  192. 			});
  193. 		});
  194.  
  195. 		function openPetLogExtra() {
  196. 			$('#petlog-container').html('');
  197. 			for (let i = 0; i < PETS.length; i++) {
  198. 				let tooltop;
  199. 				if (petUnlocked[i]) {
  200. 					$('#petlog-container').append('<img class="skill-icon-md pet-found" id="pet-log-img-' + i + '" src="' + PETS[i].media + '">');
  201. 					tooltip = '<div class="text-center"><span class="text-warning">' + PETS[i].name + '</span><br><span class="text-info">' + PETS[i].description + '</span></div>';
  202. 				} else {
  203. 					$('#petlog-container').append('<a href="https://wiki.melvoridle.com/index.php?title=' + PETS[i].name + '" target="blank"><img class="skill-icon-md" id="pet-log-img-' + i + '" style="opacity:0.3;filter: grayscale(50%);" src="' + PETS[i].media + '"></a>');
  204. 					tooltip = '<div class="text-center">' + PETS[i].name + '<br><small class=\'text-danger\'>Hint: ' + PETS[i].acquiredBy + '</small></div>';
  205. 				}
  206. 				tippy('#pet-log-img-' + i, {
  207. 					content: tooltip,
  208. 					placement: 'bottom',
  209. 					allowHTML: true,
  210. 					interactive: false,
  211. 					animation: false,
  212. 				});
  213. 			}
  214. 			$('#modal-pet-log').modal('show');
  215. 		}
  216.  
  217. 		window.openItemLog = function () {
  218. 			openItemLogExtra();
  219. 		};
  220.  
  221. 		window.openMonsterLog = function () {
  222. 			openMonsterLogExtra();
  223. 		};
  224.  
  225. 		window.openPetLog = function () {
  226. 			openPetLogExtra();
  227. 		};
  228. 	}
  229.  
  230. 	function loadScript() {
  231. 		if (window.isLoaded || (typeof unsafeWindow !== 'undefined' && unsafeWindow.isLoaded)) {
  232. 			clearInterval(scriptLoader);
  233. 			injectScript(script);
  234. 		}
  235. 	}
  236.  
  237. 	const scriptLoader = setInterval(loadScript, 200);
  238. })();