client/src/app/shared/users/user-notifications.component.ts

   1 import { Component, Input, OnInit } from '@angular/core'
   2 import { UserNotificationService } from '@app/shared/users/user-notification.service'
   3 import { UserNotificationType } from '../../../../../shared'
   4 import { ComponentPagination, hasMoreItems } from '@app/shared/rest/component-pagination.model'
   5 import { Notifier } from '@app/core'
   6 import { UserNotification } from '@app/shared/users/user-notification.model'
   7
   8 @Component({
   9   selector: 'my-user-notifications',
  10   templateUrl: 'user-notifications.component.html',
  11   styleUrls: [ 'user-notifications.component.scss' ]
  12 })
  13 export class UserNotificationsComponent implements OnInit {
  14   @Input() ignoreLoadingBar = false
  15   @Input() infiniteScroll = true
  16
  17   notifications: UserNotification[] = []
  18
  19   // So we can access it in the template
  20   UserNotificationType = UserNotificationType
  21
  22   componentPagination: ComponentPagination = {
  23     currentPage: 1,
  24     itemsPerPage: 20,
  25     totalItems: null
  26   }
  27
  28   constructor (
  29     private userNotificationService: UserNotificationService,
  30     private notifier: Notifier
  31   ) { }
  32
  33   ngOnInit () {
  34     this.loadMoreNotifications()
  35   }
  36
  37   loadMoreNotifications () {
  38     this.userNotificationService.listMyNotifications(this.componentPagination, undefined, this.ignoreLoadingBar)
  39         .subscribe(
  40           result => {
  41             this.notifications = this.notifications.concat(result.data)
  42             this.componentPagination.totalItems = result.total
  43           },
  44
  45           err => this.notifier.error(err.message)
  46         )
  47   }
  48
  49   onNearOfBottom () {
  50     if (this.infiniteScroll === false) return
  51
  52     this.componentPagination.currentPage++
  53
  54     if (hasMoreItems(this.componentPagination)) {
  55       this.loadMoreNotifications()
  56     }
  57   }
  58
  59   markAsRead (notification: UserNotification) {
  60     this.userNotificationService.markAsRead(notification)
  61         .subscribe(
  62           () => {
  63             notification.read = true
  64           },
  65
  66           err => this.notifier.error(err.message)
  67         )
  68   }
  69
  70   markAllAsRead () {
  71     this.userNotificationService.markAllAsRead()
  72         .subscribe(
  73           () => {
  74             for (const notification of this.notifications) {
  75               notification.read = true
  76             }
  77           },
  78
  79           err => this.notifier.error(err.message)
  80         )
  81   }
  82 }