Fixed - / + buttons, minifed files

dist/js/beautify.min.js

@@ -0,0 +1 @@
+function syntaxHighlight(e){return"string"!=typeof e&&(e=JSON.stringify(e,void 0,4)),e=e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),e.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g,function(e){let t="number";return/^"/.test(e)?t=/:$/.test(e)?"key":"string":/true|false/.test(e)?t="boolean":/null/.test(e)&&(t="null"),'<span class="'+t+'">'+e+"</span>"})}

dist/js/calculator.js

@@ -1,19 +1,8 @@
-//TODO Support more items
 const itemDamages = {
     'leather_boots': 64,
     'netherite_hoe': 2030
 };
 
-/**
- * Map an in-game Damage to an texturepack Damage.
- *
- * @param value The input value.
- * @param oldMax The old max value, from the itemDamages array.
- */
-function getMappedDamage(value, oldMax) {
-    return value / oldMax;
-}
-
 /**
  * Generate the JSON file.
  *
@@ -21,7 +10,7 @@ function getMappedDamage(value, oldMax) {
  * @param models An array of models to insert.
  * @returns {String} The JSON for the texturepack.
  */
-function toJSON(item, models) {
+function buildJSON(item, models) {
     const json = {};
 
     //Default values
@@ -44,7 +33,7 @@ function toJSON(item, models) {
 
     for (let i = 0; i < models.length; i++) {
         const model = models[i];
-        const damage = getMappedDamage(i + 1, itemDamages[item]);
+        const damage = i + 1 / itemDamages[item];
 
         json['overrides'][i + 1] = {
             'predicate': {

dist/js/calculator.min.js

@@ -0,0 +1 @@
+function buildJSON(e,t){const a={parent:"item/handheld"};a.textures={layer0:"item/"+e},a.overrides=[],a.overrides[0]={predicate:{damaged:0,damage:0},model:"item/"+e};for(let d=0;d<t.length;d++){const r=t[d],i=d+1/itemDamages[e];a.overrides[d+1]={predicate:{damaged:0,damage:i},model:r}}return a.overrides[t.length+1]={predicate:{damaged:1,damage:0},model:"item/"+e},JSON.stringify(a,null,2)}const itemDamages={leather_boots:64,netherite_hoe:2030};

dist/js/scripts.js

@@ -0,0 +1,121 @@
+$(document).ready(function () {
+    const form = $("#calculatorForm");
+    const formOptions = $("#formItems");
+
+    const item = $("#item");
+    const itemCount = $("#itemcount");
+    const items = $("#items");
+
+    const output = $("#content");
+
+    const copyButton = $("#copyButton");
+    const downloadButton = $("#downloadButton");
+
+    const minus = $("#minus");
+    const plus = $("#plus");
+    const input = $("input[name='quant']");
+
+    minus.click(function (e) {
+        const currentVal = parseInt(input.attr('value'));
+
+        if (!isNaN(currentVal)) {
+            console.log("#iteminput" + currentVal);
+
+            if (currentVal > input.attr('min')) {
+                input.attr('value', (currentVal - 1).toString());
+            }
+
+            if (currentVal - 1 == input.attr('min')) {
+                $(this).attr('disabled', true);
+            }
+
+            $("#iteminput" + currentVal).remove();
+        } else {
+            input.attr('value', '0');
+        }
+    });
+
+    plus.click(function (e) {
+        const currentVal = parseInt(input.attr('value'));
+
+        if (!isNaN(currentVal)) {
+            if (currentVal < input.attr('max')) {
+                input.attr('value', (currentVal + 1).toString());
+            }
+
+            if (currentVal == input.attr('max')) {
+                $(this).attr('disabled', true);
+                return;
+            }
+
+            if (parseInt(input.attr('value')) > 1) {
+                minus.prop('disabled', false);
+            } else {
+                minus.prop('disabled', true);
+            }
+
+            items.append("<div id=\"iteminput" + (currentVal + 1) + "\" class=\"mb-3 w-50\"><label for=\"item" + (currentVal + 1) + "\">Model for damage " + (currentVal + 1) + ":</label><input type=\"text\" class=\"form-control\" id=\"item" + (currentVal + 1) + "\" name=\"item" + (currentVal + 1) + "\" placeholder=\"cars/" + randomModel() + "\" required></div>");
+        } else {
+            input.attr('value', '0');
+        }
+    });
+
+    item.change(function () {
+        //If value is not empty, show other options ...
+        if (this.value !== "") {
+            formOptions.show();
+
+            //... and set max value of item count.
+            const max = itemDamages[this.value];
+            itemCount.prop('max', max);
+            plus.prop('disabled', false);
+        } else { //Or if empty, hide other options.
+            formOptions.hide();
+        }
+    });
+
+    form.on("submit", function (e) {
+        e.preventDefault();
+
+        //Get selected item
+        const selectedItem = item.val();
+
+        //Get amount of items
+        const fieldName = $('.btn-number').attr('data-field');
+        const input = $("input[name='" + fieldName + "']");
+        const currentVal = parseInt(input.attr('value'));
+
+        //Build models array
+        const models = [];
+        for (let i = 0; i < currentVal; i++) {
+            models[i] = $("#item" + (i + 1)).val();
+        }
+
+        //Convert to JSON, and set in content field (with syntax highlighting)
+        const json = buildJSON(selectedItem, models);
+        output.html(syntaxHighlight(json));
+
+        //And fix the Download knop
+        const dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(json);
+        downloadButton.attr("href", dataStr);
+        downloadButton.attr("download", selectedItem + ".json");
+
+        //Return false to not reload the page
+        return false;
+    });
+
+    copyButton.click(function (e) {
+        e.preventDefault();
+        navigator.clipboard.writeText(output.text());
+    });
+
+    /**
+     * Get a random model.
+     *
+     * @return {string} The random model.
+     */
+    function randomModel() {
+        const months = ["red_car", "blue_car", "green_car", "orange_car", "blue_bicycle", "red_bicycle", "green_bicycle", "orange_bicycle"];
+        return months[Math.floor(Math.random() * months.length)];
+    }
+});

dist/js/scripts.min.js

@@ -0,0 +1 @@
+$(document).ready(function(){function t(){const t=["red_car","blue_car","green_car","orange_car","blue_bicycle","red_bicycle","green_bicycle","orange_bicycle"];return t[Math.floor(Math.random()*t.length)]}const e=$("#calculatorForm"),a=$("#formItems"),n=$("#item"),r=$("#itemcount"),i=$("#items"),o=$("#content"),l=$("#copyButton"),c=$("#downloadButton"),u=$("#minus"),s=$("#plus"),d=$("input[name='quant']");u.click(function(t){const e=parseInt(d.attr("value"));isNaN(e)?d.attr("value","0"):(console.log("#iteminput"+e),e>d.attr("min")&&d.attr("value",(e-1).toString()),e-1==d.attr("min")&&$(this).attr("disabled",!0),$("#iteminput"+e).remove())}),s.click(function(e){const a=parseInt(d.attr("value"));if(isNaN(a))d.attr("value","0");else{if(a<d.attr("max")&&d.attr("value",(a+1).toString()),a==d.attr("max"))return void $(this).attr("disabled",!0);parseInt(d.attr("value"))>1?u.prop("disabled",!1):u.prop("disabled",!0),i.append('<div id="iteminput'+(a+1)+'" class="mb-3 w-50"><label for="item'+(a+1)+'">Model for damage '+(a+1)+':</label><input type="text" class="form-control" id="item'+(a+1)+'" name="item'+(a+1)+'" placeholder="cars/'+t()+'" required></div>')}}),n.change(function(){if(""!==this.value){a.show();const t=itemDamages[this.value];r.prop("max",t),s.prop("disabled",!1)}else a.hide()}),e.on("submit",function(t){t.preventDefault();const e=n.val(),a=$(".btn-number").attr("data-field"),r=$("input[name='"+a+"']"),i=parseInt(r.attr("value")),l=[];for(let t=0;t<i;t++)l[t]=$("#item"+(t+1)).val();const u=buildJSON(e,l);o.html(syntaxHighlight(u));const s="data:text/json;charset=utf-8,"+encodeURIComponent(u);return c.attr("href",s),c.attr("download",e+".json"),!1}),l.click(function(t){t.preventDefault(),navigator.clipboard.writeText(o.text())})});