client/src/app/+admin/users/user-list/user-list.component.ts

   1 import { Component, OnInit } from '@angular/core'
   2
   3 import { NotificationsService } from 'angular2-notifications'
   4 import { SortMeta } from 'primeng/components/common/sortmeta'
   5
   6 import { ConfirmService } from '../../../core'
   7 import { RestPagination, RestTable, User } from '../../../shared'
   8 import { UserService } from '../shared'
   9
  10 @Component({
  11   selector: 'my-user-list',
  12   templateUrl: './user-list.component.html',
  13   styleUrls: [ './user-list.component.scss' ]
  14 })
  15 export class UserListComponent extends RestTable implements OnInit {
  16   users: User[] = []
  17   totalRecords = 0
  18   rowsPerPage = 10
  19   sort: SortMeta = { field: 'createdAt', order: 1 }
  20   pagination: RestPagination = { count: this.rowsPerPage, start: 0 }
  21
  22   constructor (
  23     private notificationsService: NotificationsService,
  24     private confirmService: ConfirmService,
  25     private userService: UserService
  26   ) {
  27     super()
  28   }
  29
  30   ngOnInit () {
  31     this.loadSort()
  32   }
  33
  34   async removeUser (user: User) {
  35     if (user.username === 'root') {
  36       this.notificationsService.error('Error', 'You cannot delete root.')
  37       return
  38     }
  39
  40     const res = await this.confirmService.confirm('Do you really want to delete this user?', 'Delete')
  41     if (res === false) return
  42
  43     this.userService.removeUser(user).subscribe(
  44       () => {
  45         this.notificationsService.success('Success', `User ${user.username} deleted.`)
  46         this.loadData()
  47       },
  48
  49       err => this.notificationsService.error('Error', err.message)
  50     )
  51   }
  52
  53   getRouterUserEditLink (user: User) {
  54     return [ '/admin', 'users', 'update', user.id ]
  55   }
  56
  57   protected loadData () {
  58     this.userService.getUsers(this.pagination, this.sort)
  59                     .subscribe(
  60                       resultList => {
  61                         this.users = resultList.data
  62                         this.totalRecords = resultList.total
  63                       },
  64
  65                       err => this.notificationsService.error('Error', err.message)
  66                     )
  67   }
  68 }