rrs: Add support for filter in recipes page.

Signed-off-by: Aníbal Limón <anibal.limon@linux.intel.com>

1 files changed, 11 insertions, 2 deletions

diff --git a/templates/rrs/recipes.html b/templates/rrs/recipes.html
index c935249966..c41d014e2f 100644
--- a/templates/rrs/recipes.html
+++ b/templates/rrs/recipes.html
@@ -74,7 +74,7 @@
     </div>
 </div>
 
-<table class="table table-bordered statustable tablesorter table-hover">
+<table class="table table-bordered tablesorter table-hover recipestable">
 <thead>
     <tr>
         <th class="recipe_column">Recipe</th>
@@ -106,7 +106,16 @@
 {% endfor %}
 </tbody>
 </table>
+{% endblock %}
 
+{% block scripts %}
 <script src="{% static "js/uitablefilter.js" %}"></script>
-<script src="{% static "js/jquery.tablesorter.js" %}"></script>
+<script>
+$(document).ready(function() {
+    $("#filter").keyup(function() { 
+        var recipestable = $('.recipestable');
+        $.uiTableFilter(recipestable, this.value);
+    });
+});
+</script>
 {% endblock %}