Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 48 49 50 51 52 53 54 55 56 57 58 | 5x | <ng-template #notificationsTpl>
<div *ngIf="notifications.length > 0">
<button type="button" class="btn btn-default btn-sm btn-block" (click)="removeAll()">
<i class="fa fa-trash-o" aria-hidden="true"></i>
<ng-container i18n>Remove all</ng-container>
</button>
<hr>
<div *ngFor="let notification of notifications">
<table>
<tr>
<td rowspan="3" class="icon-col text-center">
<span [ngClass]="['fa-stack fa-2x', notification.textClass]">
<i class="fa fa-circle fa-stack-2x"></i>
<i [ngClass]="['fa fa-stack-1x fa-inverse', notification.iconClass]"></i>
</span>
</td>
<td>
<strong>{{ notification.title }}</strong>
</td>
</tr>
<tr>
<td [innerHtml]="notification.message">
</td>
</tr>
<tr>
<td [innerHtml]="notificationService.renderTimeAndApplicationHtml(notification)"></td>
</tr>
</table>
<hr>
</div>
</div>
</ng-template>
<ng-template #emptyTpl>
<div *ngIf="notifications.length === 0">
<div class="message">
There are no notifications.
</div>
</div>
</ng-template>
<ng-template #popTpl>
<ng-container *ngTemplateOutlet="notificationsTpl"></ng-container>
<ng-container *ngTemplateOutlet="emptyTpl"></ng-container>
</ng-template>
<a [popover]="popTpl"
placement="bottom"
container="body"
outsideClick="true"
i18n-title
title="Recent Notifications">
<i class="fa fa-fw fa-bell"></i>
<span i18n
class="visible-xs-inline-block">Recent Notifications</span>
</a>
|