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
|
/*
* # ============LICENSE_START=======================================================
* # Copyright (c) 2020 AT&T Intellectual Property. All rights reserved.
* # ================================================================================
* # 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.
* # ============LICENSE_END=========================================================
*/
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';
import { AuthService } from '../services/auth.service';
import { Router } from '@angular/router';
import { User } from '../models/User';
import { AuthResponse } from '../models/AuthResponse';
import {SelectItem} from 'primeng/api';
import { UserService } from '../services/user.service';
@Component({
selector: 'app-register',
templateUrl: './register.component.html',
styleUrls: ['./register.component.css']
})
export class RegisterComponent implements OnInit {
user: User = {
username:'',
fullName:'',
password:'',
roles: []
};
form: FormGroup;
roleOptions: SelectItem[];
rolesFromBackend = [];
constructor(private fb: FormBuilder, private authService: AuthService, private router: Router, private userService: UserService) { }
ngOnInit() {
this.form = this.fb.group({
username: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(10)]],
fullName: ['', [Validators.required]],
password: ['', [Validators.required, Validators.minLength(6)]],
roles:['', [Validators.required]]
});
// this.roleOptions = [{label:'Admin', value:{name:'ROLE_ADMIN'}}, {label:'User', value:{name:'ROLE_USER'}}, {label:'ScrumLead', value:{name:'ROLE_SCRUMLEAD'}}, {label:'Developer', value:{name:'ROLE_DEVELOPER'}}, {label:'PST', value:{name:'ROLE_PST'}}, {label:'ETE', value:{name:'ROLE_ETE'}}, {label:'Ops', value:{name:'ROLE_OPS'}}];
this.userService.getRoles().subscribe(res=>{
Object.values(res).forEach(ele=>{
this.rolesFromBackend.push({label:ele.substring(5), value:ele});
});
});
}
generateNewPassword() {
this.form.value.password = '';
const chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%&';
var array = new Uint32Array(32);
window.crypto.getRandomValues(array);
for(let i=0;i<32;i++) {
const index = Math.floor(array[i] % chars.length);
this.form.value.password += chars.charAt(index);
}
this.form.patchValue({password: this.form.value.password});
}
cancel() {
const result = window.confirm("Are you sure to quit registering current user and go back to user management?");
if(result === true){
this.router.navigate(['/users']);
}
}
submit() {
this.user.fullName = this. form.value.fullName;
this.user.username = this.form.value.username;
this.user.password = this.form.value.password;
this.user.roles = this.form.value.roles;
console.log(this.user.roles);
this.authService.register(this.user)
.subscribe( (res: AuthResponse) => {
alert(res.message);
this.router.navigate(['/users']);
}, (err) => {
console.log(err);
alert(err.error.message);
this.form.reset();
}
);
}
}
|