popover-sinonimos.component.html 1.32 KB
<div class="card-body fade-left">

  <div class="row m-0">
    <div class="col text-left">
      <p class="h4 card-title">
        Personalice su pedido
      </p>
    </div>
  </div>

  <div class="row m-0">
    <div class="col text-left">
      <p class="h5 card-title">
        Elija una opción
      </p>
    </div>
  </div>

  <div class="row m-0 overflow-scroll popover-size pr-2 my-2">
    <div class="col">
      <div class="row" *ngFor="let sinonimo of popoverContent">
        <div class="col pl-4 h6">
          <div class="custom-control custom-radio">
            <input
              type="radio"
              id="{{sinonimo.CodArt}}"
              name="sinonimoOpciones"
              class="custom-control-input"
              (click)="setSinonimo(sinonimo)">
            <label
              class="font-weight-normal custom-control-label"
              for="{{sinonimo.CodArt}}">
              {{sinonimo.DetArt}}
            </label>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="row mt-3 justify-content-end">
    <div class="col-auto">
      <button type="button" class="btn btn-sm btn-light shadow" (click)="hidePopover()">
        <span class="font-weight-bold pr-2">Continuar</span>
        <i class="fa fa-check text-success" aria-hidden="true"></i>
      </button>
    </div>
  </div>

</div>