diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.html b/src/app/components/busqueda-productos/busqueda-productos.component.html index d6352b5..d0695f5 100644 --- a/src/app/components/busqueda-productos/busqueda-productos.component.html +++ b/src/app/components/busqueda-productos/busqueda-productos.component.html @@ -1,21 +1,50 @@
-
- - - - -
-
-

Búsqueda

-
+
+ + + + +
+
+

Búsqueda

- -
- +
+ +
+ +
+ + + +
+
+
+ +
+

{{producto.variable}}

+
+

ASDASDSADASDSA

+

COD. 1222

+
+
+
+ +
+
+
-
- - - -
\ No newline at end of file + +
+ + + +
\ No newline at end of file diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.scss b/src/app/components/busqueda-productos/busqueda-productos.component.scss index e69de29..7c5c912 100644 --- a/src/app/components/busqueda-productos/busqueda-productos.component.scss +++ b/src/app/components/busqueda-productos/busqueda-productos.component.scss @@ -0,0 +1,13 @@ +.search .form-control-search { + position: absolute; + z-index: 2; + display: block; + text-align: center; + pointer-events: none; + color: #aaa; + line-height: inherit; +} + +.vh-50 { + height: 70vh !important; +} diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.ts b/src/app/components/busqueda-productos/busqueda-productos.component.ts index cd705f3..73dc2a2 100644 --- a/src/app/components/busqueda-productos/busqueda-productos.component.ts +++ b/src/app/components/busqueda-productos/busqueda-productos.component.ts @@ -1,4 +1,6 @@ import { Component, OnInit } from '@angular/core'; +import { ProductoService } from 'src/app/services/producto.service'; +import { Producto } from 'src/app/wrappers/producto'; @Component({ selector: 'app-busqueda-productos', @@ -7,9 +9,20 @@ import { Component, OnInit } from '@angular/core'; }) export class BusquedaProductosComponent implements OnInit { - constructor() { } + productos: Producto[] = []; + + constructor(private productoService: ProductoService) { } ngOnInit() { + + this.productoService.getAll() + .subscribe((data: Producto[]) => { + + this.productos = data; + }, (error) => { + + console.error(error); + }); } }