From 9c87e85a0c7ee8fe79fda040fece7b2df9511d23 Mon Sep 17 00:00:00 2001
From: mpuebla <mpuebla@focasoftware.com>
Date: Mon, 12 Aug 2019 13:13:45 -0300
Subject: [PATCH] Agregado componente popover.

---
 src/app/components/inicio/inicio.component.html | 81 +++++++++++--------------
 src/app/components/inicio/inicio.component.ts   | 15 ++++-
 2 files changed, 48 insertions(+), 48 deletions(-)

diff --git a/src/app/components/inicio/inicio.component.html b/src/app/components/inicio/inicio.component.html
index ece77da..b171c9e 100644
--- a/src/app/components/inicio/inicio.component.html
+++ b/src/app/components/inicio/inicio.component.html
@@ -11,32 +11,6 @@
     <div class="row m-4 d-flex align-items-center disable-user-select">
       <div class="col-md-5 d-flex align-items-end flex-column">
 
-        <!-- TOOL TIp -->
-        <div class="popover left bs-example-popover p-4 border-0 shadow rounded mw-100 h-100 mb-auto"
-          *ngIf="tooltip === false">
-          <div class="arrow"></div>
-          <h4 class="popover-title mb-3 mt-1"> Este producto forma parte de Combos y Promociones</h4>
-          <div class="popover-content mw-100 h-100 mb-auto">
-            <div class="d-flex  flex-column h-75 text-center">
-              <div class="overflow-auto overflow-scroll mb-2">
-
-                <div class="card bg-white rounded-sm shadow border-0 black-text my-3">
-                  <div class="card-body row m-0 p-0 px-1 p-2 shadow rounded">
-                    <div class="col-6 p-0 text-left my-auto">
-                      <p class="h4 text-left m-0"><strong>Promo 2 x 1</strong></p>
-                      <p class="m-0 h5"><small>2 Coca-cola 1.5 lt</small></p>
-                    </div>
-                    <div class="col-6 p-1 text-center my-auto">
-                      <p class="m-0 h1 text-right">{{105 | currency}}</p>
-                    </div>
-                  </div>
-                </div>
-
-              </div>
-            </div>
-          </div>
-        </div>
-
         <!-- PROMOCIONES -->
         <div class="card bg-white border-0 shadow rounded w-100 mb-auto">
           <div class="card-body text-left p-4">
@@ -83,33 +57,50 @@
             </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-50 mx-auto mb-4 rounded" src="../../assets/img/descarga.jpg">
+          <img
+            class="card-img-bottom d-block w-100 mx-auto rounded"
+            src="{{apiUrl}}/imagenes/cafe.jpg">
         </div>
       </div>
 
       <div class="col-md-7 d-flex align-items-end flex-column">
 
         <!-- CARGAR PRODUCTOS -->
-        <div class="card card-effect bg-white border-0 shadow rounded w-100 mb-auto">
-          <div class="card-body text-left p-4">
-            <div class="row">
-              <div class="col-6">
-                <p class="h3 card-title">Cargar Productos</p>
-              </div>
-              <div class="col-6 p-0">
-                <img src="../../../assets//icons/escanear.png" alt="" class="icon-dim mb-2">
+        <ng-template #popTemplate>
+          <app-popover 
+            [popover]="popoverDirective"
+            [popoverContent]="'que onda'"
+            class="card bg-primary text-white rounded-sm border-0">
+          </app-popover>
+        </ng-template>
+        <div
+          placement="left"
+          triggers=""
+          [popover]="popTemplate"
+          class="w-100"
+          #pop="bs-popover"
+          (click)="open()">
+          <div class="card bg-white border-0 shadow rounded mb-auto">
+            <div class="card-body text-left p-4">
+              <div class="row">
+                <div class="col-6">
+                  <p class="h3 card-title">Cargar Productos</p>
+                </div>
+                <div class="col-6 p-0">
+                  <img src="../../../assets//icons/escanear.png" alt="" class="icon-dim mb-2">
+                </div>
               </div>
+              <p class="h5 card-text text-muted font-weight-light">
+                Coloque el código de<br>
+                barras o QR frente al scanner.
+              </p>
             </div>
-            <p class="h5 card-text text-muted font-weight-light">
-              Coloque el código de<br>
-              barras o QR frente al scanner.
-            </p>
-          </div>
-          <div class="card bg-white border-0 w-75 mx-auto mb-4">
-            <img class="card-img-top d-block w-50 mx-auto rounded" src="../../assets/img/descarga.jpg">
-            <div class="card-body text-left p-2">
-              <p class="m-0 card-text text-muted">Galletas Oreo x117 grs Chocolate.</p>
-              <p class="m-0 card-text text-muted">COD. 12121222</p>
+            <div class="card bg-white border-0 w-75 mx-auto mb-4">
+              <img class="card-img-top d-block w-50 mx-auto rounded" src="../../assets/img/descarga.jpg">
+              <div class="card-body text-left p-2">
+                <p class="m-0 card-text text-muted">Galletas Oreo x117 grs Chocolate.</p>
+                <p class="m-0 card-text text-muted">COD. 12121222</p>
+              </div>
             </div>
           </div>
         </div>
diff --git a/src/app/components/inicio/inicio.component.ts b/src/app/components/inicio/inicio.component.ts
index 9ca5203..068c5d9 100644
--- a/src/app/components/inicio/inicio.component.ts
+++ b/src/app/components/inicio/inicio.component.ts
@@ -1,5 +1,8 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, ViewChild } from '@angular/core';
 import { Router } from '@angular/router';
+import { PopoverDirective } from 'ngx-bootstrap';
+import { appSettings } from 'src/etc/AppSettings';
+
 
 @Component({
   selector: 'app-inicio',
@@ -8,13 +11,19 @@ import { Router } from '@angular/router';
 })
 export class InicioComponent implements OnInit {
 
-  constructor(private router: Router) { }
+  @ViewChild('pop', { static: false }) popoverDirective: PopoverDirective;
+  apiUrl : string = appSettings.apiUrl
 
-  tooltip:boolean = false;
+  constructor(private router: Router) { }
 
   ngOnInit() {
   }
 
+  open() {
+
+    this.popoverDirective.show();
+  }
+
   private goPage(pageUrl) {
     this.router.navigate([pageUrl]);
   }
-- 
1.9.1