From 0d47aa6886f0125855fd094d2ebc3550c14abb9e Mon Sep 17 00:00:00 2001 From: e218736 <147728997+e218736@users.noreply.github.com> Date: Mon, 26 Feb 2024 17:48:22 +0000 Subject: [PATCH] formatting --- src/web/waiters/OperationsWaiter.mjs | 95 ++++++++++++++-------------- 1 file changed, 46 insertions(+), 49 deletions(-) diff --git a/src/web/waiters/OperationsWaiter.mjs b/src/web/waiters/OperationsWaiter.mjs index b232e3c0..026f5192 100755 --- a/src/web/waiters/OperationsWaiter.mjs +++ b/src/web/waiters/OperationsWaiter.mjs @@ -237,14 +237,14 @@ class OperationsWaiter { } const editFavouritesList = document.getElementById("edit-favourites-list"); - const editFavouritesListElements = editFavouritesList.getElementsByTagName('li'); + const editFavouritesListElements = editFavouritesList.getElementsByTagName("li"); editFavouritesList.innerHTML = html; this.removeIntent = false; for (let i = 0; i < editFavouritesListElements.length; i++) { editFavouritesListElements[i].setAttribute("tabindex", "0"); - editFavouritesListElements[i].addEventListener("keydown", this.ArrowNavFavourites.bind(this), false) - editFavouritesListElements[i].firstElementChild.addEventListener("keydown", this.deleteFavourite.bind(this), false) + editFavouritesListElements[i].addEventListener("keydown", this.ArrowNavFavourites.bind(this), false); + editFavouritesListElements[i].firstElementChild.addEventListener("keydown", this.deleteFavourite.bind(this), false); } const editableList = Sortable.create(editFavouritesList, { @@ -280,51 +280,48 @@ class OperationsWaiter { /** * Handler for navigation key press events. * Navigates through the favourites list and corresponding delete buttons. - * 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) { - const currentElement = event.target; - const nextElement = currentElement.nextElementSibling; - const prevElement = currentElement.previousElementSibling; - const favouritesList = currentElement.parentNode; + const currentElement = event.target; + const nextElement = currentElement.nextElementSibling; + const prevElement = currentElement.previousElementSibling; + const favouritesList = currentElement.parentNode; - event.preventDefault(); - event.stopPropagation(); - if (event.key === "ArrowDown" && !event.ctrlKey) { - if (nextElement === null) { - currentElement.parentElement.firstElementChild.focus(); - } else { - 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) + event.preventDefault(); + event.stopPropagation(); + if (event.key === "ArrowDown" && !event.ctrlKey) { + if (nextElement === null) { + currentElement.parentElement.firstElementChild.focus(); + } else { + nextElement.focus(); } - currentElement.focus(); - } else if (event.ctrlKey && event.key === "ArrowUp") { - favouritesList.insertBefore(currentElement, prevElement) - currentElement.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 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. @@ -332,12 +329,12 @@ class OperationsWaiter { */ deleteFavourite(event) { if (event.key === "Enter") { - const el = event.target - if (el && el.parentNode) { - el.parentNode.remove(); + const el = event.target; + if (el && el.parentNode) { + el.parentNode.remove(); + } + } } - } -} /**