Add a cookbook section

1 files changed, 34 insertions, 0 deletions

diff --git a/static/js/cookbook.js b/static/js/cookbook.js
new file mode 100644
index 0000000..fc2177c
--- /dev/null
+++ b/static/js/cookbook.js
@@ -0,0 +1,34 @@
+"use strict";
+
+// Kindly copied from MartijnBraam's fathub sources
+// https://sr.ht/~martijnbraam/fathub.org/
+
+var serve_fraction = 1.0;
+
+function update_ingredient_list() {
+    var ingredients = document.querySelectorAll('td[data-amount]');
+    for (var i = 0; i < ingredients.length; i++) {
+        var ingredient = ingredients[i];
+        ingredient.innerText = ingredient.dataset.amount * serve_fraction;
+    }
+}
+
+function adjust_serves() {
+    serve_fraction = this.value / this.dataset.original;
+    update_ingredient_list();
+}
+
+function add_dynamic_controls() {
+    var serves = document.querySelector("td[data-serves]");
+    var spinner = document.createElement('INPUT');
+    spinner.type = 'number';
+    spinner.dataset.original = serves.dataset.serves;
+    spinner.value = serves.dataset.serves;
+    spinner.addEventListener('change', adjust_serves);
+    serves.innerHTML = '';
+    serves.appendChild(spinner);
+}
+
+document.addEventListener("DOMContentLoaded", function () {
+    add_dynamic_controls();
+});