adoralaura/shopping-list
1
0
Fork 0
mirror of https://github.com/tim-krehan/shopping-list.git synced 2024-11-23 22:30:41 +01:00
Code Issues Projects Releases Packages Wiki Activity

fixed the search thingy

Browse source
This commit is contained in:
Tim Krehan 2019-05-24 09:41:25 +02:00
parent 358d97826d
commit 086970c4da
1 changed files with 22 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
js/search.js
View file

@ -1,33 +1,32 @@
$(document).ready(function(){ $(document).ready(function () {
var recipes = $("#recipes a"); $("#search-recipes").on("keyup", searchRecipe);
var headerLetters = $("#recipes h2");
$("#search-recipes").on("keyup", searchRecipe(recipes, headerLetters));
$("#clear-search-string").click(clearSearchString); $("#clear-search-string").click(clearSearchString);
}); });
function searchRecipe(recipes, headerLetters) { function searchRecipe() {
return function () { var searchString = $("#search-recipes").val().toUpperCase();
var search = $("#search-recipes").val().toUpperCase(); var recipes = $("#recipes a");
for (var i = 0; i < recipes.length; i++) { for (var i = 0; i < recipes.length; i++) {
if (recipes[i].innerHTML.toUpperCase().indexOf(search) > -1) { if (recipes[i].innerHTML.toUpperCase().indexOf(searchString) > -1) {
recipes[i].style.display = ""; $(recipes[i]).show()
} }
else { else {
recipes[i].style.display = "none"; $(recipes[i]).hide();
} }
} }
for (var j = 0; j < headerLetters.length; j++) {
if (($("*[data-letter='" + headerLetters[j].innerHTML + "']:visible")).length > 0) { $("#recipes").children().each(index => {
headerLetters[j].style.display = ""; var container = ($("#recipes").children())[index];
$(container).removeClass("d-none").addClass("d-flex");
if(($(container).find("a:visible")).length==0){
$(container).removeClass("d-flex").addClass("d-none");
} }
else { });
headerLetters[j].style.display = "none";
}
}
};
} }
function clearSearchString(){ function clearSearchString() {
$("#search-recipes").val(""); $("#search-recipes").val("");
$("#search-recipes").focus(); $("#search-recipes").focus();
$("#search-recipes").keyup(); $("#search-recipes").keyup();