mirrors/CyberChef
1
0
Fork 0
mirror of https://github.com/gchq/CyberChef.git synced 2025-05-08 15:25:01 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

[#181] refactor some of the event handler in OperationsWaiter

Browse source
This commit is contained in:
Robin Scholtes 2023-04-20 19:45:37 +12:00
parent caa57aeb74
commit 3d03a31f38
2 changed files with 26 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/web/waiters/OperationsWaiter.mjs
View file

@ -38,24 +38,17 @@ class OperationsWaiter {
searchOperations(e) {
let ops, selected;
// 'close' button in Operations component mobile UI
const closeOperationsDropdown = document.getElementById("close-operations-dropdown");
const categories = document.getElementById("categories");
const searchResults = document.getElementById("search-results");
if (e.type === "click" && !e.target.value.length){
this.app.setVisibility(categories, true);
this.app.setVisibility(closeOperationsDropdown, true);
this.openOperationsDropdown();
}
if (e.type === "keyup"){
if ( e.target.value.length === 0 ) {
this.app.setVisibility(categories, true);
this.app.setVisibility(closeOperationsDropdown, true);
} else {
this.app.setVisibility(categories, true );
const searchResults = document.getElementById("search-results");
this.openOperationsDropdown();
if ( e.target.value.length !== 0 ){
this.app.setVisibility(searchResults, true );
this.app.setVisibility(closeOperationsDropdown, true );
}
}
@ -296,16 +289,27 @@ class OperationsWaiter {
/**
* Hide any operation lists ( #categories or #search-results ) and the reset-operations button itself,
* clear any search input
* Open operations dropdown
*/
openOperationsDropdown(){
// 'close' icon in Operations component mobile UI
const closeOperationsDropdown = document.getElementById("close-operations-dropdown");
const categories = document.getElementById("categories");
this.app.setVisibility(categories, true);
this.app.setVisibility(closeOperationsDropdown, true);
}
/**
* Hide any operation lists ( #categories or #search-results ) and the close-operations-dropdown
* icon itself, clear any search input
*/
closeOperationsDropdown(){
let search, categories, searchResults, closeOperationsDropdown;
search = document.getElementById("search");
categories = document.getElementById( "categories");
searchResults = document.getElementById( "search-results");
closeOperationsDropdown = document.getElementById("close-operations-dropdown");
const search = document.getElementById("search");
const categories = document.getElementById( "categories");
const searchResults = document.getElementById( "search-results");
const closeOperationsDropdown = document.getElementById("close-operations-dropdown");
// if any input remains in #search, clear it
if (search.value.length) {