From 7f2942d4140e15b0287ceff2c302e67ce1eed903 Mon Sep 17 00:00:00 2001
From: Bernd Bestel <bernd@berrnd.de>
Date: Tue, 5 Mar 2019 19:17:10 +0100
Subject: [PATCH] Also filter gallery items when searching for recipes
 (references #147)

---
 public/js/extensions.js  | 8 ++++++++
 public/viewjs/recipes.js | 7 +++----
 views/recipes.blade.php  | 4 ++--
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/public/js/extensions.js b/public/js/extensions.js
index 16419e21..52f10875 100644
--- a/public/js/extensions.js
+++ b/public/js/extensions.js
@@ -64,3 +64,11 @@ GetFileExtension = function(pathOrFileName)
 {
 	return pathOrFileName.split(".").pop();
 }
+
+$.extend($.expr[":"],
+{
+	"contains_case_insensitive": function(elem, i, match, array)
+	{
+		return (elem.textContent || elem.innerText || "").toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0;
+	}
+});
diff --git a/public/viewjs/recipes.js b/public/viewjs/recipes.js
index d60e9066..117e5b07 100644
--- a/public/viewjs/recipes.js
+++ b/public/viewjs/recipes.js
@@ -52,12 +52,11 @@ $("a[data-toggle='tab']").on("shown.bs.tab", function(e)
 $("#search").on("keyup", function()
 {
 	var value = $(this).val();
-	if (value === "all")
-	{
-		value = "";
-	}
 
 	recipesTables.search(value).draw();
+
+	$(".recipe-gallery-item-container").removeClass("d-none");
+	$(".recipe-gallery-item-container .card-title:not(:contains_case_insensitive(" + value + "))").parent().parent().parent().parent().addClass("d-none");
 });
 
 $("#selectedRecipeDeleteButton").on('click', function(e)
diff --git a/views/recipes.blade.php b/views/recipes.blade.php
index 3c2b00c3..bac5eaba 100644
--- a/views/recipes.blade.php
+++ b/views/recipes.blade.php
@@ -64,9 +64,9 @@
 			<div class="tab-pane show" id="gallery">
 				<div class="row no-gutters">
 					@foreach($recipes as $recipe)
-					<div class="col-6">
+					<div class="col-6 recipe-gallery-item-container">
 						<a class="discrete-link recipe-gallery-item" data-recipe-id="{{ $recipe->id }}" href="#">
-							<div id="recipe-card-{{ $recipe->id }}" class="card border-white mb-0">
+							<div id="recipe-card-{{ $recipe->id }}" class="card border-white mb-0 recipe-card">
 								@if(!empty($recipe->picture_file_name))
 								<img src="{{ $U('/api/files/recipepictures/' . base64_encode($recipe->picture_file_name)) }}" class="img-fluid">
 								@endif