DHBW/TelegramAktienBot
1
0
Fork 0
Code Issues 6 Pull Requests 26 Actions Packages Projects Releases Wiki Activity

Fix #184

Browse Source
This commit is contained in:
kevinpauer 2022-05-12 15:22:35 +02:00
parent 6dfb96a6db
commit b9c09c5641
2 changed files with 34 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/app/Views/profile/profile.component.html
View File

@ -64,13 +64,16 @@
<input <input
type="password" type="password"
matInput matInput
[formControl]="passwordFormControl" [formControl]="passwordRepeatFormControl"
placeholder="Ex. pat@example.com" placeholder="Ex. pat@example.com"
minlength="6"
[(ngModel)]="form.passwordRepeat"
#passwordRepeat
/> />
<mat-error <mat-error
*ngIf=" *ngIf="
passwordFormControl.hasError('minLength') && passwordRepeatFormControl.hasError('minLength') &&
!passwordFormControl.hasError('required') !passwordRepeatFormControl.hasError('required')
" "
> >
Please enter a valid password Please enter a valid password
@ -79,12 +82,18 @@
Password is <strong>required</strong> Password is <strong>required</strong>
</mat-error> </mat-error>
</mat-form-field> </mat-form-field>
<div class="alert-danger" *ngIf="checkPasswordFailed">
Password does not match, make sure it is the same!
</div>
<br />
<div class="form-group footer-buttons"> <div class="form-group footer-buttons">
<button <button
class="btn btn-primary btn-block" class="btn btn-primary btn-block"
[disabled]=" [disabled]="
passwordRepeatFormControl.hasError('required') ||
!passwordRepeatFormControl.hasError('minLength') ||
passwordFormControl.hasError('required') || passwordFormControl.hasError('required') ||
passwordFormControl.hasError('minLength') || !passwordFormControl.hasError('minLength') ||
userNameFormControl.hasError('required') userNameFormControl.hasError('required')
" "
> >

29
frontend/src/app/Views/profile/profile.component.ts
View File

@ -16,6 +16,10 @@ export class ProfileComponent implements OnInit {
Validators.required, Validators.required,
Validators.minLength(6), Validators.minLength(6),
]); ]);
passwordRepeatFormControl = new FormControl('', [
Validators.required,
Validators.minLength(6),
]);
telegramIdFormControl = new FormControl('', [ telegramIdFormControl = new FormControl('', [
Validators.required, Validators.required,
Validators.minLength(6), Validators.minLength(6),
@ -26,9 +30,12 @@ export class ProfileComponent implements OnInit {
form: any = { form: any = {
username: null, username: null,
email: 'example@web.com', email: 'example@web.com',
password: 'password', password: null,
passwordRepeat: null,
}; };
checkPasswordFailed = false;
constructor( constructor(
private profileService: ProfileService, private profileService: ProfileService,
public dialog: MatDialog public dialog: MatDialog
@ -57,18 +64,24 @@ export class ProfileComponent implements OnInit {
} }
updateUser() { updateUser() {
const { username, email, password } = this.form; if (this.form.password === this.form.passwordRepeat) {
this.profileService this.checkPasswordFailed = false;
.updateProfile(this.form.username, this.form.password) const { username, email, password } = this.form;
.subscribe((result) => { this.profileService
console.log(result); .updateProfile(this.form.username, this.form.password)
}); .subscribe((result) => {
console.log(result);
});
} else {
this.checkPasswordFailed = true;
console.log("Passwords don't match");
}
} }
openDialog(action: string) { openDialog(action: string) {
const dialogRef = this.dialog.open(ConfirmationDialogComponent, { const dialogRef = this.dialog.open(ConfirmationDialogComponent, {
width: '50vw', width: '50vw',
height: '20vh', height: '25vh',
}); });
dialogRef.afterClosed().subscribe((result) => { dialogRef.afterClosed().subscribe((result) => {