Clear results on empty search
This commit is contained in:
parent
afb086d2ed
commit
204d5837c5
@ -26,10 +26,18 @@ function fireChangeEvents(element){
|
|||||||
console.debug('change event dispatched for element: ' + element.id);
|
console.debug('change event dispatched for element: ' + element.id);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function removeSearchResults() {
|
||||||
|
var resultList = document.getElementById('tapiResults');
|
||||||
|
if (resultList) {
|
||||||
|
resultList.parentNode.removeChild(resultList);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
var doSearch = function () {
|
var doSearch = function () {
|
||||||
var search = document.getElementById('tapiSearchInput');
|
var search = document.getElementById('tapiSearchInput');
|
||||||
var searchText = search.value.trim();
|
var searchText = search.value.trim();
|
||||||
if (searchText == '') {
|
if (searchText == '') {
|
||||||
|
removeSearchResults();
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
console.log('Searching TAPI');
|
console.log('Searching TAPI');
|
||||||
@ -40,10 +48,7 @@ var doSearch = function() {
|
|||||||
console.log('TAPI Search response', response);
|
console.log('TAPI Search response', response);
|
||||||
var contacts = JSON.parse(response.responseText);
|
var contacts = JSON.parse(response.responseText);
|
||||||
console.log('TAPI Contacts', contacts);
|
console.log('TAPI Contacts', contacts);
|
||||||
var resultList = document.getElementById('tapiResults');
|
removeSearchResults();
|
||||||
if (resultList) {
|
|
||||||
resultList.parentNode.removeChild(resultList);
|
|
||||||
}
|
|
||||||
|
|
||||||
resultList = document.createElement('ul');
|
resultList = document.createElement('ul');
|
||||||
resultList.id = 'tapiResults';
|
resultList.id = 'tapiResults';
|
||||||
@ -56,8 +61,12 @@ var doSearch = function() {
|
|||||||
var li = document.createElement('li');
|
var li = document.createElement('li');
|
||||||
li.classList.add('search-result');
|
li.classList.add('search-result');
|
||||||
li.classList.add('pointer');
|
li.classList.add('pointer');
|
||||||
li.onmouseover = function() { this.classList.add('bg-light'); };
|
li.onmouseover = function () {
|
||||||
li.onmouseout = function() { this.classList.remove('bg-light'); };
|
this.classList.add('bg-light');
|
||||||
|
};
|
||||||
|
li.onmouseout = function () {
|
||||||
|
this.classList.remove('bg-light');
|
||||||
|
};
|
||||||
li.contact = contacts[i];
|
li.contact = contacts[i];
|
||||||
li.onclick = function () {
|
li.onclick = function () {
|
||||||
var contact = this.contact;
|
var contact = this.contact;
|
||||||
@ -121,11 +130,7 @@ waitForKeyElements('div.nav-search', (element) => {
|
|||||||
console.log('TAPI Search exit');
|
console.log('TAPI Search exit');
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
console.log('TAPI clear search results');
|
console.log('TAPI clear search results');
|
||||||
var resultList = document.getElementById('tapiResults');
|
removeSearchResults();
|
||||||
console.log('TAPI tapiResults', resultList);
|
|
||||||
if (resultList) {
|
|
||||||
resultList.parentNode.removeChild(resultList);
|
|
||||||
};
|
|
||||||
}, 500);
|
}, 500);
|
||||||
};
|
};
|
||||||
searchWrapper.appendChild(search);
|
searchWrapper.appendChild(search);
|
||||||
@ -139,4 +144,3 @@ waitForKeyElements('div.nav-search', (element) => {
|
|||||||
|
|
||||||
element.appendChild(form);
|
element.appendChild(form);
|
||||||
}, false);
|
}, false);
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user