diff options
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 |