add button to hide all recipe options
This commit is contained in:
parent
6b76b7004a
commit
3bb6a40f82
@ -120,6 +120,7 @@ class Manager {
|
|||||||
document.getElementById("load-delete-button").addEventListener("click", this.controls.loadDeleteClick.bind(this.controls));
|
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-name").addEventListener("change", this.controls.loadNameChange.bind(this.controls));
|
||||||
document.getElementById("load-button").addEventListener("click", this.controls.loadButtonClick.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));
|
document.getElementById("support").addEventListener("click", this.controls.supportButtonClick.bind(this.controls));
|
||||||
this.addMultiEventListeners("#save-texts textarea", "keyup paste", this.controls.saveTextChange, this.controls);
|
this.addMultiEventListeners("#save-texts textarea", "keyup paste", this.controls.saveTextChange, this.controls);
|
||||||
|
|
||||||
|
@ -177,6 +177,9 @@
|
|||||||
<div class="title no-select">
|
<div class="title no-select">
|
||||||
Recipe
|
Recipe
|
||||||
<span class="float-right">
|
<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">
|
<button type="button" class="btn btn-primary bmd-btn-icon" id="save" data-toggle="tooltip" title="Save recipe">
|
||||||
<i class="material-icons">save</i>
|
<i class="material-icons">save</i>
|
||||||
</button>
|
</button>
|
||||||
|
@ -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.
|
* Populates the bug report information box with useful technical info.
|
||||||
*
|
*
|
||||||
|
Loading…
Reference in New Issue
Block a user