Commit f2d7b8237dfed3eee7d4b82014930f0e95f9ae4b

Authored by Marcelo Puebla
1 parent d2b5114a5e
Exists in develop

Fix

Tabulacion
src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.html
1 <!-- FILTRO CATEGORIAS --> 1 <!-- FILTRO CATEGORIAS -->
2 <p class="h6 h-6 m-0 text-center"><small>CATEGORÍAS</small></p> 2 <p class="h6 h-6 m-0 text-center"><small>CATEGORÍAS</small></p>
3 <div class="row mx-0 h-94 justify-content-center align-items-center"> 3 <div class="row mx-0 h-94 justify-content-center align-items-center">
4 <div class="col-auto btn-effect h-5 cat-btn"> 4 <div class="col-auto btn-effect h-5 cat-btn">
5 <img
6 draggable="false"
7 ondragstart="return false;"
8 (contextmenu)="false"
9 class="h-100 d-block mx-auto rotate-90-neg"
10 src="assets/img/ir-color.svg"
11 (mousedown)="scrollY(templateCategorias, -100)"
12 (mouseup)="mouseup()"
13 (mouseleave)="mouseup()">
14 </div>
15 <!-- CATEGORIAS -->
16 <div
17 #templateCategorias
18 class="col-12 px-0 mx-0 box-categorias border border-primary py-1
19 border-left-0 rounded-right scroll-y cat-box"
20 (scroll)="scrollEvent($event)">
21 <div
22 class="row mx-2 mb-2 h-25 h-lg-30 justify-content-center tab cat-content"
23 [ngClass]="{ 'active rounded shadow px-2': allActive, 'border-bottom-effect': !allActive }"
24 (click)="selectCategoria(-1, 0)">
5 <img 25 <img
6 draggable="false" 26 draggable="false"
7 ondragstart="return false;" 27 ondragstart="return false;"
8 (contextmenu)="false" 28 (contextmenu)="false"
9 class="h-100 d-block mx-auto rotate-90-neg" 29 class="img-fluid align-self-end d-none d-sm-block rounded-circle h-100 h-md-70"
10 src="assets/img/ir-color.svg" 30 src="assets/img/logo-spot.svg">
11 (mousedown)="scrollY(templateCategorias, -100)" 31 <small class="col-12 px-0 my-1 h-100 h-md-20 align-self-end text-center text-truncate">Todos</small>
12 (mouseup)="mouseup()"
13 (mouseleave)="mouseup()">
14 </div> 32 </div>
15 <!-- CATEGORIAS -->
16 <div 33 <div
17 #templateCategorias 34 class="row mx-2 mb-2 h-25 h-lg-30 justify-content-center tab cat-content"
18 class="col-12 px-0 mx-0 box-categorias border border-primary py-1 35 [ngClass]="{
19 border-left-0 rounded-right scroll-y cat-box" 36 'active rounded shadow px-2': categoria.selected,
20 (scroll)="scrollEvent($event)"> 37 'border-bottom-effect': !categoria.selected,
21 <div 38 'media-pantalla': templateCategorias.classList.contains('media-pantalla')
22 class="row mx-2 mb-2 h-25 h-lg-30 justify-content-center tab cat-content" 39 }"
23 [ngClass]="{ 'active rounded shadow px-2': allActive, 'border-bottom-effect': !allActive }" 40 (click)="selectCategoria(i, categoria.id)"
24 (click)="selectCategoria(-1, 0)"> 41 id="cat-content"
25 <img 42 *ngFor="let categoria of categorias; let i = index;"
26 draggable="false" 43 [hidden]="categoria.articulos <= 0
27 ondragstart="return false;" 44 || validarFecha(categoria.vigencia_desde, categoria.vigencia_hasta)">
28 (contextmenu)="false"
29 class="img-fluid align-self-end d-none d-sm-block rounded-circle h-100 h-md-70"
30 src="assets/img/logo-spot.svg">
31 <small class="col-12 px-0 my-1 h-100 h-md-20 align-self-end text-center text-truncate">Todos</small>
32 </div>
33 <div
34 class="row mx-2 mb-2 h-25 h-lg-30 justify-content-center tab cat-content"
35 [ngClass]="{
36 'active rounded shadow px-2': categoria.selected,
37 'border-bottom-effect': !categoria.selected,
38 'media-pantalla': templateCategorias.classList.contains('media-pantalla')
39 }"
40 (click)="selectCategoria(i, categoria.id)"
41 id="cat-content"
42 *ngFor="let categoria of categorias; let i = index;"
43 [hidden]="categoria.articulos <= 0
44 || validarFecha(categoria.vigencia_desde, categoria.vigencia_hasta)">
45 <img
46 draggable="false"
47 ondragstart="return false;"