add button to hide all recipe options

This commit is contained in:
thezero 2019-04-22 00:18:52 +02:00
parent 6b76b7004a
commit 3bb6a40f82
3 changed files with 34 additions and 0 deletions

View File

@ -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);

View File

@ -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>

View File

@ -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.
*