59 lines
1.6 KiB
TypeScript
59 lines
1.6 KiB
TypeScript
import {Component, inject, OnInit, signal} from '@angular/core';
|
|
import {NzTableComponent} from "ng-zorro-antd/table";
|
|
import {Modal} from "../modal/modal";
|
|
import {DatePipe} from "@angular/common";
|
|
import {UpdateUser} from "../update-user/update-user";
|
|
import {GetUserDto, UsersService} from "../../services/api";
|
|
import {NzNotificationService} from "ng-zorro-antd/notification";
|
|
import {firstValueFrom} from "rxjs";
|
|
import {NzDividerComponent} from "ng-zorro-antd/divider";
|
|
import {ModalIcon} from "../modal-icon/modal-icon";
|
|
import {NzIconDirective} from "ng-zorro-antd/icon";
|
|
|
|
@Component({
|
|
selector: 'app-user-table',
|
|
imports: [
|
|
DatePipe,
|
|
Modal,
|
|
NzTableComponent,
|
|
UpdateUser,
|
|
NzDividerComponent,
|
|
ModalIcon,
|
|
NzIconDirective,
|
|
],
|
|
templateUrl: './user-table.html',
|
|
styleUrl: './user-table.css',
|
|
})
|
|
export class UserTable implements OnInit {
|
|
private usersService = inject(UsersService);
|
|
private notificationService = inject(NzNotificationService)
|
|
|
|
users = signal<GetUserDto[]>([]);
|
|
|
|
usersLoading = signal<boolean>(false);
|
|
|
|
async ngOnInit() {
|
|
await this.fetchUsers();
|
|
}
|
|
|
|
async fetchUsers() {
|
|
this.usersLoading.set(true)
|
|
|
|
try {
|
|
const users = await firstValueFrom(this.usersService.getAllUsersEndpoint())
|
|
|
|
this.users.set(users);
|
|
} catch (e) {
|
|
this.notificationService.error(
|
|
'Erreur',
|
|
'Erreur de communication avec l\'API'
|
|
)
|
|
}
|
|
this.usersLoading.set(false)
|
|
}
|
|
|
|
delete() {
|
|
return
|
|
}
|
|
}
|