From 192b6d09a2593c461d9a882083b586a30b39d005 Mon Sep 17 00:00:00 2001
From: Benjamin <brodriguez@focasoftware.com>
Date: Thu, 23 Jan 2020 11:50:37 -0300
Subject: [PATCH] modal confirmacion

---
 .../confirmacion/confirmacion.component.html       | 24 +++++++++++-----------
 .../shared/confirmacion/confirmacion.component.ts  | 13 +++++-------
 .../header-publicidad.component.ts                 | 13 +++++++++++-
 3 files changed, 29 insertions(+), 21 deletions(-)

diff --git a/src/app/shared/confirmacion/confirmacion.component.html b/src/app/shared/confirmacion/confirmacion.component.html
index aaaa832..a6032de 100644
--- a/src/app/shared/confirmacion/confirmacion.component.html
+++ b/src/app/shared/confirmacion/confirmacion.component.html
@@ -1,33 +1,33 @@
-<div class="modal-header bg-primary rounded-top pt-4 px-2" *ngIf="articulo">
+<div class="modal-header bg-primary rounded-top pt-4 px-2">
   <div class="row mx-0 w-100 justify-content-between">
     <div class="col-8">
-      <p class="h3 text-white">{{articulo.DetArt}}</p>
+      <p *ngIf="titleMessage" class="h3 text-white">{{titleMessage}}</p>
     </div>
   </div>
-  <div class="col-4 align-self-center">
+  <div *ngIf="imagenPath" class="col-4 align-self-center">
     <img
     draggable="false"
     ondragstart="return false;"
     (contextmenu)="false"
-    src="{{urlImagenes}}{{articulo.imagenes}}"
+    src="{{urlImagenes}}{{imagenPath}}"
     onerror="this.src='assets/img/image-not-found.jpg'"
     class="card-img-top img-fluid rounded-circle">
   </div>
 </div>
-<div class=" col-12 modal-body bg-primary rounded-bottom pb-3 px-2" *ngIf="articulo">
+<div class=" col-12 modal-body bg-primary rounded-bottom pb-3 px-2">
   <div class="row justify-content-between mx-0 w-100">
     <div class="col-8">
-      <p class="text-white"><small>¿DESEA AGREGAR ESTE ARTÍCULO</small></p>
-      <h1 class="text-white mb-4">a su carrito?</h1>
+      <p *ngIf="footerMessageFirst" class="text-white"><small>{{footerMessageFirst}}</small></p >
+      <h1 *ngIf="footerMessageSecond" class="text-white mb-4">{{footerMessageSecond}}</h1>
     </div>
     <div class="col-4">
       <div
         class="mx-0"
-        (click)="elegirArticulo(articulo)">
+        (click)="confirmarArticulo(true)">
         <div class="col-auto bg-white badge-pill">
           <div class="row justify-content-between">
-            <div class="col-auto px-0 align-self-center text-primary pl-3">
-              <p class="font-weight-bold">{{articulo.PreVen | currency}}</p> 
+            <div *ngIf="footerConfirmation" class="col-auto px-0 align-self-center text-primary pl-3">
+              <p class="font-weight-bold">{{footerConfirmation | currency}}</p> 
             </div>
             <div class="col-auto px-0">
               <img
@@ -40,12 +40,12 @@
           </div>
         </div>
       </div>
-      <div class="bg-white badge-pill mt-2">
+      <div *ngIf="footerClose" class="bg-white badge-pill mt-2">
         <div class="row justify-content-between">
           <div
             class="col-auto mx-0 "
             (click)="close()">
-            <p class="font-weight-bold text-center text-primary">volver</p>
+            <p class="font-weight-bold text-center text-primary">{{footerClose}}</p>
           </div>
           <i class="fas fa-undo-alt text-info mr-3 my-auto"></i>
         </div>
diff --git a/src/app/shared/confirmacion/confirmacion.component.ts b/src/app/shared/confirmacion/confirmacion.component.ts
index cb21e00..ef47b76 100644
--- a/src/app/shared/confirmacion/confirmacion.component.ts
+++ b/src/app/shared/confirmacion/confirmacion.component.ts
@@ -12,7 +12,9 @@ import { Subject } from 'rxjs';
 })
 export class ConfirmacionComponent implements OnInit {
   idArticulo: number;
-  articulo: IArticulo;
+  imagenArticulo: any;
+  detLarArticulo: string;
+  preVenArticulo: any;
   onClose: Subject<any>;
 
   constructor(
@@ -24,15 +26,10 @@ export class ConfirmacionComponent implements OnInit {
   }
 
   ngOnInit() {
-    this.articuloService.getById(this.idArticulo)
-    .subscribe((res: IArticulo) => {
-      this.articulo = res;
-    }, err => console.error(err));
   }
 
-  elegirArticulo(articulo: IArticulo) {
-    articulo.cantidad = 1;
-    this.articuloService.setArticulo(articulo);
+  confirmarArticulo(value) {
+    this.onClose.next();
     this.modalRef.hide();
   }
 
diff --git a/src/app/shared/header-publicidad/header-publicidad.component.ts b/src/app/shared/header-publicidad/header-publicidad.component.ts
index 995d7e3..47beac3 100644
--- a/src/app/shared/header-publicidad/header-publicidad.component.ts
+++ b/src/app/shared/header-publicidad/header-publicidad.component.ts
@@ -67,10 +67,21 @@ export class HeaderPublicidadComponent implements OnInit {
     this.modalRef = this.modalService.show(ConfirmacionComponent,
       {
         initialState: {
-          idArticulo: articulo.id
+          titleMessage: articulo.DET_LAR,
+          imagenPath: articulo.imagenes,
+          footerMessageFirst: `¿DESEA AGREGAR ESTE ARTÍCULO`,
+          footerMessageSecond: `a su carrito?`,
+          footerConfirmation: articulo.PreVen,
+          footerClose: `volver`
         },
         class: 'modal-promo modal-dialog-centered'
       });
+    this.modalRef.content.onClose.subscribe(() => {
+      articulo.cantidad = 1;
+      this.articuloService.setArticulo(articulo);
+    });
+
+
   }
 
 }
-- 
1.9.1