import { Component, Input } from '@angular/core';
import { Notification } from '@overflow/commons-typescript/model/notification';
import { Page } from '@overflow/commons-typescript/model/commons/Page';

@Component({
    selector: 'of-notification-list',
    templateUrl: './list.component.html',
})
export class NotificationListComponent {

    @Input() notificationPage: Page<Notification>;

    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);
    //     //     }
    //     // );
    // }
}