Filtros

Ahora se pueden filtrar los resultados de contactos
axul · Mar 3, 2015 · bdeef6a · bdeef6a
1 parent f4c6c75
commit bdeef6a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/app/index.html b/app/index.html
@@ -22,6 +22,11 @@ <h1>{{principal.tituloApp}}</h1>
             <h2>Lista Contactos</h2>
           </div>
         </div>
+        <div class="row">
+          <div class="col-xs-12">
+            <input type="text" ng-model="busqueda" class="form-control" placeholder="Filtrar resultados">
+          </div>
+        </div>
         <table class="table table-hover table-striped table-clickable">
           <thead>
             <tr class="row">
@@ -32,11 +37,11 @@ <h2>Lista Contactos</h2>
             </tr>
           </thead>
           <tbody>
-            <tr ng-repeat="contacto in contactos.contactosArray" class="row">
+            <tr ng-repeat="contacto in contactos.contactosArray | filter:busqueda" class="row">
               <td class="col-xs-3" ng-bind-html="contacto.thumb"></td>
               <td class="col-xs-3">{{contacto.nombre}}</td>
               <td class="col-xs-3">{{contacto.apellido}}</td>
-              <td class="col-xs-3">{{contacto.contacto}}</td>
+              <td class="col-xs-3"><a target="_blank" ng-href="https://twitter.com/{{contacto.contacto}}">{{contacto.contacto}}</a></td>
             </tr>
           </tbody>
         </table>

diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "angularfromstrach",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "dependencies": {
     "respond": "~1.4.2",
     "es5-shim": "~4.0.5",