From 69dd093ceec3c7db347b081d606446b3bae9c895 Mon Sep 17 00:00:00 2001
From: Marcelo Puebla <mpuebla@focasoftware.com>
Date: Fri, 24 Jan 2020 12:44:45 -0300
Subject: [PATCH] Add Mensaje/Modal de ir a caja al seleccionar pago en
 efectivo

---
 .../info-formas-pago/info-formas-pago.component.html       | 14 ++++++++++++--
 .../modules/info-formas-pago/info-formas-pago.component.ts | 14 +++++++-------
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/app/modules/info-formas-pago/info-formas-pago.component.html b/src/app/modules/info-formas-pago/info-formas-pago.component.html
index 0717c44..c10aa6f 100644
--- a/src/app/modules/info-formas-pago/info-formas-pago.component.html
+++ b/src/app/modules/info-formas-pago/info-formas-pago.component.html
@@ -41,8 +41,10 @@
             src="assets/img/ir.svg">
         </div>
       </div>
-      <div class="col-11 col-sm-10 col-md-7 col-lg-4 p-5 m-5 h-auto align-self-center
-                  btn-effect border border-primary rounded reduce-card-2">
+      <div
+        class="col-11 col-sm-10 col-md-7 col-lg-4 p-5 m-5 h-auto align-self-center
+              btn-effect border border-primary rounded reduce-card-2"
+        (click)="openGoCaja(templateGoCaja)">
         <img
           draggable="false"
           ondragstart="return false;"
@@ -55,3 +57,11 @@
     </div>
   </div>
 </div>
+
+<ng-template #templateGoCaja>
+  <div class="bg-primary rounded shadow text-white">
+    <div class="modal-body text-center">
+      Por favor, hace tu pedido en la caja.
+    </div>
+  </div>
+</ng-template>
diff --git a/src/app/modules/info-formas-pago/info-formas-pago.component.ts b/src/app/modules/info-formas-pago/info-formas-pago.component.ts
index d193166..69dc5d4 100644
--- a/src/app/modules/info-formas-pago/info-formas-pago.component.ts
+++ b/src/app/modules/info-formas-pago/info-formas-pago.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, TemplateRef } from '@angular/core';
+import { BsModalService } from 'ngx-bootstrap/modal';
 
 @Component({
   selector: 'app-formas-pago',
@@ -8,15 +9,14 @@ import { Component, OnInit } from '@angular/core';
 export class InfoFormasPagoComponent implements OnInit {
   mediaPantalla = false;
 
-  constructor() { }
+  constructor(
+    private modalService: BsModalService,
+  ) { }
 
   ngOnInit() {
-    this.reducirPantalla();
   }
 
-  reducirPantalla() {
-    if ($('body').hasClass('media-pantalla')) {
-      $('.reduce-card-1,.reduce-card-2').addClass('media-pantalla');
-    }
+  openGoCaja(templateRef: TemplateRef<any>) {
+    this.modalService.show(templateRef, { class: 'modal-promo modal-sm modal-dialog-centered' });
   }
 }
-- 
1.9.1