<div class="ui-g ui-g-nopad ui-app-noti" *ngIf="notificationPage">
    <h4>Notifications</h4>
    <li role="menuitem" *ngFor="let noti of notificationPage.content | slice:0:5; let i = index">
        <a href="javascript:void(0)" class="topbar-message" (click)="onNotiClick(noti)" [ngStyle]="noti.confirmDate ? '' : {'background-color': 'lightblue'}">
            <div class="ui-app-noti-date">{{noti.createDate | date: 'short'}}</div>
            <div class="ui-app-noti-title">{{noti.title}}</div>
            <div class="ui-app-noti-content">{{noti.message}}</div>
        </a>
    </li>
    <li role="menuitem">
        <a href="javascript:void(0)" class="topbar-message" (click)="onViewAllClick()">
            <span>View All</span>
        </a>
    </li>
</div>