diff --git a/assets/controllers/elements/preset_input_controller.js b/assets/controllers/elements/preset_input_controller.js new file mode 100644 index 00000000..08f795cc --- /dev/null +++ b/assets/controllers/elements/preset_input_controller.js @@ -0,0 +1,16 @@ +import {Controller} from "@hotwired/stimulus"; + +export default class extends Controller { + static targets = ["input"]; + + connect() { + if(!this.inputTarget) { + throw new Error("Target input not found"); + } + } + + load(event) { + //Use the data-value attribute to load the value of our target input + this.inputTarget.value = event.target.dataset.value; + } +} \ No newline at end of file diff --git a/assets/controllers/pages/reelCalculator_controller.js b/assets/controllers/pages/reelCalculator_controller.js new file mode 100644 index 00000000..325a2887 --- /dev/null +++ b/assets/controllers/pages/reelCalculator_controller.js @@ -0,0 +1,53 @@ +import {Controller} from "@hotwired/stimulus"; +import * as bootbox from "bootbox"; + +export default class extends Controller { + + static values = { + errorMissingValues: String, + errorOuterGreaterInner: String, + } + + + updateReelCalc() { + const dia_inner = document.getElementById('reel_dia_inner').value; + const dia_outer = document.getElementById('reel_dia_outer').value; + const tape_thickness = document.getElementById('reel_tape_thick').value; + const part_distance = document.getElementById('reel_part_distance').value; + + if (dia_inner == "" || dia_outer == "" || tape_thickness == "") { + bootbox.alert(this.errorMissingValuesValue); + return; + } + + if (dia_outer**dia_outer < dia_inner**dia_inner) { + bootbox.alert(this.errorOuterGreaterInnerValue); + return; + } + + const length = Math.PI * (dia_outer * dia_outer - dia_inner * dia_inner ) / (4 * tape_thickness); + + let length_formatted = length.toFixed(2) + ' mm'; + + if (length > 1000) { + length_formatted = (length / 1000).toFixed(2) + ' m'; + } else if (length > 10) { + length_formatted = (length / 10).toFixed(2) + ' cm'; + } + + document.getElementById('result_length').textContent = length_formatted; + + //Skip if no part_distance was given + if (part_distance == "" || part_distance == 0) { + return; + } + + var parts_per_meter = 1 / (part_distance / 1000); + + document.getElementById('result_parts_per_meter').textContent = parts_per_meter.toFixed(2) + ' 1/m'; + + var parts_amount = (length/1000) * parts_per_meter; + + document.getElementById('result_amount').textContent = Math.floor(parts_amount); + } +} \ No newline at end of file diff --git a/templates/Tools/ReelCalculator/main.html.twig b/templates/Tools/ReelCalculator/main.html.twig index 52b8350e..8fee8d7c 100644 --- a/templates/Tools/ReelCalculator/main.html.twig +++ b/templates/Tools/ReelCalculator/main.html.twig @@ -10,86 +10,96 @@ {% block card_content %}

{% trans %}tools.reel_calc.explanation{% endtrans %}

-
+
Sizes explanation
-
+
-
- - -
-
{% trans %}tools.reel_calc.load_preset{% endtrans %}
- - +
+
+ +
+
{% trans %}tools.reel_calc.load_preset{% endtrans %}
+ + +
+ + mm
- - mm
-
+
-
- - mm +
+
+ + mm +
-
+
-
- -
-
{% trans %}tools.reel_calc.load_preset{% endtrans %}
- - - -
- - - +
+
+ +
+
{% trans %}tools.reel_calc.load_preset{% endtrans %}
+ + + +
+ + + +
+ + mm
- - mm
-
+
-
- -
-
{% trans %}tools.reel_calc.load_preset{% endtrans %}
- -
+
+
+ +
+
{% trans %}tools.reel_calc.load_preset{% endtrans %}
+ +
- - mm + + mm +
-
-
- +
+
+
-
+
-
+
-
+
@@ -99,53 +109,6 @@ {% block scripts %} {% endblock %} \ No newline at end of file