All files / src/app/shared/components/common/modal-dialog modal-dialog.component.html

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
28x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<ng-template #template>
  <div class="modal-header">
    @if (options.titleText) {
    <h2 [id]="'modal-title-' + uuid" class="modal-title">
      @if (options.icon) {
      <i class="bi bi-{{ options.icon }} {{ options.iconClass }} "></i>
      }{{ options.titleText }}
    </h2>
    }
    <button type="button" class="btn-close" [title]="'dialog.close.text' | translate" (click)="hide()"></button>
  </div>
 
  <div class="modal-body"><ng-content /></div>
 
  @if (options.confirmText || options.rejectText) {
  <div class="modal-footer">
    @if (options.confirmText) {
    <button
      type="button"
      class="btn btn-primary"
      [disabled]="options.confirmDisabled"
      (click)="confirm()"
      data-testing-id="confirm"
    >
      {{ options.confirmText }}
    </button>
    } @if (options.rejectText) {
    <button type="button" class="btn btn-secondary" (click)="hide()" data-testing-id="reject">
      {{ options.rejectText }}
    </button>
    }
  </div>
  }
</ng-template>