]>
Commit | Line | Data |
---|---|---|
ec96510d FG |
1 | <alert type="{{ bootstrapClass }}" |
2 | [dismissible]="dismissible" | |
3 | (onClose)="onClose()"> | |
9f95a23c TL |
4 | <table> |
5 | <ng-container *ngIf="size === 'normal'; else slim"> | |
6 | <tr> | |
7 | <td *ngIf="showIcon" | |
8 | rowspan="2" | |
9 | class="alert-panel-icon"> | |
10 | <i [ngClass]="[icons.large3x]" | |
11 | class="alert-{{ bootstrapClass }} {{ typeIcon }}" | |
12 | aria-hidden="true"></i> | |
13 | </td> | |
14 | <td *ngIf="showTitle" | |
15 | class="alert-panel-title">{{ title }}</td> | |
16 | </tr> | |
17 | <tr> | |
18 | <td class="alert-panel-text"> | |
19 | <ng-container *ngTemplateOutlet="content"></ng-container> | |
20 | </td> | |
21 | </tr> | |
22 | </ng-container> | |
23 | <ng-template #slim> | |
24 | <tr> | |
25 | <td *ngIf="showIcon" | |
26 | class="alert-panel-icon"> | |
27 | <i class="alert-{{ bootstrapClass }} {{ typeIcon }}" | |
28 | aria-hidden="true"></i> | |
29 | </td> | |
30 | <td *ngIf="showTitle" | |
31 | class="alert-panel-title">{{ title }}</td> | |
32 | <td class="alert-panel-text"> | |
33 | <ng-container *ngTemplateOutlet="content"></ng-container> | |
34 | </td> | |
35 | </tr> | |
36 | </ng-template> | |
37 | </table> | |
38 | </alert> | |
39 | ||
40 | <ng-template #content> | |
41 | <ng-content></ng-content> | |
42 | </ng-template> | |
43 | ||
44 | <div class="button-group text-right" | |
45 | *ngIf="backAction.observers.length > 0"> | |
46 | <button class="btn btn-light tc_backButton" | |
47 | type="button" | |
48 | (click)="backAction.emit()" | |
49 | autofocus | |
50 | i18n>Back</button> | |
51 | </div> |