]>
Commit | Line | Data |
---|---|---|
f67539c2 | 1 | <ngb-alert type="{{ bootstrapClass }}" |
522d829b | 2 | [dismissible]="dismissible" |
20effc67 | 3 | (closed)="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> | |
f67539c2 | 38 | </ngb-alert> |
9f95a23c TL |
39 | |
40 | <ng-template #content> | |
41 | <ng-content></ng-content> | |
42 | </ng-template> |