sanchezvem/library-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated user form for edit user

Browse Source
This commit is contained in:
sanchezvem
2025-11-21 12:04:27 +01:00
parent 2730fc04ef
commit 3b932f10d4
2 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/components/user-table/user-table.html
View File

@@ -48,8 +48,8 @@
<app-modal-icon #modalIcon <app-modal-icon #modalIcon
nameIcon="edit" nameIcon="edit"
[name]="'Modifier'" [name]="'Modifier'"
(ok)="onModalOk(selectedUser?.id)" (ok)="onModalOk(selectedUser?.id, updateUser, modalIcon)"
(cancel)="onModalCancel()" (cancel)="onModalCancel(modalIcon)"
(click)="openEditModal(user)"> (click)="openEditModal(user)">
<app-update-user #updateUser [user]="selectedUser"></app-update-user> <app-update-user #updateUser [user]="selectedUser"></app-update-user>
</app-modal-icon> </app-modal-icon>

28
src/app/components/user-table/user-table.ts
View File

@@ -43,7 +43,6 @@ export class UserTable implements OnInit {
try { try {
const users = await firstValueFrom(this.usersService.getAllUsersEndpoint()) const users = await firstValueFrom(this.usersService.getAllUsersEndpoint())
this.users.set(users); this.users.set(users);
} catch (e) { } catch (e) {
this.notificationService.error( this.notificationService.error(
@@ -70,36 +69,37 @@ export class UserTable implements OnInit {
await this.fetchUsers(); await this.fetchUsers();
} }
selectedUser: GetUserDto | null = null; selectedUser: GetUserDto;
openEditModal(user: GetUserDto) { openEditModal(user: GetUserDto) {
this.selectedUser = user; this.selectedUser = user;
this.modal().showModal(); this.modal().showModal();
} }
async onModalOk(userId:number) { async onModalOk(userId: number, updateUserComponent: UpdateUser, modal: ModalIcon) {
await this.edit(userId) await this.edit(userId, updateUserComponent);
this.updateUser().updateUserForm.reset(); updateUserComponent.updateUserForm.reset();
this.modal().isVisible = false; modal.isVisible = false;
await this.fetchUsers() await this.fetchUsers();
} }
onModalCancel() { onModalCancel(modal: ModalIcon) {
this.modal().isVisible = false; modal.isVisible = false;
} }
async edit(id :number) { async edit(id: number, updateUserComponent: UpdateUser) {
if (this.updateUser().updateUserForm.invalid) if (updateUserComponent.updateUserForm.invalid) {
{
this.notificationService.error( this.notificationService.error(
'Erreur', 'Erreur',
'Erreur d\'écriture dans le formulaire' 'Erreur d\'écriture dans le formulaire'
) )
return;
} }
try { try {
const rawDate = this.updateUser().updateUserForm.get('birthDate')?.value; const rawDate = updateUserComponent.updateUserForm.get('birthDate')?.value;
const birthDate = format(rawDate, 'yyyy-MM-dd'); const birthDate = format(rawDate, 'yyyy-MM-dd');
const users = this.updateUser().updateUserForm.getRawValue(); const users = updateUserComponent.updateUserForm.getRawValue();
users.birthDate = birthDate; users.birthDate = birthDate;
await firstValueFrom(this.usersService.updateUserEndpoint(id, users)) await firstValueFrom(this.usersService.updateUserEndpoint(id, users))