Mauricio Cattafi / autoservicio

Commit 96fcfbe1541c2fae83895ee7a1d531099d404292

Authored by Marcelo Puebla 2019-10-18 09:22:12 -0300

Exists in master

Merge branch 'validar_pve' into 'develop'

Validar pve

See merge request !128

Showing 3 changed files Show diff stats

src/app/components/configuracion/configuracion.component.ts

Diff comments View file @ 96fcfbe

 import { Component, OnInit } from '@angular/core';
 import { BsModalRef } from 'ngx-bootstrap';
 import { PuntoVentaService } from 'src/app/services/punto-venta.service';
 import { PuntoVenta } from 'src/app/wrappers/puntoVenta';
 import { ImpresoraService } from 'src/app/services/impresora.service';
 import { Impresora } from 'src/app/wrappers/impresora';
 import { FormGroup, FormControl } from '@angular/forms';
+import { Router } from '@angular/router';
 @Component({
   selector: 'app-configuracion',
   templateUrl: './configuracion.component.html',
   styleUrls: ['./configuracion.component.scss']
 })
 export class ConfiguracionComponent implements OnInit {
   puntosVenta: PuntoVenta[] = [];
   impresoras: Impresora[] = [];
   form: FormGroup;
+  reiniciar: boolean = false;
   constructor(
     private activeModal: BsModalRef,
     private puntoVentaService: PuntoVentaService,
     private impresoraService: ImpresoraService,
+    private router: Router
   ) { }
   ngOnInit() {
     this.form = new FormGroup({
       usePlanillaPropia: new FormControl(false, []),
       puntoVenta: new FormControl(null, []),
       impresora: new FormControl(null, []),
     })
     this.puntoVentaService.getAll()
       .subscribe((res: PuntoVenta[]) => {
         this.puntosVenta = res;
         this.setPuntoVenta();
       }, console.error);
     this.impresoraService.getAll()
       .subscribe((res: Impresora[]) => {
         this.impresoras = res;
         this.setImpresora();
       }, console.error);
   }
   close() {
     this.activeModal.hide();
+    if (this.reiniciar) {
+      this.router.navigate(['inicio']);
+    }
   }
   acept() {
+    this.reiniciar = !localStorage.getItem('impresoraPVE') ? true : false;
     let auxPuntoVenta = this.puntosVenta.find(p => p.ID === this.form.get('puntoVenta').value);
     let auxImpresora = this.impresoras.find(p => p.PVE === this.form.get('impresora').value);
     localStorage.setItem('pve', auxPuntoVenta ? auxPuntoVenta.ID.toString() : null);
     localStorage.setItem('impresoraPVE', auxImpresora ? auxImpresora.PVE.toString() : null);
     this.close();
   }
   setPuntoVenta() {
     let pve = parseInt(localStorage.getItem('pve'));
     let auxPuntoVenta = this.puntosVenta.find(x => x.ID === pve);
     this.form.get('puntoVenta').setValue(auxPuntoVenta ? auxPuntoVenta.ID : null);
   }
   setImpresora() {
     let impresoraPVE = parseInt(localStorage.getItem('impresoraPVE'));
     let auxImpresora = this.impresoras.find(x => x.PVE === impresoraPVE);
     this.form.get('impresora').setValue(auxImpresora ? auxImpresora.PVE : null);
   }
 }

src/app/components/inicio/inicio.component.html

Diff comments View file @ 96fcfbe

-<div class="row m-0 fade-in">
+<div class="row m-0 fade-in" [hidden]="!mostrarPantalla">
   <div class="col-12 p-0">
     <!-- NOMBRE DE SECCION -->
     <div class="row m-0">
       <div class="col-12 p-0">
         <p class="h5 m-0 py-1 bg-gray text-muted text-center">Inicio</p>
       </div>
     </div>
     <div class="row m-0 d-flex align-items-start disable-user-select">
       <div class="col-md-5 py-3 pr-0 d-flex align-items-end flex-column">
         <!-- PROMOCIONES -->
         <div
           (click)="irBusquedaProductos('promociones')"
           class="card card-effect bg-white border-0 shadow rounded w-100 mb-auto">
           <div class="card-body text-left px-4 py-3">
             <div class="row">
               <div class="col-auto">
                 <p class="m-0 h3 card-title">Promociones</p>
               </div>
               <div class="col-auto p-0">
                 <img src="{{apiImagenes}}/imagenes/primario.promociones.png" class="w-15 m-0">
               </div>
             </div>
             <p class="h5 card-text text-muted font-weight-light">Conozca las ofertas del momento.</p>
           </div>
           <!-- CAROUSEL -->
           <carousel [showIndicators]="false" [interval]="1500">
             <slide class="h-100">
               <img
                 src="{{apiImagenes}}/imagenes/beldent.jpg"
                 class="fade-in d-block w-75 m-auto rounded">
             </slide>
             <slide class="h-100">
               <img
                 src="{{apiImagenes}}/imagenes/cafe con leche y medialunas.jpg"
                 class="fade-in d-block w-75 m-auto rounded">
             </slide>
             <slide class="h-100">
               <img
                 src="{{apiImagenes}}/imagenes/Surtido bagley.jpg"
                 class="fade-in d-block w-75 m-auto rounded">
             </slide>
             <slide class="h-100">
               <img
                 src="{{apiImagenes}}/imagenes/yogurisimo.jpg"
                 class="fade-in d-block w-75 m-auto rounded">
             </slide>
           </carousel>
         </div>
         <!-- ORDENAR -->
         <div (click)="irBusquedaProductos('ordenar')"
           class="card card-effect bg-white border-0 shadow rounded w-100 mt-3">
           <div class="card-body text-left px-4 py-3">
             <div class="row">
               <div class="col-auto">
                 <p class="m-0 h3 card-title">Ordenar Pedido</p>
               </div>
               <div class="col-auto p-0">
                 <img src="{{apiImagenes}}/imagenes/primario.ordenar.png" class="w-15">
               </div>
             </div>
             <p class="h5 card-text text-muted font-weight-light">Arme su pedido y solo pase a retirar.</p>
           </div>
           <img
             class="card-img-bottom d-block w-100 mx-auto rounded"
             src="{{apiImagenes}}/imagenes/cafe.jpg">
         </div>
       </div>
       <div class="col-md-7 py-3 d-flex align-items-end flex-column mt-4 mt-md-0">
         <!-- CARGAR PRODUCTOS -->
         <ng-template #popTemplate>
           <app-popover-promos
             *ngIf="promociones.length > 0 && sinonimos.length === 0"
             [popover]="popoverDirective"
             [popoverContent]="promociones"
             (promoSeleccionada)="promoSeleccionada($event, false)"
             class="text-white rounded-sm border-0">
           </app-popover-promos>
           <app-popover-sinonimos
             *ngIf="sinonimos.length > 0"
             [popover]="popoverDirective"
             [popoverContent]="sinonimos"
             (productosPersonalizados)="productosPersonalizados($event)"
             class="text-white rounded-sm border-0">
           </app-popover-sinonimos>
         </ng-template>
         <div
           placement="left"
           triggers=""
           [popover]="popTemplate"
           class="w-100"
           #pop="bs-popover">
           <div class="card bg-white border-0 shadow rounded mb-auto">
             <div class="card-body text-left px-4 py-3">
               <div class="row">
                 <div class="col-auto">
                   <p class="m-0 h3 card-title">Cargar Productos</p>
                 </div>
                 <div class="col-auto p-0">
                   <img src="../../../assets/img/escanear.png" class="w-15">
                 </div>
               </div>
               <p class="h5 card-text text-muted font-weight-light">
                 Coloque un producto frente<br>
                 al lector de códigos o selecciónelo en pantalla.
               </p>
             </div>
             <div class="row mx-3 mb-3">
               <div class="col card bg-white shadow border-0 w-75 p-0 mx-auto rounded-sm">
                 <!-- IMAGEN DE ESCANER -->
                 <img
                   *ngIf="!productoAcargar"
                   class="card-img-top d-block w-100 mx-auto rounded-sm"
                   src="../../../assets/img/escanner.jpg">
                 <!-- PRODUCTO A CARGAR -->
                 <div class="fade-in m-0" *ngIf="productoAcargar && !promoAcargar">
                   <img
                     class="card-img-top d-block w-75 shadow mx-auto rounded-sm"
                     src="{{apiImagenes}}/imagenes/{{productoAcargar.imagenes[0].imagen}}">
                   <div class="row justify-content-between m-3">
                     <div class="col-12 text-left px-1">
                       <p class="h6 font-weight-bold mb-0">{{productoAcargar.DET_LAR}}</p>
                     </div>
                     <div class="col-12 text-right mt-2">
                       <p class="h5 font-weight-bold mb-0">{{productoAcargar.PreVen | currency}}</p>
                     </div>
                   </div>
                 </div>
                 <!-- PROMO A CARGAR -->
                 <div class="fade-in m-0" *ngIf="promoAcargar">
                   <img
                     class="card-img-top d-block w-100 mx-auto rounded-sm"
                     src="{{apiImagenes}}/imagenes/{{promoAcargar.imagenes[0].imagen}}">
                   <div class="row justify-content-between m-3">
                     <div class="col-12 text-left px-1">
                       <p class="h6 font-weight-bold mb-0">{{promoAcargar.DET_LAR}}</p>
                     </div>
                     <div class="col-12 text-right mt-2 align-self-end">
                       <p class="h5 font-weight-bold mb-0">{{promoAcargar.PreVen | currency}}</p>
                     </div>
                   </div>
                 </div>
               </div>
               <!-- BOTONES DE CARGAR PRODUCTOS-->
               <div
                 class="col-5 pr-0"
                 *ngIf="promociones.length > 0">
                   <button
                     *ngIf="!promoAcargar || sinonimos.length == 0"
                     type="button"
                     class="btn btn-primary btn-block shadow-sm"
                     (click)="pop.show()">
                     <span class="pr-2">Mostrar promociones</span>
                     <i class="fa fa-bullhorn fa-flip-horizontal" aria-hidden="true"></i>
                   </button>
                   <button
                   *ngIf="sinonimos.length == 0"
                     type="button"
                     class="btn btn-light btn-block shadow-sm my-3"
                     (click)="confirmarProducto()">
                     <span class="pr-2 font-weight-bold">Confirmar</span>
                     <i class="fa fa-check text-success" aria-hidden="true"></i>
                   </button>
                   <button
                     type="button"
                     class="btn btn-light btn-block shadow-sm"
                     (click)="deshacerCarga()">
                     <span class="pr-2">Deshacer</span>
                     <i class="fa fa-undo text-warning" aria-hidden="true"></i>
                   </button>
               </div>
             </div>
           </div>
         </div>
         <!-- BUSCAR PRODUCTOS -->
         <div (click)="irBusquedaProductos('todos')"
           class="card card-effect bg-white border-0 shadow rounded w-100 mt-3">
           <div class="card-body text-left px-4 py-3">
             <div class="row">
               <div class="col-auto">
                 <p class="m-0 h3 card-title">Buscar Productos</p>
                 <p class="h5 card-text text-muted font-weight-light">
                   Busque aquí los productos<br>
                   que no tienen código.</p>
               </div>
               <div class="col-auto p-0">
                 <img src="../../../assets/img/primario.buscar.png" class="w-15">
               </div>
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>
 </div>
+<div class="row m-0 fade-in" [hidden]="mostrarPantalla">
+  <p class="w-100 text-center">No esá configurado el punto de venta</p>
+</div>

src/app/components/inicio/inicio.component.ts

Diff comments View file @ 96fcfbe

 import { Component, OnInit, ViewChild, HostListener, AfterViewInit } from '@angular/core';
 import { PopoverDirective } from 'ngx-bootstrap';
 import { APP_SETTINGS } from 'src/etc/AppSettings';
 import { Router } from '@angular/router';
 import { ProductoService } from 'src/app/services/producto.service';
 import { Producto } from 'src/app/wrappers/producto';
 import { Sinonimo } from 'src/app/wrappers/sinonimo';
 @Component({
   selector: 'app-inicio',
   templateUrl: './inicio.component.html',
   styleUrls: ['./inicio.component.scss']
 })
 export class InicioComponent implements OnInit, AfterViewInit {
   private tienePromo = false;
   private productoEsPromo = false;
   private busqueda: string = '';
   private productoAcargar: Producto;
   private promoAcargar: Producto;
   private productos: Producto[] = [];
   private promociones: Producto[] = [];
   private sinonimos: Sinonimo[] = [];
   private apiImagenes: string = APP_SETTINGS.apiImagenes;
+  private mostrarPantalla : boolean = false;
   @ViewChild('pop', { static: false }) popoverDirective: PopoverDirective;
   @HostListener('document:keypress', ["$event"]) catchInput(e: KeyboardEvent) {
     if (e.keyCode == 13) {
       this.buscarByCodigoBarras(this.busqueda);
       this.busqueda = '';
     } else {
       this.busqueda += e.key;
     }
   };
   constructor(
     private router: Router,
     private productoService: ProductoService
   ) { }
   ngOnInit() {
     this.productoAcargar = this.productoService.productoAcargar;
     this.getProductos();
+    this.mostrarPantalla = localStorage.getItem('impresoraPVE') ? true : false;
   }
   ngAfterViewInit() {
     setTimeout(() => {
       if (!this.productoAcargar) return;
       if (this.productoAcargar.PRO) {
         this.promociones.push(this.productoAcargar);
         this.promoSeleccionada(this.productoAcargar, true);
       }
       else {
         this.getPromociones();
       }
     })
   }
   getProductos() {
     this.productoService.getAll()
       .subscribe((productos: Producto[]) => {
         this.productos = productos;
       });
   }
   getPromociones() {
     var sector = this.productoAcargar.CodSec;
     var codigo = this.productoAcargar.CodArt;
     this.productoService.getPromociones(sector, codigo)
       .subscribe((res: Producto[]) => {
         if (res.length === 0) {
           this.productoAcargar.cantidad ? false : this.productoAcargar.cantidad = 1;
           this.productoService.setProductos(this.productoAcargar);
           this.productoAcargar = this.productoService.productoAcargar = undefined;
         } else {
           this.promociones = res;
           this.popoverDirective.show();
         }
       }, error => { console.error(error); })
   }
   confirmarProducto(cantidad?: number) {
     let producto = this.promoAcargar ? this.promoAcargar : this.productoAcargar;
     if (cantidad) {
       producto.cantidad = cantidad;
     } else {
       producto.cantidad = producto.cantidad ? producto.cantidad : 1;
     }
     this.productoService.setProductos(producto);
     this.productoService.productoAcargar = this.promoAcargar = this.productoAcargar = undefined;
     this.productoService.esPromoPersonalizada = false;
     this.promociones = [];
     this.popoverDirective.hide();
   }
   promoSeleccionada($event: Producto, showPopover: boolean) {
     this.productoService.getProductoById($event.id)
       .subscribe((res: Producto) => {
         $event.imagenes = res.imagenes.length == 0 ? [{ imagen: 'noImage.jpg' }] : res.imagenes;
         this.promoAcargar = $event;
         if ($event.tieneSinonimos) {
           this.getSinonimos(this.promoAcargar.CodSec, this.promoAcargar.CodArt);
         } else if (showPopover) {
           this.popoverDirective.show();
         } else {
           this.popoverDirective.hide();
         }
       },
         error => { console.log(error); })
   }
   getSinonimos(sector, codigo) {
     this.productoService.getPromocionSinonimos(sector, codigo)
       .subscribe((res: Sinonimo[]) => {
         res.forEach(sinonimo => {
           sinonimo.cantidad = 0;
           this.promoAcargar.productos.forEach(productoPromo => {
             sinonimo.productos.forEach(productoSinonimo => {
               if (productoSinonimo.id === productoPromo.id) {
                 productoSinonimo.cantidad = productoPromo.cantidad;
                 sinonimo.cantidad += productoPromo.cantidad;
               }
             })
           })
         })
         this.sinonimos = res;
         (this.sinonimos.length > 0) ? this.popoverDirective.show() : this.popoverDirective.hide();
       })
   }
   productosPersonalizados($event: any) {
     let productosPersonalizados = $event.productosAenviar;
     productosPersonalizados.forEach(productoElegido => {
       this.promoAcargar.productos = this.promoAcargar.productos.filter(productoPromo => {
         return productoPromo.idSinonimo != productoElegido.idSinonimo;
       });
     });
     this.promoAcargar.productos = this.promoAcargar.productos.concat(productosPersonalizados);
     this.confirmarProducto($event.cantidadPromo);
   }
   buscarByCodigoBarras(busqueda) {
     let producto = this.productos.filter(producto => {
       return producto.codigoBarra == busqueda;
     });
     if (producto.length) {
       this.productoAcargar = producto[0];
       this.getPromociones();
     } else {
       alert('No se encuentra el producto');
     }
   }
   irBusquedaProductos(value) {
     this.productoService.mostrar = value;
     this.router.navigate(['busqueda-productos']);
   }
   deshacerCarga() {
     if (this.sinonimos.length > 0) {
       this.sinonimos = [];
       this.productoService.esPromoPersonalizada = false;
       this.popoverDirective.hide();
     }
     if (this.promoAcargar) {
       this.promoAcargar = undefined;
       if (this.productoAcargar.PRO) {
         this.productoAcargar = undefined;
         this.promociones = [];
         this.popoverDirective.hide();
       } else {
         this.popoverDirective.show();
       }
     } else {
       this.productoAcargar = undefined;
       this.promociones = [];
       this.popoverDirective.hide();
     }
   }
 }