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