From 931e9634da5c1802b9ea1a66fb2f26f1bab3a990 Mon Sep 17 00:00:00 2001
From: Wilmer <wilmer.ramones@gmail.com>
Date: Mon, 24 Apr 2017 14:13:42 -0400
Subject: [PATCH] permite buscar los usuarios del sistema a traves de mark.js

---
 app/Resources/views/usuarios/index.html.twig | 30 +++++++++++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/app/Resources/views/usuarios/index.html.twig b/app/Resources/views/usuarios/index.html.twig
index bd1de5b..bed1db1 100644
--- a/app/Resources/views/usuarios/index.html.twig
+++ b/app/Resources/views/usuarios/index.html.twig
@@ -7,7 +7,7 @@
                 <div class="row">                
                 <div class="col-sm-9"><i class="fa fa-list"></i>
                     <h3>Listado de usuarios Registrados</h3></div>
-                    <div class="col-sm-2"><input type="text" class="form-control"></div>
+                    <div class="col-sm-2"><input type="text" name="marca" class="form-control"></div>
               </div>
             </div>
          <div class="widget-content">
@@ -48,3 +48,31 @@
     </ul>
             </div>
 {% endblock %}
+
+
+       {% block javascripts %}
+           {{ parent() }}
+           <script src="https://cdn.jsdelivr.net/mark.js/8.6.0/jquery.mark.min.js"></script>
+
+           <script>
+               $(function() {
+
+                   var $input = $("input[name='marca']"),
+                       $context = $("table tbody tr");
+                   $input.on("input", function() {
+                       var term = $(this).val();
+                       $context.show().unmark();
+                       if (term) {
+                           $context.mark(term, {
+                               done: function() {
+                                   $context.not(":has(mark)").hide();
+                               }
+                           });
+                       }
+                   });
+
+               });
+
+           </script>
+
+       {% endblock %}
-- 
2.0.0