diff options
| author | Zach DeCook <zachdecook@gmail.com> | 2019-01-17 14:44:25 -0500 |
|---|---|---|
| committer | Zach DeCook <zachdecook@gmail.com> | 2019-01-17 14:44:25 -0500 |
| commit | 0f15c4810b72dfde7c6c4c039e27a71e2bc6dd31 (patch) | |
| tree | 2bd6391136d2426c0743cb6265edbd195b811f6a /laravel | |
| parent | 39ff0d501208c87b14867ebe7811a480aeebbff6 (diff) | |
| download | prosongsa-0f15c4810b72dfde7c6c4c039e27a71e2bc6dd31.tar.gz | |
* Home Page: Add filter
Diffstat (limited to 'laravel')
| -rw-r--r-- | laravel/public/js/toc-filter.js | 18 | ||||
| -rw-r--r-- | laravel/resources/views/welcome.blade.php | 7 |
2 files changed, 23 insertions, 2 deletions
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 |