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

sidebar search class added

Browse source
This commit is contained in:
Umang G. Patel 2022-09-19 21:48:35 +05:30
parent 5cc520ba29
commit 8a865383fa
1 changed files with 5 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/frontend/js/classes/sidebar-search.js
View file

@ -15,7 +15,9 @@ export default class SidebarSearch {
static get CSS() {
return {
sectionHidden: 'docs-sidebar__section--hidden',
sectionTitle: 'docs-sidebar__section-title',
sectionTitleSelected: 'docs-sidebar__section-title--selected',
sectionList: 'docs-sidebar__section-list',
sectionListItem: 'docs-sidebar__section-list-item',
sectionListItemWrapperHidden: 'docs-sidebar__section-list-item-wrapper--hidden',
sectionListItemSlelected: 'docs-sidebar__section-list-item--selected',
@ -62,10 +64,10 @@ export default class SidebarSearch {
this.search.addEventListener('input', e => {
e.stopImmediatePropagation();
e.preventDefault();
this.search(e.target.value);
this.filterSections(e.target.value);
});
// Initialize the search results.
this.search('');
this.filterSections('');
// Add event listener for keyboard events.
this.search.addEventListener('keydown', e => this.handleKeyboardEventOnSearch(e));
@ -189,12 +191,7 @@ export default class SidebarSearch {
}
}
/**
* Search for items in the sidebar.
*
* @param {InputEvent} searchValue - search value.
*/
search(searchValue) {
filterSections(searchValue) {
// remove selection from previous search results.
if (this.selectedSearchResultIndex) {
const { element, type } = this.searchResults[this.selectedSearchResultIndex];
@ -212,7 +209,6 @@ export default class SidebarSearch {
}
// empty search results.
this.searchResults = [];
// match search value with sidebar sections.
this.sections.forEach(section => {
// match with section title.