From 7997e6b456d794b2ae5a5301747cc9bd7eb8940f Mon Sep 17 00:00:00 2001
From: Marcelo Puebla <mpuebla@focasoftware.com>
Date: Tue, 21 Jan 2020 16:50:56 -0300
Subject: [PATCH] Imagen por defecto cuando no exista la imagen de categorias

---
 .../seleccion-articulos.component.html                   | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.html b/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
index 78ab125..402cc98 100644
--- a/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
@@ -56,7 +56,8 @@
                     ondragstart="return false;"
                     (contextmenu)="false"
                     class="col-12 h-50 align-self-end d-none d-sm-block rounded-circle"
-                    src="{{urlImagenes}}{{categoria.path_imagen}}">
+                    src="{{urlImagenes}}{{categoria.path_imagen}}"
+                    onerror="this.src='assets/img/image-not-found.jpg'">
                   <small class="col-12 px-0 my-1 h-25 align-self-end text-center text-truncate">{{categoria.detalle}}</small>
                 </div>
               </div>
@@ -81,9 +82,6 @@
                 class="col px-2 my-1 my-md-3 h-auto"
                 *ngFor="let articulo of auxArticulos | slice:0:showQuantity;">
                 <div class="swing-in-top-fwd card h-auto">
-                  <div *ngIf="articulo.PRO">
-                    <i class="fas fa-piggy-bank"></i>
-                  </div>
                   <img
                     draggable="false"
                     ondragstart="return false;"
@@ -92,14 +90,18 @@
                     onerror="this.src='assets/img/image-not-found.jpg'"
                     class="card-img-top h-55 rounded-sm">
                   <div class="row mx-0 py-1 h-auto justify-content-center">
-                    <p class="col-12 px-1 h6 h-auto text-primary text-center min-h-60">{{articulo.DetArt}}</p>
+                    <p
+                    [ngClass]="{'text-primary': articulo.PRO, 'text-secondary': !articulo.PRO}"
+                      class="col-12 px-1 h6 h-auto text-center min-h-60">
+                      {{articulo.DetArt}}
+                    </p>
                     <p class="col-12 px-1 h-auto text-center line-height-sm min-h-50">
                       <small>{{articulo.DET_LAR}}</small>
                     </p>
                     <div class="col-12 px-1 align-self-end btn-effect h-auto">
                       <div
-                        [ngClass]="{'bg-secondary': articulo.PRO}"
-                        class="row mx-0 justify-content-between bg-primary badge-pill"
+                        [ngClass]="{'bg-primary': articulo.PRO, 'bg-secondary': !articulo.PRO}"
+                        class="row mx-0 justify-content-between badge-pill"
                         (click)="elegirArticulo(articulo)">
                         <div class="col px-0 align-self-center text-white text-right">
                           {{articulo.PreVen | currency}}
-- 
1.9.1