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

Search view setup

Browse Source
This commit is contained in:
Alexandre Bourlier
2018-05-14 19:20:00 +02:00
parent 06885a9692
commit 83fab20a05
3 changed files with 47 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,8 +1,9 @@
document.addEventListener("DOMContentLoaded", function(event) {
// Constants declaration
const navBar = document.querySelector("#navbar");
const searchBar = navBar.querySelector("#search-bar");
const searchView = document.querySelector("#search-view");
const navBar = document.querySelector("#navbar");
const searchBar = navBar.querySelector("#search-bar");
const searchView = document.querySelector("#search-view");
const searchInput = searchBar.querySelector("#search-input");
// Shortcuts
@ -31,4 +32,12 @@ document.addEventListener("DOMContentLoaded", function(event) {
navBar.classList.remove("search-mode");
searchView.classList.remove("search-mode");
}
// Synchronizes the search input with the <ldp-form>s
searchInput.addEventListener("keyup", (e) => {
searchView.querySelectorAll("ldp-form input[type=text]").forEach((el) => {
el.value = searchInput.value;
});
});
});