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

   1 import { Component } 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 {
  16   users: User[] = []
  17   totalRecords = 0
  18   rowsPerPage = 10
  19   sort: SortMeta = { field: 'id', 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   async removeUser (user: User) {
  31     if (user.username === 'root') {
  32       this.notificationsService.error('Error', 'You cannot delete root.')
  33       return
  34     }
  35
  36     const res = await this.confirmService.confirm('Do you really want to delete this user?', 'Delete')
  37     if (res === false) return
  38
  39     this.userService.removeUser(user).subscribe(
  40       () => {
  41         this.notificationsService.success('Success', `User ${user.username} deleted.`)
  42         this.loadData()
  43       },
  44
  45       err => this.notificationsService.error('Error', err.message)
  46     )
  47   }
  48
  49   getRouterUserEditLink (user: User) {
  50     return [ '/admin', 'users', user.id, 'update' ]
  51   }
  52
  53   protected loadData () {
  54     this.userService.getUsers(this.pagination, this.sort)
  55                     .subscribe(
  56                       resultList => {
  57                         this.users = resultList.data
  58                         this.totalRecords = resultList.total
  59                       },
  60
  61                       err => this.notificationsService.error('Error', err.message)
  62                     )
  63   }
  64 }