sinonimo.component.html 1.5 KB
<div class="bg-primary rounded text-white">
  <div class="modal-header">
    <p class="h4 col-6 px-0 align-self-center">Eliga opciones {{sinonimos.length}}</p>
    <div class="col-6 text-right">
      <p *ngFor="let s of sinonimos; let i = index">
        <span
          class="pr-2 btn-effect"
          (click)="scrollTo(i)">
          Ir a opción {{i+1}}</span>
        <i class="far fa-hand-point-left"></i>
      </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>