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

   1 import { Component, OnInit } from '@angular/core';
   2 import { ROUTER_DIRECTIVES } from '@angular/router';
   3
   4 import { User } from '../../../shared';
   5 import { UserService } from '../shared';
   6
   7 @Component({
   8   selector: 'my-user-list',
   9   template: require('./user-list.component.html'),
  10   styles: [ require('./user-list.component.scss') ],
  11   directives: [ ROUTER_DIRECTIVES ]
  12 })
  13 export class UserListComponent implements OnInit {
  14   totalUsers: number;
  15   users: User[];
  16
  17   constructor(private userService: UserService) {}
  18
  19   ngOnInit() {
  20     this.getUsers();
  21   }
  22
  23   getUsers() {
  24     this.userService.getUsers().subscribe(
  25       ({ users, totalUsers }) => {
  26         this.users = users;
  27         this.totalUsers = totalUsers;
  28       },
  29
  30       err => alert(err)
  31     );
  32   }
  33
  34
  35   removeUser(user: User) {
  36     if (confirm('Are you sure?')) {
  37       this.userService.removeUser(user).subscribe(
  38         () => this.getUsers(),
  39
  40         err => alert(err)
  41       );
  42     }
  43   }
  44 }