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
38
39
40
41
42
43
44
45
46
47
24x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<ng-template #template>
  <ng-content select="[header]">
    <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"
        [attr.aria-label]="'dialog.close.text' | translate"
        [title]="'dialog.close.text' | translate"
        (click)="hide()"
      ></button>
    </div>
  </ng-content>
 
  <ng-content select="[body]">
    <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-content>
</ng-template>