crafted recipe choice image updates upon recipe type input change

js/crafter.js

@@ -48,6 +48,7 @@ function init_crafter() {
         document.getElementById("level-choice").addEventListener("change", (event) => {
             updateMaterials();
         });
+        document.getElementById("recipe-choice").setAttribute("oninput", "updateCraftedImage()");
         
         populateFields();
         decodeCraft(ing_url_tag);
@@ -188,6 +189,7 @@ function decodeCraft(ing_url_tag) {
             //console.log(Base64.toInt(tag.substring(12,14)));
             recipesName = recipe.split("-");
             setValue("recipe-choice",recipesName[0]);
+            updateCraftedImage();
             setValue("level-choice",recipesName[1]+"-"+recipesName[2]);
             tierNum = Base64.toInt(tag.substring(14,15));
             mat_tiers = [];
@@ -297,6 +299,16 @@ function toggleMaterial(buttonId) {
     }
 }
 
+/* Updates the crafted icon. 
+*/
+function updateCraftedImage() {
+    let input = document.getElementById("recipe-choice");
+    if (item_types.includes(input.value)) {
+        document.getElementById("recipe-img").src = "../media/items/" + (newIcons ? "new/":"old/") + "generic-" + input.value.toLowerCase() + ".png";
+    }
+
+}
+
 /* Reset all fields
 */
 function resetFields() {

js/sq2display_constants.js

@@ -46,6 +46,24 @@ let elem_colors = [
     "#FFFFFF"
 ]
 
+let item_types = [
+    "Helmet",
+    "Chestplate",
+    "Leggings",
+    "Boots",
+    "Ring",
+    "Bracelet",
+    "Necklace",
+    "Dagger",
+    "Spear",
+    "Wand",
+    "Relik",
+    "Bow",
+    "Potion",
+    "Scroll",
+    "Food"
+]
+
 /*
  * Display commands
  */