2018-04-19 12:24:45 +00:00
|
|
|
<h1>Notifications</h1>
|
2018-04-20 07:24:19 +00:00
|
|
|
<div>
|
|
|
|
<a href="javascript:void(0)" (click)="onMarkAllAsRead()">Mark all as read</a>
|
|
|
|
</div>
|
|
|
|
|
2018-04-19 12:24:45 +00:00
|
|
|
<p-table [value]="notifications" selectionMode="single" (onRowSelect)="onRowSelect($event)" [resizableColumns]="true">
|
|
|
|
<ng-template pTemplate="body" let-notification let-rowIndex="rowIndex" >
|
|
|
|
<tr [pSelectableRow]="notification" [ngStyle]="notification.confirmDate ? '' : {'background-color': 'lightblue'}">
|
|
|
|
<td>{{notification.createDate | date: 'dd/MM/yyyy'}}</td>
|
|
|
|
<td>{{notification.title}}</td>
|
|
|
|
<td>{{notification.message}}</td>
|
|
|
|
<td>{{notification.member.name}}</td>
|
|
|
|
</tr>
|
|
|
|
</ng-template>
|
|
|
|
</p-table>
|
|
|
|
<p-paginator [rows]="pageSize" [totalRecords]="totalLength" (onPageChange)="onPaging($event)"></p-paginator>
|