user-menu.component.ts
2.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
///
/// Copyright © 2016-2020 The Thingsboard Authors
///
/// Licensed under the Apache License, Version 2.0 (the "License");
/// you may not use this file except in compliance with the License.
/// You may obtain a copy of the License at
///
/// http://www.apache.org/licenses/LICENSE-2.0
///
/// Unless required by applicable law or agreed to in writing, software
/// distributed under the License is distributed on an "AS IS" BASIS,
/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
/// See the License for the specific language governing permissions and
/// limitations under the License.
///
import { Component, Input, OnDestroy, OnInit } from '@angular/core';
import { User } from '@shared/models/user.model';
import { Authority } from '@shared/models/authority.enum';
import { select, Store } from '@ngrx/store';
import { AppState } from '@core/core.state';
import { selectAuthUser, selectUserDetails } from '@core/auth/auth.selectors';
import { map } from 'rxjs/operators';
import { AuthService } from '@core/auth/auth.service';
import { Router } from '@angular/router';
@Component({
selector: 'tb-user-menu',
templateUrl: './user-menu.component.html',
styleUrls: ['./user-menu.component.scss']
})
export class UserMenuComponent implements OnInit, OnDestroy {
@Input() displayUserInfo: boolean;
authorities = Authority;
authority$ = this.store.pipe(
select(selectAuthUser),
map((authUser) => authUser ? authUser.authority : Authority.ANONYMOUS)
);
authorityName$ = this.store.pipe(
select(selectUserDetails),
map((user) => this.getAuthorityName(user))
);
userDisplayName$ = this.store.pipe(
select(selectUserDetails),
map((user) => this.getUserDisplayName(user))
);
constructor(private store: Store<AppState>,
private router: Router,
private authService: AuthService) {
}
ngOnInit(): void {
}
ngOnDestroy(): void {
}
getAuthorityName(user: User): string {
let name = null;
if (user) {
const authority = user.authority;
switch (authority) {
case Authority.SYS_ADMIN:
name = 'user.sys-admin';
break;
case Authority.TENANT_ADMIN:
name = 'user.tenant-admin';
break;
case Authority.CUSTOMER_USER:
name = 'user.customer';
break;
}
}
return name;
}
getUserDisplayName(user: User): string {
let name = '';
if (user) {
if ((user.firstName && user.firstName.length > 0) ||
(user.lastName && user.lastName.length > 0)) {
if (user.firstName) {
name += user.firstName;
}
if (user.lastName) {
if (name.length > 0) {
name += ' ';
}
name += user.lastName;
}
} else {
name = user.email;
}
}
return name;
}
openProfile(): void {
this.router.navigate(['profile']);
}
logout(): void {
this.authService.logout();
}
}