Mirror
/
CyberChef
mirror of https://github.com/gchq/CyberChef.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

add button to hide recipe's options

This commit is contained in:
thezero 2019-04-14 15:08:10 +02:00
parent c9d9730726
commit 6b76b7004a
3 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/web/HTMLOperation.mjs
View File

@ -83,6 +83,7 @@ class HTMLOperation {
<div class="recip-icons">
<i class="material-icons breakpoint" title="Set breakpoint" break="false">pause</i>
<i class="material-icons disable-icon" title="Disable operation" disabled="false">not_interested</i>
<i class="material-icons hide-options" title="Hide options" hide-opt="false">keyboard_arrow_up</i>
</div>
<div class="clearfix">&nbsp;</div>`;

1
src/web/Manager.mjs
View File

@ -135,6 +135,7 @@ class Manager {
// Recipe
this.addDynamicListener(".arg:not(select)", "input", this.recipe.ingChange, this.recipe);
this.addDynamicListener(".arg[type=checkbox], .arg[type=radio], select.arg", "change", this.recipe.ingChange, this.recipe);
this.addDynamicListener(".hide-options", "click", this.recipe.hideOptClick, this.recipe);
this.addDynamicListener(".disable-icon", "click", this.recipe.disableClick, this.recipe);
this.addDynamicListener(".breakpoint", "click", this.recipe.breakpointClick, this.recipe);
this.addDynamicListener("#rec-list li.operation", "dblclick", this.recipe.operationDblclick, this.recipe);

24
src/web/waiters/RecipeWaiter.mjs
View File

@ -214,6 +214,30 @@ class RecipeWaiter {
window.dispatchEvent(this.manager.statechange);
}
/**
* Handler for hide-opt click events.
* Updates the icon status.
*
* @fires Manager#statechange
* @param {event} e
*/
hideOptClick(e) {
const icon = e.target;
if (icon.getAttribute("hide-opt") === "false") {
icon.setAttribute("hide-opt", "true");
icon.innerText = "keyboard_arrow_down";
icon.classList.add("hide-options-selected");
icon.parentNode.previousElementSibling.style.display = "none";
} else {
icon.setAttribute("hide-opt", "false");
icon.innerText = "keyboard_arrow_up";
icon.classList.remove("hide-options-selected");
icon.parentNode.previousElementSibling.style.display = "grid";
}
window.dispatchEvent(this.manager.statechange);
}
/**
* Handler for disable click events.