From c756c351bc28144557166bb8d8b98ecb3581d8a6 Mon Sep 17 00:00:00 2001 From: Jeroham Miranda Date: Tue, 2 Mar 2021 12:59:11 -0600 Subject: [PATCH] 90. Animate style CSS --- .../gifs/resultados/resultados.component.html | 2 +- src/app/gifs/sevices/gifs.service.ts | 17 ++++++++++++++--- src/app/shared/sidebar/sidebar.component.html | 1 + src/app/shared/sidebar/sidebar.component.ts | 5 ++++- src/index.html | 2 ++ 5 files changed, 22 insertions(+), 5 deletions(-) diff --git a/src/app/gifs/resultados/resultados.component.html b/src/app/gifs/resultados/resultados.component.html index 44c5969..2d70af7 100644 --- a/src/app/gifs/resultados/resultados.component.html +++ b/src/app/gifs/resultados/resultados.component.html @@ -4,7 +4,7 @@
+ class="col-md-4 col-sm-6 animate__animated animate__fadeIn">
(`https://api.giphy.com/v1/gifs/search?api_key=l5riPVpNTboaKKKjqUAe81u9PmKLfRhG&q=${ query }&limit=10`) + const params = new HttpParams() + .set('api_key', this.apiKey ) + .set('limit', '10') + .set('q', query ); + + // console.log( params.toString() ); + + + this.http.get(`${this.servicioUrl}/search`, { params } ) .subscribe( ( resp ) => { - console.log( resp.data ); + // console.log( resp.data ); this.resultados = resp.data; localStorage.setItem('resultados', JSON.stringify( this.resultados ) ); diff --git a/src/app/shared/sidebar/sidebar.component.html b/src/app/shared/sidebar/sidebar.component.html index 56cc078..aeb4d45 100644 --- a/src/app/shared/sidebar/sidebar.component.html +++ b/src/app/shared/sidebar/sidebar.component.html @@ -7,6 +7,7 @@

{{item | titlecase}} diff --git a/src/app/shared/sidebar/sidebar.component.ts b/src/app/shared/sidebar/sidebar.component.ts index a047010..3be543b 100644 --- a/src/app/shared/sidebar/sidebar.component.ts +++ b/src/app/shared/sidebar/sidebar.component.ts @@ -15,6 +15,9 @@ export class SidebarComponent { constructor( private _gifsService: GifsService, ){} - + buscar( termino:string ){ + console.log(termino); + this._gifsService.buscarGifs( termino ); + } } diff --git a/src/index.html b/src/index.html index 2a327de..f24a804 100644 --- a/src/index.html +++ b/src/index.html @@ -8,6 +8,8 @@ + +