Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-08-08 06:55:26 +02:00
Code Issues Releases Activity

enum for direction added

Browse source
This commit is contained in:
Umang G. Patel 2022-10-12 20:16:38 +05:30
parent 5ff587a8af
commit 294fce5dd1
1 changed files with 24 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/frontend/js/classes/sidebar-filter.js
View file

@ -4,6 +4,14 @@
const HEADER_HEIGHT = parseInt(window.getComputedStyle( const HEADER_HEIGHT = parseInt(window.getComputedStyle(
document.documentElement).getPropertyValue('--layout-height-header')); document.documentElement).getPropertyValue('--layout-height-header'));
/**
* Enum for the direction of the navigation during the filtering.
*/
const Direction = {
Next: 1,
Previous: 2,
};
/** /**
* Sidebar Search module. * Sidebar Search module.
*/ */
@ -111,9 +119,17 @@ export default class SidebarFilter {
const prevSelectedSearchResultIndex = this.selectedSearchResultIndex; const prevSelectedSearchResultIndex = this.selectedSearchResultIndex;
// get next item to be focus. // get next item to be focus.
this.selectedSearchResultIndex = this.getNextTitleOrItemIndex(e.code, if (e.code === 'ArrowUp') {
this.selectedSearchResultIndex, this.selectedSearchResultIndex = this.getNextIndex(
this.searchResults.length - 1); Direction.Previous,
this.selectedSearchResultIndex,
this.searchResults.length - 1);
} else if (e.code === 'ArrowDown') {
this.selectedSearchResultIndex = this.getNextIndex(
Direction.Next,
this.selectedSearchResultIndex,
this.searchResults.length - 1);
}
// blur previous focused item. // blur previous focused item.
this.blurTitleOrItem(prevSelectedSearchResultIndex); this.blurTitleOrItem(prevSelectedSearchResultIndex);
@ -128,17 +144,17 @@ export default class SidebarFilter {
} }
/** /**
* Get next title or item index. * Get index of next item to be focused.
* *
* @param {string} code - Key code for navigation. * @param {number} direction - direction for navigation.
* @param {number} titleOrItemIndex - Current title or item index. * @param {number} titleOrItemIndex - Current title or item index.
* @param {number} maxNumberOfTitlesOrItems - Max number of titles or items. * @param {number} maxNumberOfTitlesOrItems - Max number of titles or items.
* @returns {number} - Next section or item index. * @returns {number} - Next section or item index.
*/ */
getNextTitleOrItemIndex(code, titleOrItemIndex, maxNumberOfTitlesOrItems) { getNextIndex(direction, titleOrItemIndex, maxNumberOfTitlesOrItems) {
let nextTitleOrItemIndex = titleOrItemIndex; let nextTitleOrItemIndex = titleOrItemIndex;
if (code === 'ArrowUp') { if (direction === Direction.Previous) {
// if no item is focused, focus last item. // if no item is focused, focus last item.
if (titleOrItemIndex === null) { if (titleOrItemIndex === null) {
return maxNumberOfTitlesOrItems; return maxNumberOfTitlesOrItems;
@ -153,7 +169,7 @@ export default class SidebarFilter {
} }
return nextTitleOrItemIndex; return nextTitleOrItemIndex;
} else if (code === 'ArrowDown') { } else if (direction === Direction.Next) {
// if no item is focused, focus first item. // if no item is focused, focus first item.
if (titleOrItemIndex === null) { if (titleOrItemIndex === null) {
return 0; return 0;