From 0f15c4810b72dfde7c6c4c039e27a71e2bc6dd31 Mon Sep 17 00:00:00 2001
From: Zach DeCook <zachdecook@gmail.com>
Date: Thu, 17 Jan 2019 14:44:25 -0500
Subject: * Home Page: Add filter

---
 laravel/public/js/toc-filter.js           | 18 ++++++++++++++++++
 laravel/resources/views/welcome.blade.php |  7 +++++--
 2 files changed, 23 insertions(+), 2 deletions(-)
 create mode 100644 laravel/public/js/toc-filter.js

(limited to 'laravel')

diff --git a/laravel/public/js/toc-filter.js b/laravel/public/js/toc-filter.js
new file mode 100644
index 0000000..08afa2d
--- /dev/null
+++ b/laravel/public/js/toc-filter.js
@@ -0,0 +1,18 @@
+$(function(){
+	$("#toc-filter").bind("change paste keyup", toc_filter);
+});
+
+function toc_filter( event )
+{
+	var val = $(this).val().toLowerCase();
+	$("#toc li").each(function(){
+		if($(this).text().toLowerCase().indexOf(val) == -1)
+		{
+			$(this).hide();
+		}
+		else
+		{
+			$(this).show();
+		}
+	});
+}
\ No newline at end of file
diff --git a/laravel/resources/views/welcome.blade.php b/laravel/resources/views/welcome.blade.php
index b8b2627..f241d95 100644
--- a/laravel/resources/views/welcome.blade.php
+++ b/laravel/resources/views/welcome.blade.php
@@ -5,8 +5,10 @@
                 <h1>
                     Prosongsa Songs
                 </h1>
-
-                <ul>
+                <form>
+                    <input id='toc-filter' placeholder='filter songs'>
+                </form>
+                <ul id='toc'>
                     @foreach( App\Song::all() as $song )
                         <li>
                             <a href='{{ route('song.show', ['song' => $song]) }}'>
@@ -14,5 +16,6 @@
                             </a>
                     @endforeach
                 </ul>
+                <script src='js/toc-filter.js'></script>
 </div>
 @endsection
-- 
cgit 1.4.1