Merge branch 'dev-pending-09-12-2025' into aconnect-UX/1765
atif118-mfsys
1 month ago
commit
db1eba9c54
@ -0,0 +1,22 @@
|
||||
import { Pipe, PipeTransform } from '@angular/core';
|
||||
import { SetupUser } from '../../models/user';
|
||||
|
||||
@Pipe({
|
||||
name: 'userFilter',
|
||||
standalone: true
|
||||
})
|
||||
export class UserFilterPipe implements PipeTransform {
|
||||
transform(users: SetupUser[], searchText: string): SetupUser[] {
|
||||
if (!users || !searchText.trim()) {
|
||||
return users;
|
||||
}
|
||||
|
||||
const search = searchText.toLowerCase();
|
||||
|
||||
return users.filter(user =>
|
||||
user.userId.toLowerCase().includes(search) ||
|
||||
user.userFullname.toLowerCase().includes(search) ||
|
||||
user.email.toLowerCase().includes(search)
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -1,26 +1,88 @@
|
||||
import { Component, ViewChild } from '@angular/core';
|
||||
import { Component, ViewChild, OnInit } from '@angular/core';
|
||||
import { FormBuilder, FormGroup, Validators, AbstractControl, ValidationErrors, ReactiveFormsModule } from '@angular/forms';
|
||||
import { TranslateModule } from '@ngx-translate/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
import { PasswordHideShowComponent } from '../../shared/components/password-hide-show/password-hide-show.component';
|
||||
import { URIKey } from '../../utils/uri-enums';
|
||||
import { HttpURIService } from '../../app.http.uri.service';
|
||||
|
||||
@Component({
|
||||
selector: 'app-reset-password',
|
||||
imports: [TranslateModule, PasswordHideShowComponent],
|
||||
imports: [TranslateModule, PasswordHideShowComponent, CommonModule, ReactiveFormsModule],
|
||||
templateUrl: './reset-password.component.html',
|
||||
styleUrl: './reset-password.component.scss'
|
||||
})
|
||||
export class ResetPasswordComponent {
|
||||
passwordType1: string = 'password';
|
||||
passwordType2: string = 'password';
|
||||
export class ResetPasswordComponent implements OnInit{
|
||||
resetPasswordForm!: FormGroup
|
||||
passwordType1: string = 'password';
|
||||
passwordType2: string = 'password';
|
||||
|
||||
@ViewChild('psh1') passwordHideShow1?: PasswordHideShowComponent;
|
||||
@ViewChild('psh2') passwordHideShow2?: PasswordHideShowComponent;
|
||||
|
||||
@ViewChild('psh1') passwordHideShow1 ?: PasswordHideShowComponent;
|
||||
@ViewChild('psh2') passwordHideShow2 ?: PasswordHideShowComponent;
|
||||
constructor(private fb: FormBuilder, private httpURIService: HttpURIService){}
|
||||
|
||||
ngOnInit(): void {
|
||||
this.resetPasswordForm = this.fb.group({
|
||||
userId: ['', Validators.required],
|
||||
newPassword: ['', [Validators.required, Validators.minLength(6)]],
|
||||
confirmPassword: ['', [Validators.required, Validators.minLength(6)]]
|
||||
},
|
||||
{
|
||||
validators: this.passwordMatchValidator
|
||||
}
|
||||
);
|
||||
this.resetPasswordForm.get('newPassword')?.valueChanges.subscribe(()=>{
|
||||
this.resetPasswordForm.get('confirmPassword')?.updateValueAndValidity();
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
togglePasswordType1() {
|
||||
this.passwordType1 = this.passwordHideShow1?.showPassword ? 'password' : 'text';
|
||||
}
|
||||
togglePasswordType2() {
|
||||
this.passwordType2 = this.passwordHideShow2?.showPassword ? 'password' : 'text';
|
||||
}
|
||||
passwordMatchValidator(group: AbstractControl): ValidationErrors | null {
|
||||
const newPassword = group.get('newPassword')?.value;
|
||||
const confirmPassword = group.get('confirmPassword')?.value;
|
||||
|
||||
return newPassword === confirmPassword ? null : { passwordMismatch: true };
|
||||
}
|
||||
|
||||
get newPasswordError() {
|
||||
const control = this.resetPasswordForm.get('newPassword');
|
||||
if (!control || !control.touched) return null;
|
||||
|
||||
if (control.hasError('required')) return 'fieldRequired';
|
||||
if (control.hasError('minlength')) return 'passwordTooShort';
|
||||
return null;
|
||||
}
|
||||
|
||||
get confirmPasswordError() {
|
||||
const control = this.resetPasswordForm.get('confirmPassword');
|
||||
if (!control || !control.touched) return null;
|
||||
|
||||
if (control.hasError('required')) return 'fieldRequired';
|
||||
if (control.hasError('minlength')) return 'passwordTooShort';
|
||||
if (this.resetPasswordForm.hasError('passwordMismatch')) return 'passwordsDoNotMatch';
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
onSubmit() {
|
||||
if (this.resetPasswordForm.invalid) return;
|
||||
|
||||
const payload = {
|
||||
userId: this.resetPasswordForm.value.userId,
|
||||
newPassword: this.resetPasswordForm.value.newPassword
|
||||
};
|
||||
this.httpURIService.requestPOST(URIKey.RESET_PASSWORD_URI, payload)
|
||||
.subscribe();
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue