blob: 11455bc32e1cf1e0c101702163d68ac02bb57e94 (
plain)
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
|
<div>
<div class="modal-background" [@toggleBackground]="modalVisible" ></div>
<div class="sdc-modal {{size}}">
<div class="sdc-modal__wrapper sdc-modal-type-{{type}}" [@toggleModal]="modalVisible" (@toggleModal.done)="modalToggled($event)">
<div class="sdc-modal__header sdc-{{type}}__header">
<div class="sdc-modal__icon" *ngIf="type!='custom'" [innerHtml]="svgIconContentSafeHtml"></div>
<div *ngIf="title" class="title" >
{{ title }}
<svg-icon
*ngIf="titleIcon"
[name]="titleIcon.iconName"
[mode]="titleIcon.iconMode"
[size]="titleIcon.iconSize">
</svg-icon>
</div>
<sdc-modal-close-button #modalCloseButton [testId]="'close' | calculateTestId : testId" [modalInstanceRef]="instanceRef"></sdc-modal-close-button>
</div>
<div class="sdc-modal__content">
<div *ngIf="message" [innerHtml]="message"></div>
<div #dynamicContentContainer></div>
<div class="disabled-modal" *ngIf="isDisabled"></div>
</div>
<div class="sdc-modal__footer">
<custom-modal-button *ngFor="let button of buttons"
[text]="button.text"
[type]="button.type || 'primary'"
[disabled]="button.disabled"
[size] = "button.size ? button.size : 'default'"
[closeModal]="button.closeModal"
[spinner_position]="button.spinner_position"
[show_spinner]="button.show_spinner"
[callback]="button.callback"
[testId]="'button-' + button.text | calculateTestId : testId"
(closeModalEvent)="closeModal(button.text)"
>
</custom-modal-button>
</div>
</div>
</div>
</div>
|
