From 3bb6a40f82e98fbc4cf45c82f75c033725862282 Mon Sep 17 00:00:00 2001
From: thezero <io@thezero.org>
Date: Mon, 22 Apr 2019 00:18:52 +0200
Subject: [PATCH] add button to hide all recipe options

---
 src/web/Manager.mjs                |  1 +
 src/web/html/index.html            |  3 +++
 src/web/waiters/ControlsWaiter.mjs | 30 ++++++++++++++++++++++++++++++
 3 files changed, 34 insertions(+)

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 @@
                     <div class="title no-select">
                         Recipe
                         <span class="float-right">
+                            <button type="button" class="btn btn-primary bmd-btn-icon" id="hide-icon" data-toggle="tooltip" title="Hide options" hide-opt="false">
+                                <i class="material-icons">keyboard_arrow_up</i>
+                            </button>
                             <button type="button" class="btn btn-primary bmd-btn-icon" id="save" data-toggle="tooltip" title="Save recipe">
                                 <i class="material-icons">save</i>
                             </button>
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.
      *