Buscador de heroes

TheJonaCode · Sep 25, 2020 · fa8ff0a · fa8ff0a
1 parent d418c8a
commit fa8ff0a
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 2 deletions.
diff --git a/src/app/components/shared/navbar/navbar.component.html b/src/app/components/shared/navbar/navbar.component.html
@@ -22,8 +22,9 @@
         </li>
       </ul>
       <form class="form-inline my-2 my-lg-0">
-        <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
-        <button class="btn btn-outline-primary my-2 my-sm-0" type="submit">Search</button>
+        <input class="form-control mr-sm-2" type="search" placeholder="Buscar heroe" aria-label="Search" (keyup.enter)="buscarHeroe(buscarTexto.value)" #buscarTexto>
+        <button (click)="buscarHeroe(buscarTexto.value)"
+          class="btn btn-outline-primary my-2 my-sm-0" type="button">Buscar</button>
       </form>
     </div>
   </nav>
diff --git a/src/app/components/shared/navbar/navbar.component.ts b/src/app/components/shared/navbar/navbar.component.ts
@@ -11,4 +11,8 @@ export class NavbarComponent implements OnInit {
   ngOnInit(): void {
   }
 
+  buscarHeroe( termino:string){
+    console.log(termino);
+  }
+
 }
diff --git a/src/app/servicios/heroes.service.ts b/src/app/servicios/heroes.service.ts
@@ -69,6 +69,20 @@ export class HeroesService{
       return this.heroes[idx];
     }
 
+
+    buscarHeroes( termino:string){
+
+      let heroesArr:Heroe[] = [];
+      termino = termino.toLowerCase();
+
+      for( let heroe of this.heroes ){
+        let nombre = heroe.nombre.toLowerCase();
+        if (nombre.indexOf( termino ) >=0){
+          heroesArr.push( heroe )
+        }
+      }
+      return heroesArr;
+    }
 }
 
 export interface Heroe{