sinonimo.component.html
1.75 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<div class="bg-primary rounded text-white">
<div class="modal-header">
<img
draggable="false"
ondragstart="return false;"
(contextmenu)="false"
(click)="close()"
class="btn-effect icon-30 mt-2 mr-2 position-absolute right-0 top-0 z-index"
src="assets/img/icono-cancelar-blanco.svg">
<p class="col-7 h4 px-0 align-self-center">{{articulo.DetArt}}</p>
<div class="col-5 pt-4 pr-0 text-right">
<p *ngFor="let s of sinonimos; let i = index">
<span
class="btn-effect"
(click)="scrollTo(i)">
Ir a opción {{i+1}}
<i class="far fa-hand-point-left"></i>
</span>
</p>
</div>
</div>
<div class="modal-body lista-sinonimos scroll-y-visible my-2 mr-2">
<div *ngFor="let s of sinonimos; let i = index">
<div [id]="i"></div>
<hr [hidden]="i === 0" class="bg-white">
<div *ngFor="let articulo of s.productos">
<div class="custom-control custom-checkbox">
<input
type="checkbox"
class="custom-control-input"
[(ngModel)]="articulo.seleccionado"
(click)="selectSinonimo(i, articulo)"
[id]="articulo.id">
<label
class="custom-control-label"
[for]="articulo.id">
{{articulo.DET_LAR.toUpperCase()}}
</label>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<div
[ngClass]="validate()"
class="d-inline-block py-1 bg-white badge-pill text-primary"
(click)="continue()">
CONTINUAR
<img
draggable="false"
ondragstart="return false;"
(contextmenu)="false"
class="icon-30"
src="assets/img/ir-color.svg">
</div>
</div>
</div>