From fb598a4469f95ab54bbd71daf586c0b27875cf20 Mon Sep 17 00:00:00 2001
From: Marcelo Puebla <mpuebla@focasoftware.com>
Date: Wed, 4 Mar 2020 11:01:04 -0300
Subject: [PATCH] Add Mensaje de error con articulos en carrito sin stock

---
 src/app/modules/carrito/carrito.component.html     |  2 +-
 src/app/modules/carrito/carrito.component.ts       | 19 +++++++++++++++-
 src/app/modules/carrito/carrito.module.ts          |  9 ++++++--
 src/app/services/articulo/articulo.service.ts      | 11 ++++++++++
 .../shared/error-stock/error-stock.component.html  | 10 +++++++++
 .../shared/error-stock/error-stock.component.scss  |  0
 .../error-stock/error-stock.component.spec.ts      | 25 ++++++++++++++++++++++
 .../shared/error-stock/error-stock.component.ts    | 19 ++++++++++++++++
 8 files changed, 91 insertions(+), 4 deletions(-)
 create mode 100644 src/app/shared/error-stock/error-stock.component.html
 create mode 100644 src/app/shared/error-stock/error-stock.component.scss
 create mode 100644 src/app/shared/error-stock/error-stock.component.spec.ts
 create mode 100644 src/app/shared/error-stock/error-stock.component.ts

diff --git a/src/app/modules/carrito/carrito.component.html b/src/app/modules/carrito/carrito.component.html
index ae8d1d2..40e121b 100644
--- a/src/app/modules/carrito/carrito.component.html
+++ b/src/app/modules/carrito/carrito.component.html
@@ -91,7 +91,7 @@
       class="row mx-3 mt-4 h-auto justify-content-end">
       <div
         class="col-auto py-2 px-3 align-self-center btn-effect bg-primary badge-pill text-white"
-        [routerLink]="['/forma-pago']">
+        (click)="validateCarrito()">
         <span>
           <small class="pr-2">CONTINUAR</small>
           <img
diff --git a/src/app/modules/carrito/carrito.component.ts b/src/app/modules/carrito/carrito.component.ts
index 3f380e2..57d72a9 100644
--- a/src/app/modules/carrito/carrito.component.ts
+++ b/src/app/modules/carrito/carrito.component.ts
@@ -3,9 +3,11 @@ import { Location } from '@angular/common';
 import { ArticuloService } from 'src/app/services/articulo/articulo.service';
 import { APP_SETTINGS } from 'src/etc/AppSettings';
 import { Router } from '@angular/router';
-import { BsModalRef } from 'ngx-bootstrap/modal/public_api';
+import { BsModalRef, BsModalService } from 'ngx-bootstrap/modal';
 import { InactiveScreenService } from 'src/app/services/inactive-screen/inactive-screen.service';
 import { ANIMATIONS } from 'src/app/utils/animations';
+import { ErrorFormaPagoComponent } from 'src/app/shared/error-forma-pago/error-forma-pago.component';
+import { ErrorStockComponent } from 'src/app/shared/error-stock/error-stock.component';
 
 @Component({
   selector: 'app-carrito',
@@ -23,6 +25,7 @@ export class CarritoComponent implements OnInit, OnDestroy {
     private location: Location,
     private router: Router,
     private inactiveScreen: InactiveScreenService,
+    private modalService: BsModalService
   ) { }
 
   ngOnInit() {
@@ -41,6 +44,20 @@ export class CarritoComponent implements OnInit, OnDestroy {
     this.articuloService.deleteArticulo(index);
   }
 
+  validateCarrito() {
+    const res = this.articuloService.validateCarrito()
+    if (res.valid) {
+      this.router.navigate(['forma-pago']);
+    } else {
+      this.modalService.show(
+        ErrorStockComponent,
+        {
+          initialState: { articulo: res.articulo },
+          class: 'modal-dialog-centered'
+        });
+    }
+  }
+
   goBack() {
     this.location.back();
   }
diff --git a/src/app/modules/carrito/carrito.module.ts b/src/app/modules/carrito/carrito.module.ts
index 00391e0..78a5c96 100644
--- a/src/app/modules/carrito/carrito.module.ts
+++ b/src/app/modules/carrito/carrito.module.ts
@@ -5,14 +5,19 @@ import { CarritoRoutingModule } from './carrito-routing.module';
 import { CarritoComponent } from './carrito.component';
 import { SeleccionArticulosModule } from '../seleccion-articulos/seleccion-articulos.module';
 import { SharedModule } from '../shared/shared.module';
+import { ErrorStockComponent } from 'src/app/shared/error-stock/error-stock.component';
 
 @NgModule({
-  declarations: [CarritoComponent],
+  declarations: [
+    CarritoComponent,
+    ErrorStockComponent
+  ],
   imports: [
     CommonModule,
     CarritoRoutingModule,
     SeleccionArticulosModule,
     SharedModule,
-  ]
+  ],
+  entryComponents: [ErrorStockComponent]
 })
 export class CarritoModule { }
diff --git a/src/app/services/articulo/articulo.service.ts b/src/app/services/articulo/articulo.service.ts
index fb45083..9814bed 100644
--- a/src/app/services/articulo/articulo.service.ts
+++ b/src/app/services/articulo/articulo.service.ts
@@ -104,6 +104,17 @@ export class ArticuloService {
     });
   }
 
+  validateCarrito() {
+    for (const articulo of this.carrito) {
+      if (articulo.productos) {
+        for (const a of articulo.productos) {
+          if (a.ExiVta - (a.cantidad * articulo.cantidad) < 0) return { valid: false, articulo };
+        }
+      } else if (articulo.ExiVta - articulo.cantidad < 0) return { valid: false, articulo };
+    }
+    return { valid: true };
+  }
+
   cleanShoppingCar() {
     this.articuloAcargar = undefined;
     this.promoAcargar = undefined;
diff --git a/src/app/shared/error-stock/error-stock.component.html b/src/app/shared/error-stock/error-stock.component.html
new file mode 100644
index 0000000..574b108
--- /dev/null
+++ b/src/app/shared/error-stock/error-stock.component.html
@@ -0,0 +1,10 @@
+<div class="bg-primary text-center rounded">
+  <div class="modal-body">
+    <p class="h4 text-white text-center mx-3 mb-3">El articulo {{articulo.MKT_DESC}} no tiene stock</p>
+    <div
+      class="m-0 h4 d-inline-block py-2 btn-effect bg-white badge-pill"
+      (click)="modalRef.hide()">
+      Aceptar
+    </div>
+  </div>
+</div>
diff --git a/src/app/shared/error-stock/error-stock.component.scss b/src/app/shared/error-stock/error-stock.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/shared/error-stock/error-stock.component.spec.ts b/src/app/shared/error-stock/error-stock.component.spec.ts
new file mode 100644
index 0000000..1d32c53
--- /dev/null
+++ b/src/app/shared/error-stock/error-stock.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ErrorStockComponent } from './error-stock.component';
+
+describe('ErrorStockComponent', () => {
+  let component: ErrorStockComponent;
+  let fixture: ComponentFixture<ErrorStockComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ErrorStockComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ErrorStockComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/shared/error-stock/error-stock.component.ts b/src/app/shared/error-stock/error-stock.component.ts
new file mode 100644
index 0000000..8650a1c
--- /dev/null
+++ b/src/app/shared/error-stock/error-stock.component.ts
@@ -0,0 +1,19 @@
+import { Component, OnInit } from '@angular/core';
+import { BsModalRef } from 'ngx-bootstrap/modal';
+import { IArticulo } from 'src/app/interfaces/IArticulo';
+
+@Component({
+  selector: 'app-error-stock',
+  templateUrl: './error-stock.component.html',
+  styleUrls: ['./error-stock.component.scss']
+})
+export class ErrorStockComponent implements OnInit {
+  articulo: IArticulo;
+
+  constructor(
+    private modalRef: BsModalRef,
+  ) { }
+
+  ngOnInit() { }
+
+}
-- 
1.9.1