Page login/create OK
This commit is contained in:
@@ -13,12 +13,13 @@ import {
|
||||
} from "@ngx-translate/core";
|
||||
import { CommonModule } from "@angular/common";
|
||||
import { MatFormFieldModule } from "@angular/material/form-field";
|
||||
import { MatInputModule } from "@angular/material/input";
|
||||
import { MatButtonModule } from "@angular/material/button";
|
||||
|
||||
import { first } from "rxjs/operators";
|
||||
|
||||
import { AuthenticationService } from "../../services/authentication.service";
|
||||
import { User } from "../../models/user";
|
||||
import { MatInput, MatInputModule } from "@angular/material/input";
|
||||
|
||||
@Component({
|
||||
selector: "app-create-user",
|
||||
@@ -31,6 +32,7 @@ import { MatInput, MatInputModule } from "@angular/material/input";
|
||||
MatInputModule,
|
||||
TranslateModule,
|
||||
TranslatePipe,
|
||||
MatButtonModule,
|
||||
],
|
||||
})
|
||||
export class CreateUserComponent implements OnInit {
|
||||
@@ -39,7 +41,6 @@ export class CreateUserComponent implements OnInit {
|
||||
public submitted = false;
|
||||
public returnUrl: string;
|
||||
public error: string = "";
|
||||
@ViewChild("firstname") firstnameInput: MatInput;
|
||||
|
||||
constructor(
|
||||
private formBuilder: FormBuilder,
|
||||
@@ -54,26 +55,22 @@ export class CreateUserComponent implements OnInit {
|
||||
}
|
||||
}
|
||||
|
||||
ngAfterViewInit() {
|
||||
this.firstnameInput.focus();
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
this.createForm = this.formBuilder.group(
|
||||
{
|
||||
firstname: ["", [Validators.required, Validators.minLength(3)]],
|
||||
// username: ["", [Validators.required, Validators.minLength(3)]],
|
||||
// password: [
|
||||
// "",
|
||||
// [
|
||||
// Validators.required,
|
||||
// Validators.pattern(
|
||||
// "^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[@$!%*#?&-_|]).{8,}$"
|
||||
// ),
|
||||
// ],
|
||||
// ],
|
||||
// lastname: ["", [Validators.required, Validators.minLength(3)]],
|
||||
// email: ["", [Validators.required, Validators.email]],
|
||||
lastname: ["", [Validators.required, Validators.minLength(3)]],
|
||||
email: ["", [Validators.required, Validators.email]],
|
||||
username: ["", [Validators.required, Validators.minLength(3)]],
|
||||
password: [
|
||||
"",
|
||||
[
|
||||
Validators.required,
|
||||
Validators.pattern(
|
||||
"^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[@$!%*#?&-_|]).{8,}$"
|
||||
),
|
||||
],
|
||||
],
|
||||
},
|
||||
{ updateOn: "blur" }
|
||||
);
|
||||
@@ -87,28 +84,28 @@ export class CreateUserComponent implements OnInit {
|
||||
}
|
||||
|
||||
onCreateSubmit() {
|
||||
// this.invalidForm = false;
|
||||
// this.submitted = true;
|
||||
// if (this.createForm.invalid) {
|
||||
// this.invalidForm = true;
|
||||
// return;
|
||||
// }
|
||||
// let createUser = new User();
|
||||
// createUser.login = this.formCtrls["username"].value;
|
||||
// createUser.password = this.formCtrls["password"].value;
|
||||
// createUser.firstName = this.formCtrls["firstname"].value;
|
||||
// createUser.lastName = this.formCtrls["lastname"].value;
|
||||
// createUser.email = this.formCtrls["email"].value;
|
||||
// createUser.language = this.translateService.getCurrentLang();
|
||||
// this.authenticationService
|
||||
// .create(createUser)
|
||||
// .pipe(first())
|
||||
// .subscribe({
|
||||
// complete: () => this.router.navigate([this.returnUrl]),
|
||||
// error: (error) => {
|
||||
// this.error = error.message;
|
||||
// this.invalidForm = false;
|
||||
// },
|
||||
// });
|
||||
this.invalidForm = false;
|
||||
this.submitted = true;
|
||||
if (this.createForm.invalid) {
|
||||
this.invalidForm = true;
|
||||
return;
|
||||
}
|
||||
let createUser = new User();
|
||||
createUser.login = this.formCtrls["username"].value;
|
||||
createUser.password = this.formCtrls["password"].value;
|
||||
createUser.firstName = this.formCtrls["firstname"].value;
|
||||
createUser.lastName = this.formCtrls["lastname"].value;
|
||||
createUser.email = this.formCtrls["email"].value;
|
||||
createUser.language = this.translateService.getCurrentLang();
|
||||
this.authenticationService
|
||||
.create(createUser)
|
||||
.pipe(first())
|
||||
.subscribe({
|
||||
complete: () => this.router.navigate([this.returnUrl]),
|
||||
error: (error) => {
|
||||
this.error = error.message;
|
||||
this.invalidForm = false;
|
||||
},
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user