client/src/app/modal/custom-modal.component.html

   1 <ng-template #modal let-hide="close">
   2   <div class="modal-header">
   3     <h4 class="modal-title">{{title}}</h4>
   4     <my-global-icon *ngIf="close" iconName="cross" aria-label="Close" role="button" (click)="onCloseClick()"></my-global-icon>
   5   </div>
   6
   7   <div class="modal-body" [innerHTML]="content"></div>
   8
   9   <div *ngIf="hasCancel() || hasConfirm()" class="modal-footer inputs">
  10     <input
  11       *ngIf="hasCancel()" type="button" role="button" value="{{cancel.value}}" class="action-button action-button-cancel"
  12       (click)="onCancelClick()" (key.enter)="onCancelClick()"
  13     >
  14
  15     <input
  16       *ngIf="hasConfirm()" type="button" role="button" value="{{confirm.value}}" class="action-button action-button-confirm"
  17       (click)="onConfirmClick()" (key.enter)="onConfirmClick()"
  18     >
  19   </div>
  20 </ng-template>