mirrors/CyberChef
1
0
Fork 0
mirror of https://github.com/gchq/CyberChef.git synced 2025-05-07 06:57:12 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

formatting

Browse source
This commit is contained in:
e218736 2024-02-26 17:48:22 +00:00
parent 69c23dea8a
commit 0d47aa6886
1 changed files with 46 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -237,14 +237,14 @@ class OperationsWaiter {
} }
const editFavouritesList = document.getElementById("edit-favourites-list"); const editFavouritesList = document.getElementById("edit-favourites-list");
const editFavouritesListElements = editFavouritesList.getElementsByTagName('li'); const editFavouritesListElements = editFavouritesList.getElementsByTagName("li");
editFavouritesList.innerHTML = html; editFavouritesList.innerHTML = html;
this.removeIntent = false; this.removeIntent = false;
for (let i = 0; i < editFavouritesListElements.length; i++) { for (let i = 0; i < editFavouritesListElements.length; i++) {
editFavouritesListElements[i].setAttribute("tabindex", "0"); editFavouritesListElements[i].setAttribute("tabindex", "0");
editFavouritesListElements[i].addEventListener("keydown", this.ArrowNavFavourites.bind(this), false) editFavouritesListElements[i].addEventListener("keydown", this.ArrowNavFavourites.bind(this), false);
editFavouritesListElements[i].firstElementChild.addEventListener("keydown", this.deleteFavourite.bind(this), false) editFavouritesListElements[i].firstElementChild.addEventListener("keydown", this.deleteFavourite.bind(this), false);
} }
const editableList = Sortable.create(editFavouritesList, { const editableList = Sortable.create(editFavouritesList, {
@ -283,48 +283,45 @@ class OperationsWaiter {
* Move favourites elements up and down with Ctrl + Arrow keys to imite drag and drop mouse functionality. * Move favourites elements up and down with Ctrl + Arrow keys to imite drag and drop mouse functionality.
*/ */
ArrowNavFavourites(event) { ArrowNavFavourites(event) {
const currentElement = event.target; const currentElement = event.target;
const nextElement = currentElement.nextElementSibling; const nextElement = currentElement.nextElementSibling;
const prevElement = currentElement.previousElementSibling; const prevElement = currentElement.previousElementSibling;
const favouritesList = currentElement.parentNode; const favouritesList = currentElement.parentNode;
event.preventDefault(); event.preventDefault();
event.stopPropagation(); event.stopPropagation();
if (event.key === "ArrowDown" && !event.ctrlKey) { if (event.key === "ArrowDown" && !event.ctrlKey) {
if (nextElement === null) { if (nextElement === null) {
currentElement.parentElement.firstElementChild.focus(); currentElement.parentElement.firstElementChild.focus();
} else { } else {
nextElement.focus(); nextElement.focus();
}
} else if (event.key === "ArrowUp" && !event.ctrlKey) {
if (prevElement === null) {
currentElement.parentElement.lastElementChild.focus();
} else {
prevElement.focus();
}
} else if (event.key === "Tab") {
currentElement.parentElement.closest(".modal-body").nextElementSibling.getElementsByTagName("Button")[0].focus();
} else if (event.key === "ArrowRight" ) {
if (currentElement.firstElementChild !== null) {
currentElement.firstElementChild.focus();
} else {
return
}
} else if (event.key === "ArrowLeft" && (currentElement.classList.contains("remove-icon"))) {
currentElement.parentElement.focus();
} else if (event.ctrlKey && event.key === "ArrowDown") {
if (nextElement === null) {
favouritesList.insertBefore(currentElement, currentElement.parentElement.firstElementChild)
} else {
favouritesList.insertBefore(currentElement, nextElement.nextElementSibling)
} }
currentElement.focus(); } else if (event.key === "ArrowUp" && !event.ctrlKey) {
} else if (event.ctrlKey && event.key === "ArrowUp") { if (prevElement === null) {
favouritesList.insertBefore(currentElement, prevElement) currentElement.parentElement.lastElementChild.focus();
currentElement.focus(); } else {
} prevElement.focus();
} }
} else if (event.key === "Tab") {
currentElement.parentElement.closest(".modal-body").nextElementSibling.getElementsByTagName("Button")[0].focus();
} else if (event.key === "ArrowRight") {
if (currentElement.firstElementChild !== null) {
currentElement.firstElementChild.focus();
}
} else if (event.key === "ArrowLeft" && (currentElement.classList.contains("remove-icon"))) {
currentElement.parentElement.focus();
} else if (event.ctrlKey && event.key === "ArrowDown") {
if (nextElement === null) {
favouritesList.insertBefore(currentElement, currentElement.parentElement.firstElementChild);
} else {
favouritesList.insertBefore(currentElement, nextElement.nextElementSibling);
}
currentElement.focus();
} else if (event.ctrlKey && event.key === "ArrowUp") {
favouritesList.insertBefore(currentElement, prevElement);
currentElement.focus();
}
}
/** /**
* Handler for save favourites click events. * Handler for save favourites click events.
@ -332,12 +329,12 @@ class OperationsWaiter {
*/ */
deleteFavourite(event) { deleteFavourite(event) {
if (event.key === "Enter") { if (event.key === "Enter") {
const el = event.target const el = event.target;
if (el && el.parentNode) { if (el && el.parentNode) {
el.parentNode.remove(); el.parentNode.remove();
}
}
} }
}
}
/** /**