2018-05-25 03:31:08 +00:00
|
|
|
import { Component, Input } from '@angular/core';
|
|
|
|
|
import { Notification } from '@overflow/commons-typescript/model/notification';
|
2018-05-25 03:51:42 +00:00
|
|
|
import { Page } from '@overflow/commons-typescript/model/commons/Page';
|
2018-05-25 03:31:08 +00:00
|
|
|
|
|
|
|
|
@Component({
|
|
|
|
|
selector: 'of-notification-list',
|
|
|
|
|
templateUrl: './list.component.html',
|
|
|
|
|
})
|
|
|
|
|
export class NotificationListComponent {
|
|
|
|
|
|
2018-05-25 03:51:42 +00:00
|
|
|
@Input() notificationPage: Page<Notification>;
|
2018-05-25 03:31:08 +00:00
|
|
|
|
|
|
|
|
constructor(
|
|
|
|
|
) { }
|
|
|
|
|
|
|
|
|
|
// ngOnInit() {
|
|
|
|
|
// // this.notificationSubscription$ = this.notification$.subscribe(
|
|
|
|
|
// // (page: Page) => {
|
|
|
|
|
// // if (page !== null) {
|
|
|
|
|
// // this.notifications = page.content;
|
|
|
|
|
// // this.totalLength = page.totalElements;
|
|
|
|
|
// // }
|
|
|
|
|
// // },
|
|
|
|
|
// // (error: RPCClientError) => {
|
|
|
|
|
// // console.log(error.response.message);
|
|
|
|
|
// // }
|
|
|
|
|
// // );
|
|
|
|
|
|
|
|
|
|
// this.readSuccess$.subscribe(
|
|
|
|
|
// (noti: Notification) => {
|
|
|
|
|
// if (noti) {
|
|
|
|
|
// this.getNotifications(this.currPage);
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
// (error: RPCClientError) => {
|
|
|
|
|
// console.log(error.response.message);
|
|
|
|
|
// }
|
|
|
|
|
// );
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// ngAfterContentInit() {
|
|
|
|
|
// this.getNotifications(this.currPage);
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// ngOnDestroy() {
|
|
|
|
|
// if (this.notificationSubscription$) {
|
|
|
|
|
// this.notificationSubscription$.unsubscribe();
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// // updateData(noti: Notification) {
|
|
|
|
|
// // for (let i = 0; i < this.notifications.length; i++) {
|
|
|
|
|
// // const exist = this.notifications[i];
|
|
|
|
|
// // if (exist.id === noti.id) {
|
|
|
|
|
// // this.notifications[i] = noti;
|
|
|
|
|
// // return;
|
|
|
|
|
// // }
|
|
|
|
|
// // }
|
|
|
|
|
// // }
|
|
|
|
|
|
|
|
|
|
// getNotifications(pageIndex: number) {
|
|
|
|
|
// // this.listStore.select(AuthSelector.select('member')).subscribe(
|
|
|
|
|
// // (member: Member) => {
|
|
|
|
|
// // const pageParams: PageParams = {
|
|
|
|
|
// // pageNo: pageIndex + '',
|
|
|
|
|
// // countPerPage: this.pageSize,
|
|
|
|
|
// // sortCol: 'id',
|
|
|
|
|
// // sortDirection: 'descending'
|
|
|
|
|
// // };
|
|
|
|
|
// // this.listStore.dispatch(new ListStore.ReadAllByMember({ member, pageParams }));
|
|
|
|
|
// // this.currPage = pageIndex;
|
|
|
|
|
// // },
|
|
|
|
|
// // (error) => {
|
|
|
|
|
// // console.log(error);
|
|
|
|
|
// // }
|
|
|
|
|
// // );
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// onRowSelect(event) {
|
|
|
|
|
// this.detailStore.dispatch(new DetailStore.MarkAsRead(event.data));
|
|
|
|
|
// alert('Will redirect to ' + event.data.url);
|
|
|
|
|
// // this.router.navigate([n.url]);
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// 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);
|
|
|
|
|
// // }
|
|
|
|
|
// // );
|
|
|
|
|
// }
|
|
|
|
|
}
|
