extern/the-glorious-startpage
1
0
Fork 1
mirror of https://github.com/manilarome/the-glorious-startpage.git synced 2024-11-27 18:13:33 +01:00
Code Issues Packages Projects Releases Wiki Activity

fixes

Browse Source
This commit is contained in:
Gerome Matilla 2020-06-04 13:27:12 +08:00
parent 21d8aefa3d
commit ec4bb1cda1
1 changed files with 51 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

114
js/web-menu.js
View File

@ -88,7 +88,7 @@ const populateWebMenu = () => {
}
// Fuzzy search
String.prototype.fuzzy = (term, ratio) => {
String.prototype.fuzzy = function(term, ratio) {
var string = this.toLowerCase();
var compare = term.toLowerCase();
var matches = 0;
@ -143,37 +143,11 @@ const filterWebList = () => {
}
}
// Type event on web mmenu search box
webMenuSearchBox.onkeydown = (event) => {
// Don't hijack keyboard navigation buttons (up, down, left, right)
if ((event.key === 'ArrowRight') || (event.key === 'ArrowDown') ||
(event.key === 'ArrowLeft') || (event.key === 'ArrowUp')) return;
if (event.key === 'Enter' && webItemFocus) {
// Run the focused li's callback
webItemFocus.callback();
// Hide web menu
toggleWebMenu();
} else if (event.key === 'Backspace' && webMenuSearchBox.value.length < 1) {
// Hide web menu if backspace is pressed and searchbox value is 0
toggleWebMenu();
} else if ((event.key === 'Escape') || (event.key === 'Alt')) {
// Ignore escape and alt key
return;
}
// Filter
filterWebList();
}
// Reset focus on web menu close
const focusReset = () => {
var oldWebItemFocus = webItemFocus;
var oldWebItemFocusChild = oldWebItemFocus.querySelector('.webItem');
oldWebItemFocusChild.classList.remove('webItemFocus');
webListIndex = 0;
}
@ -193,45 +167,33 @@ const getFirstItem = () => {
webItemFocusChildren.classList.add('webItemFocus');
}
// Show/Hide web menu
// const webMenuToggle = () => {
// webMenuVisible = !webMenuVisible;
// hideCenterContainer();
// rotateProfile();
// webMenu.classList.toggle("show");
// // Clear and unfocus searchbox
// if (!webMenuVisible) {
// webMenuSearchBox.value = '';
// webMenuSearchBox.blur();
// filterWebList();
// webMenuListContainer.scrollTop = 0;
// focusReset();
// getFirstItem();
// } else {
// // Focus
// webMenuSearchBox.focus();
// }
// if(weatherVisible && webMenuVisible) {
// weatherToggle();
// } else if (floatPanelVisible && webMenuVisible) {
// slideDashboard();
// return;
// }
// }
const showWebMenu = () => {
webMenu.classList.add('showWebMenu');
webMenuVisibility = !webMenuVisibility;
// Focus to input field
webMenuSearchBox.focus();
}
const hideWebMenu = () => {
// Clear input field
webMenuSearchBox.value = '';
// Unfocus input field
webMenuSearchBox.blur();
// Refilter web list
filterWebList();
// Scroll to top
webMenuListContainer.scrollTop = 0;
// Reset focus item
focusReset();
// Get first item
getFirstItem();
webMenu.classList.remove('showWebMenu');
webMenuVisibility = !webMenuVisibility;
}
@ -256,8 +218,6 @@ const toggleWebMenu = () => {
console.log('toggle web menu');
}
// Remove class to focused item
const removeClass = (el, className) => {
// Remove webItemFocus class
@ -331,6 +291,34 @@ webMenu.addEventListener(
false
);
// Type event on web mmenu search box
webMenuSearchBox.onkeydown = (event) => {
// Don't hijack keyboard navigation buttons (up, down, left, right)
if ((event.key === 'ArrowRight') || (event.key === 'ArrowDown') ||
(event.key === 'ArrowLeft') || (event.key === 'ArrowUp')) return;
if (event.key === 'Enter' && webItemFocus) {
// Run the focused li's callback
webItemFocus.callback();
// Hide web menu
toggleWebMenu();
} else if (event.key === 'Backspace' && webMenuSearchBox.value.length < 1) {
// Hide web menu if backspace is pressed and searchbox value is 0
toggleWebMenu();
return;
} else if ((event.key === 'Escape') || (event.key === 'Alt')) {
// Ignore escape and alt key
return;
}
// Filter
filterWebList();
}
// Populate and get first child
const initWebMenu = () => {
populateWebMenu();