From a190487ef793aeeb0937322cf98383b7505b5ceb Mon Sep 17 00:00:00 2001
From: Patrick Spek
Date: Mon, 18 Apr 2022 11:22:33 +0200
Subject: Add a cookbook section
---
static/js/cookbook.js | 34 ++++++++++++++++++++++++++++++++++
1 file changed, 34 insertions(+)
create mode 100644 static/js/cookbook.js
(limited to 'static/js/cookbook.js')
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();
+});
--
cgit v1.1