diff options
Diffstat (limited to 'client/src/app/admin/users/user-list/user-list.component.ts')
-rw-r--r-- | client/src/app/admin/users/user-list/user-list.component.ts | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/client/src/app/admin/users/user-list/user-list.component.ts b/client/src/app/admin/users/user-list/user-list.component.ts new file mode 100644 index 000000000..598daa42a --- /dev/null +++ b/client/src/app/admin/users/user-list/user-list.component.ts | |||
@@ -0,0 +1,44 @@ | |||
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 | } | ||