106 lines
3.6 KiB
TypeScript
106 lines
3.6 KiB
TypeScript
import {Component, inject, OnInit, signal, viewChild} from '@angular/core';
|
|
import {ModalNav} from "../modal-nav/modal-nav";
|
|
import {NzDividerComponent} from "ng-zorro-antd/divider";
|
|
import {NzIconDirective} from "ng-zorro-antd/icon";
|
|
import {NzTableComponent} from "ng-zorro-antd/table";
|
|
import {ModalButton} from "../modal-button/modal-button";
|
|
import {DatePipe} from "@angular/common";
|
|
import {DelivererForm} from "../deliverer-form/deliverer-form";
|
|
import {DeliverersService, GetDelivererDto, GetSupplierDto} from "../../services/api";
|
|
import {NzNotificationService} from "ng-zorro-antd/notification";
|
|
import {firstValueFrom} from "rxjs";
|
|
import {AuthService} from "../../services/auth.service";
|
|
|
|
@Component({
|
|
selector: 'app-deliverer-table',
|
|
imports: [
|
|
ModalNav,
|
|
NzDividerComponent,
|
|
NzIconDirective,
|
|
NzTableComponent,
|
|
ModalButton,
|
|
DatePipe,
|
|
DelivererForm,
|
|
],
|
|
templateUrl: './deliverer-table.html',
|
|
styleUrl: './deliverer-table.css',
|
|
})
|
|
|
|
export class DelivererTable implements OnInit {
|
|
private deliverersService = inject(DeliverersService);
|
|
private notificationService = inject(NzNotificationService)
|
|
private authService = inject(AuthService);
|
|
|
|
deliverers = signal<GetDelivererDto[]>([]);
|
|
deliverersLoading = signal<boolean>(false);
|
|
admin = signal<boolean>(false);
|
|
|
|
modal = viewChild.required<ModalNav>('modalNav');
|
|
|
|
async ngOnInit() {
|
|
await this.fetchDeliverers();
|
|
this.admin.set(this.authService.isAdmin());
|
|
}
|
|
|
|
async fetchDeliverers() {
|
|
this.deliverersLoading.set(true)
|
|
|
|
try {
|
|
const deliverers = await firstValueFrom(this.deliverersService.getAllDelivererEndpoint())
|
|
this.deliverers.set(deliverers);
|
|
} catch {
|
|
this.notificationService.error('Erreur', 'Erreur lors du chargement des transporteurs');
|
|
}
|
|
this.deliverersLoading.set(false)
|
|
}
|
|
|
|
async delete(deliverer: number) {
|
|
try {
|
|
await firstValueFrom(this.deliverersService.deleteDelivererEndpoint(deliverer))
|
|
this.notificationService.success('Success', 'Suppression effectuée');
|
|
} catch {
|
|
this.notificationService.error(
|
|
'Erreur',
|
|
'Impossible de supprimer la ligne'
|
|
)
|
|
}
|
|
await this.fetchDeliverers();
|
|
}
|
|
|
|
async edit(id: number, updateDelivererComponent: DelivererForm) {
|
|
if (updateDelivererComponent.delivererForm.invalid) {
|
|
this.notificationService.error('Erreur', 'Formulaire invalide');
|
|
return;
|
|
}
|
|
|
|
try {
|
|
const deliverers = updateDelivererComponent.delivererForm.getRawValue();
|
|
await firstValueFrom(this.deliverersService.updateDelivererEndpoint(id, deliverers))
|
|
|
|
this.notificationService.success('Success', 'Transporteur modifié')
|
|
} catch {
|
|
this.notificationService.error('Erreur', 'Erreur lors de la modification')
|
|
}
|
|
}
|
|
|
|
selectedDeliverer: GetDelivererDto | null = null;
|
|
|
|
openEditModal(supplier: GetSupplierDto) {
|
|
this.selectedDeliverer = {...supplier};
|
|
this.modal().showModal();
|
|
}
|
|
|
|
async onModalOk(supplierId: number, updateDelivererComponent: DelivererForm, modal: ModalNav) {
|
|
if (!this.selectedDeliverer) return;
|
|
|
|
await this.edit(supplierId, updateDelivererComponent);
|
|
updateDelivererComponent.delivererForm.reset();
|
|
this.onModalCancel(modal);
|
|
await this.fetchDeliverers();
|
|
}
|
|
|
|
onModalCancel(modal: ModalNav) {
|
|
modal.isVisible = false;
|
|
}
|
|
}
|