autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Bootstrap modal steals focus and so can't be used as the search view. Had to implement my own.

Browse Source
This commit is contained in:
Alexandre Bourlier
2018-05-13 18:31:52 +02:00
parent 1837282ca8
commit 10a2dd8358
8 changed files with 39 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/js/hd-app.js
View File

@ -1,7 +1,8 @@
document.addEventListener("DOMContentLoaded", function(event) {
// Constants declaration
const navBar = document.querySelector("#navbar");
const searchBar = navBar.querySelector("#search-bar");
const navBar = document.querySelector("#navbar");
const searchBar = navBar.querySelector("#search-bar");
const searchView = document.querySelector("#search-view");
// Shortcuts
@ -18,9 +19,12 @@ document.addEventListener("DOMContentLoaded", function(event) {
});
// Toggle the search bar via touch / click
searchBar.querySelector("#search-icon").addEventListener("click", function(e) {
// Open the search bar via touch / click
searchBar.querySelector("#search-icon").addEventListener("click", openSearchBar);
function openSearchBar(e) {
navBar.classList.add("search-mode");
searchBar.querySelector("#search-input").focus();
});
searchView.classList.add("search-mode");
}
});