confirmacion.component.html 2.01 KB
<div class="modal-header bg-primary rounded-top pt-4 px-2">
  <div class="row mx-0 w-100 justify-content-between">
    <div class="col-8">
      <p *ngIf="titleMessage" class="h3 text-white">{{titleMessage}}</p>
    </div>
  </div>
  <div *ngIf="imagenPath" class="col-4 align-self-center">
    <img
    draggable="false"
    ondragstart="return false;"
    (contextmenu)="false"
    src="{{urlImagenes}}{{imagenPath}}"
    onerror="this.src='assets/img/imagen-no-encontrada.jpg'"
    class="card-img-top img-fluid rounded-circle">
  </div>
</div>
<div class=" col-12 modal-body bg-primary rounded-bottom pb-3 px-2">
  <div class="row justify-content-between mx-0 w-100">
    <div class="col-8">
      <p *ngIf="footerMessageFirst" class="text-white"><small>{{footerMessageFirst}}</small></p >
      <h1 *ngIf="footerMessageSecond" class="text-white mb-4">{{footerMessageSecond}}</h1>
    </div>
    <div class="col-4">
      <div
        class="mx-0"
        (click)="confirmarArticulo()">
        <div class="col-auto bg-white badge-pill">
          <div class="row justify-content-between">
            <div *ngIf="footerConfirmation" class="col-auto px-0 align-self-center text-primary pl-3">
              <p class="font-weight-bold">{{footerConfirmation | currency}}</p> 
            </div>
            <div class="col-auto px-0">
              <img
                draggable="false"
                ondragstart="return false;"
                (contextmenu)="false"
                class="d-block ml-auto my-1 icon-30 pr-2"
                src="assets/img/ir-color.svg">
            </div>
          </div>
        </div>
      </div>
      <div *ngIf="footerClose" class="bg-white badge-pill mt-2">
        <div class="row justify-content-between">
          <div
            class="col-auto mx-0 "
            (click)="close()">
            <p class="font-weight-bold text-center text-primary">{{footerClose}}</p>
          </div>
          <i class="fas fa-undo-alt text-info mr-3 my-auto"></i>
        </div>
      </div>
    </div>
  </div>
</div>