Martin Macola / autoservicio

Browse Code »

Commit f8080ffa5acd1bfc2e24d5b86cf27dd0b0538a67

Authored by Marcelo Puebla 2019-08-09 16:47:15 -0300

1 parent ec06683ada

Exists in master

Cambio en el servicio.

Showing 3 changed files with 5 additions and 9 deletions Show diff stats

src/app/components/busqueda-productos/busqueda-productos.component.ts

Diff comments View file @ f8080ff

1	import { Component, OnInit } from '@angular/core';	1	import { Component, OnInit } from '@angular/core';
2	import { ProductoService } from 'src/app/services/producto.service';	2	import { ProductoService } from 'src/app/services/producto.service';
3	import { Producto } from 'src/app/wrappers/producto';	3	import { Producto } from 'src/app/wrappers/producto';
4	import { appSettings } from 'src/etc/AppSettings';	4	import { appSettings } from 'src/etc/AppSettings';
5		5
6	@Component({	6	@Component({
7	selector: 'app-busqueda-productos',	7	selector: 'app-busqueda-productos',
8	templateUrl: './busqueda-productos.component.html',	8	templateUrl: './busqueda-productos.component.html',
9	styleUrls: ['./busqueda-productos.component.scss']	9	styleUrls: ['./busqueda-productos.component.scss']
10	})	10	})
11	export class BusquedaProductosComponent implements OnInit {	11	export class BusquedaProductosComponent implements OnInit {
12		12
13	private productos: Producto[] = [];	13	private productos: Producto[] = [];
14	private auxProductos: Producto[] = [];	14	private auxProductos: Producto[] = [];
15	private searchTerm: string = '';	15	private searchTerm: string = '';
16	private showSpinner: boolean = true;	16	private showSpinner: boolean = true;
17	private categoria: Categorias = Categorias.todos;	17	private categoria: Categorias = Categorias.todos;
18	private apiUrl: string = appSettings.apiUrl;	18	private apiUrl: string = appSettings.apiUrl;
19		19
20		20
21	constructor(private productoService: ProductoService) { }	21	constructor(private productoService: ProductoService) { }
22		22
23	ngOnInit() {	23	ngOnInit() {
24		24
25	this.productoService.getAll()	25	this.productoService.getAll()
26	.subscribe((data: Producto[]) => {	26	.subscribe((data: Producto[]) => {
27		27
28	this.auxProductos = this.productos = data;	28	this.auxProductos = this.productos = data;
29	}, (error) => {	29	}, (error) => {
30	this.showSpinner = false;	30	this.showSpinner = false;
31	console.error(error);	31	console.error(error);
32	});	32	});
33	}	33	}
34		34
35	filterItems() {	35	filterItems() {
36		36
37	this.auxProductos = this.productos.filter(x => {	37	this.auxProductos = this.productos.filter(x => {
38	return x.DetArt.toLowerCase().includes(this.searchTerm.toLowerCase())	38	return x.DetArt.toLowerCase().includes(this.searchTerm.toLowerCase())
39	});	39	});
40	}	40	}
41		41
42	agregarAlCarrito(producto: Producto) {	42	agregarAlCarrito(producto: Producto) {
43		43
44	producto.cantidad = 1;	44	producto.cantidad = 1;
45	this.productoService.setProductos(producto);	45	this.productoService.productos.push(producto);
46	}	46	}
47		47
48	}	48	}
49		49
50	enum Categorias {	50	enum Categorias {
51	promosCombos = 1,	51	promosCombos = 1,
52	todos = 2,	52	todos = 2,
53	bebidas = 3,	53	bebidas = 3,
54	sandwicheria = 4,	54	sandwicheria = 4,
55	panaderia = 5,	55	panaderia = 5,
56	golosinas = 6,	56	golosinas = 6,
57	tabaqueria = 7,	57	tabaqueria = 7,
58	}	58	}
59		59

src/app/components/sidebar/sidebar.component.ts

Diff comments View file @ f8080ff

 import { Component, OnInit } from '@angular/core';
 import { Producto } from 'src/app/wrappers/producto';
 import { appSettings } from 'src/etc/AppSettings';
 import { ProductoService } from 'src/app/services/producto.service';
 @Component({
   selector: 'app-sidebar',
   templateUrl: './sidebar.component.html',
   styleUrls: ['./sidebar.component.scss'],
 })
 export class SidebarComponent implements OnInit {
   private cont: number = 1;
   private min: number = 1;
   private max: number = 50;
   private total: number = 0;
   private apiUrl: string = appSettings.apiUrl;
   public productosCarrito: Producto[] = [];
-  constructor(private productoService: ProductoService) { }
+  constructor(private productoService: ProductoService) {
+    this.productosCarrito = this.productoService.productos;
+  }
   ngOnInit() {
-    this.productoService.productosEvent
-      .subscribe((data: Producto[]) => {
-        this.productosCarrito = data;
-      }, (error) => { console.error(error); })
   }
   getCantidadProductos() {
     for (let i = 0; i < this.productosCarrito.length; i++) {
       this.productosCarrito[i].cantidad = 1
       this.cont++;
     }
     return this.cont;
   }
   getTotal() {
     let subTotal = 0;
     for (let i = 0; i < this.productosCarrito.length; i++) {
       subTotal = subTotal + (this.productosCarrito[i].PreVen * this.productosCarrito[i].cantidad);
     }
     return this.total = subTotal;
   }
   public aumentarContador(index) {
     this.cont++;
     for (let i = 0; i < this.productosCarrito.length; i++) {
       if (i === index) {
         this.total = this.total + this.productosCarrito[i].PreVen;
         return (this.productosCarrito[i].cantidad === this.max) ?
           this.productosCarrito[i].cantidad : this.productosCarrito[i].cantidad++;
       }
     }
   }
   decrementarContador(index) {
     for (let i = 0; i < this.productosCarrito.length; i++) {
       if (i === index && this.productosCarrito[i].cantidad > this.min) {
         this.productosCarrito[i].cantidad--;
         this.cont--;
         break;
       }
     }
     this.getTotal()
   }
   setCantidadItems() {
     this.cont = 0;
     for (let i = 0; i < this.productosCarrito.length; i++) {
       this.cont += this.productosCarrito[i].cantidad;
     }
   }
   deleteProducto(index: number) {
     for (let i = 0; i < this.productosCarrito.length; i++) {
       if (i === index) {
         this.cont -= this.productosCarrito[i].cantidad;
         //Elimina del total el PreVen de todo el item
         this.total = this.total - (this.productosCarrito[i].PreVen * this.productosCarrito[i].cantidad);
         this.productosCarrito.splice(i, 1);
         return;
       }
     }
   }
   cleanCarrito() {
     this.productoService.productos = this.productosCarrito = [];
     this.total = 0;
     this.cont = 0;

src/app/services/producto.service.ts

Diff comments View file @ f8080ff

 import { Injectable } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { appSettings } from 'src/etc/AppSettings';
 import { Producto } from '../wrappers/producto';
-import { EventEmitter } from '@angular/core';
 @Injectable({
   providedIn: 'root'
 })
 export class ProductoService {
   productos : Producto[] = [];
-  productosEvent: EventEmitter<Producto[]> = new EventEmitter();
   constructor(private http: HttpClient) { }
   getAll(): Observable<any> {
     return this.http.get(`${appSettings.apiUrl}/articulos`);
   }
   setProductos(producto : Producto){
     this.productos.push(producto);
-    this.productosEvent.emit(this.productos);
   }
 }