caegorias con 0 articulos no se muestran

Luis Suarez
1 parent 048062d507
Showing 1 changed file with 5 additions and 3 deletions Show diff stats
src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.html
@@ -31,23 +31,25 @@
           src="assets/img/logo-spot.svg">
         <small class="col-12 px-0 my-1 h-100 h-md-25 align-self-end text-center text-truncate">Todos</small>
       </div>
-      <div
+      <div *ngFor="let categoria of categorias; let i = index;">
+        <div
         class="row mx-2 mb-2 h-25 h-lg-30 justify-content-center tab cat-content"
         [ngClass]="{ 'active rounded shadow px-2': categoria.selected,
                   'border-bottom-effect': !categoria.selected,
                   'media-pantalla': templateCategorias.classList.contains('media-pantalla')}"
         (click)="selectCategoria(i, categoria.id)"
         id="cat-content"
-        *ngFor="let categoria of categorias; let i = index;">
+        *ngIf="categoria.articulos > 0">
         <img
           draggable="false"
           ondragstart="return false;"
           (contextmenu)="false"
-          class="d-none d-sm-block rounded-circle w-auto h-75"
+          class="d-none d-sm-block rounded-circle w-auto h-auto col-12"
           src="{{urlImagenes}}{{categoria.path_imagen}}"
           onerror="this.src='assets/img/imagen-no-encontrada.jpg'">
         <small class="col-12 px-1 my-1 h-100 h-md-25 align-self-end text-center text-truncate">{{categoria.detalle}}</small>
       </div>
+      </div>
     </div>
     <div class="col-auto btn-effect h-5 cat-btn">
       <img
...	...	@@ -31,23 +31,25 @@
31	31	src="assets/img/logo-spot.svg">
32	32	<small class="col-12 px-0 my-1 h-100 h-md-25 align-self-end text-center text-truncate">Todos</small>
33	33	</div>
34		- <div
	34	+ <div *ngFor="let categoria of categorias; let i = index;">
	35	+ <div
35	36	class="row mx-2 mb-2 h-25 h-lg-30 justify-content-center tab cat-content"
36	37	[ngClass]="{ 'active rounded shadow px-2': categoria.selected,
37	38	'border-bottom-effect': !categoria.selected,
38	39	'media-pantalla': templateCategorias.classList.contains('media-pantalla')}"
39	40	(click)="selectCategoria(i, categoria.id)"
40	41	id="cat-content"
41		- *ngFor="let categoria of categorias; let i = index;">
	42	+ *ngIf="categoria.articulos > 0">
42	43	<img
43	44	draggable="false"
44	45	ondragstart="return false;"
45	46	(contextmenu)="false"
46		- class="d-none d-sm-block rounded-circle w-auto h-75"
	47	+ class="d-none d-sm-block rounded-circle w-auto h-auto col-12"
47	48	src="{{urlImagenes}}{{categoria.path_imagen}}"
48	49	onerror="this.src='assets/img/imagen-no-encontrada.jpg'">
49	50	<small class="col-12 px-1 my-1 h-100 h-md-25 align-self-end text-center text-truncate">{{categoria.detalle}}</small>
50	51	</div>
	52	+ </div>
51	53	</div>
52	54	<div class="col-auto btn-effect h-5 cat-btn">
53	55	<img