notification
This commit is contained in:
		
							parent
							
								
									7c386dc588
								
							
						
					
					
						commit
						42a78a213b
					
				@ -17,7 +17,7 @@
 | 
			
		||||
        </div>
 | 
			
		||||
        <div style="float: right; margin: 30px 15px 0 0;">
 | 
			
		||||
          <i class="fa ui-icon-stop ui-status-icon ui-status-success"></i>Up
 | 
			
		||||
          <i class="fa ui-icon-stop ui-status-icon ui-status-fatal"></i>Dwon
 | 
			
		||||
          <i class="fa ui-icon-stop ui-status-icon ui-status-fatal"></i>Down
 | 
			
		||||
          <i class="fa ui-icon-stop ui-status-icon ui-status-warn"></i>Warn
 | 
			
		||||
          <i class="fa ui-icon-stop ui-status-icon ui-status-error"></i>Error
 | 
			
		||||
        </div>
 | 
			
		||||
 | 
			
		||||
@ -1,4 +1,8 @@
 | 
			
		||||
<h1>Notifications</h1>
 | 
			
		||||
<div>
 | 
			
		||||
    <a href="javascript:void(0)" (click)="onMarkAllAsRead()">Mark all as read</a>
 | 
			
		||||
</div>
 | 
			
		||||
 | 
			
		||||
<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'}">
 | 
			
		||||
 | 
			
		||||
@ -22,6 +22,7 @@ export class NotificationComponent implements OnInit, AfterContentInit {
 | 
			
		||||
 | 
			
		||||
    pageSize = '12';
 | 
			
		||||
    totalLength = 0;
 | 
			
		||||
    currPage = 0;
 | 
			
		||||
 | 
			
		||||
    constructor(
 | 
			
		||||
        private router: Router,
 | 
			
		||||
@ -55,7 +56,7 @@ export class NotificationComponent implements OnInit, AfterContentInit {
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    ngAfterContentInit() {
 | 
			
		||||
        this.getNotifications(0);
 | 
			
		||||
        this.getNotifications(this.currPage);
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    updateData(noti: Notification) {
 | 
			
		||||
@ -79,6 +80,7 @@ export class NotificationComponent implements OnInit, AfterContentInit {
 | 
			
		||||
                    sortDirection: 'descending'
 | 
			
		||||
                };
 | 
			
		||||
                this.listStore.dispatch(new ListStore.ReadAllByMember({ member, pageParams }));
 | 
			
		||||
                this.currPage = pageIndex;
 | 
			
		||||
            },
 | 
			
		||||
            (error) => {
 | 
			
		||||
                console.log(error);
 | 
			
		||||
@ -95,4 +97,21 @@ export class NotificationComponent implements OnInit, AfterContentInit {
 | 
			
		||||
    onPaging(e) {
 | 
			
		||||
        this.getNotifications(e.page);
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    onMarkAllAsRead() {
 | 
			
		||||
        this.listStore.select(AuthSelector.select('member')).subscribe(
 | 
			
		||||
            (member: Member) => {
 | 
			
		||||
                const pageParams: PageParams = {
 | 
			
		||||
                    pageNo: this.currPage + '',
 | 
			
		||||
                    countPerPage: this.pageSize,
 | 
			
		||||
                    sortCol: 'id',
 | 
			
		||||
                    sortDirection: 'descending'
 | 
			
		||||
                };
 | 
			
		||||
                this.listStore.dispatch(new ListStore.MarkAllAsRead({ member, pageParams }));
 | 
			
		||||
            },
 | 
			
		||||
            (error) => {
 | 
			
		||||
                console.log(error);
 | 
			
		||||
            }
 | 
			
		||||
        );
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -24,7 +24,7 @@
 | 
			
		||||
            <div class="ui-g-12 ui-md-7 ui-g-nopad">
 | 
			
		||||
                <div style="float: right; margin-top: 30px;">
 | 
			
		||||
                    <i class="fa ui-icon-stop ui-status-icon ui-status-success"></i>Up
 | 
			
		||||
                    <i class="fa ui-icon-stop ui-status-icon ui-status-fatal"></i>Dwon
 | 
			
		||||
                    <i class="fa ui-icon-stop ui-status-icon ui-status-fatal"></i>Down
 | 
			
		||||
                    <i class="fa ui-icon-stop ui-status-icon ui-status-warn"></i>Warn
 | 
			
		||||
                    <i class="fa ui-icon-stop ui-status-icon ui-status-error"></i>Error
 | 
			
		||||
                </div>
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user