diff --git a/src/web/Manager.mjs b/src/web/Manager.mjs
index 64dc3a35..493d3a19 100755
--- a/src/web/Manager.mjs
+++ b/src/web/Manager.mjs
@@ -120,6 +120,7 @@ class Manager {
document.getElementById("load-delete-button").addEventListener("click", this.controls.loadDeleteClick.bind(this.controls));
document.getElementById("load-name").addEventListener("change", this.controls.loadNameChange.bind(this.controls));
document.getElementById("load-button").addEventListener("click", this.controls.loadButtonClick.bind(this.controls));
+ document.getElementById("hide-icon").addEventListener("click", this.controls.hideRecipeOptClick.bind(this.recipe));
document.getElementById("support").addEventListener("click", this.controls.supportButtonClick.bind(this.controls));
this.addMultiEventListeners("#save-texts textarea", "keyup paste", this.controls.saveTextChange, this.controls);
diff --git a/src/web/html/index.html b/src/web/html/index.html
index 121f0780..ad940040 100755
--- a/src/web/html/index.html
+++ b/src/web/html/index.html
@@ -177,6 +177,9 @@
Recipe
+
diff --git a/src/web/waiters/ControlsWaiter.mjs b/src/web/waiters/ControlsWaiter.mjs
index 2f2705aa..b051e3ce 100755
--- a/src/web/waiters/ControlsWaiter.mjs
+++ b/src/web/waiters/ControlsWaiter.mjs
@@ -333,6 +333,36 @@ class ControlsWaiter {
}
+ /**
+ * Hides the options for all the operations in the current recipe.
+ */
+ hideRecipeOptClick() {
+ const icon = document.getElementById("hide-icon");
+
+ if (icon.getAttribute("hide-opt") === "false") {
+ icon.setAttribute("hide-opt", "true");
+ icon.setAttribute("data-original-title", "Show options");
+ icon.children[0].innerText = "keyboard_arrow_down";
+ Array.from(document.getElementsByClassName("hide-options")).forEach(function(item){
+ item.setAttribute("hide-opt", "true");
+ item.innerText = "keyboard_arrow_down";
+ item.classList.add("hide-options-selected");
+ item.parentNode.previousElementSibling.style.display = "none";
+ });
+ } else {
+ icon.setAttribute("hide-opt", "false");
+ icon.setAttribute("data-original-title", "Hide options");
+ icon.children[0].innerText = "keyboard_arrow_up";
+ Array.from(document.getElementsByClassName("hide-options")).forEach(function(item){
+ item.setAttribute("hide-opt", "false");
+ item.innerText = "keyboard_arrow_up";
+ item.classList.remove("hide-options-selected");
+ item.parentNode.previousElementSibling.style.display = "grid";
+ });
+ }
+ }
+
+
/**
* Populates the bug report information box with useful technical info.
*