101 lines
3.4 KiB
TypeScript
101 lines
3.4 KiB
TypeScript
import {Component, inject, input, output, signal} from '@angular/core';
|
|
import {NzNotificationService} from "ng-zorro-antd/notification";
|
|
import {FormControl, FormGroup, ReactiveFormsModule} from "@angular/forms";
|
|
import {firstValueFrom} from "rxjs";
|
|
import {NzCardComponent} from "ng-zorro-antd/card";
|
|
import {NzFormControlComponent, NzFormItemComponent, NzFormLabelComponent} from "ng-zorro-antd/form";
|
|
import {NzIconDirective} from "ng-zorro-antd/icon";
|
|
import {NzColDirective} from "ng-zorro-antd/grid";
|
|
import {NzInputDirective} from "ng-zorro-antd/input";
|
|
import {CommunicationsService, GetCommunicationDto, UpdateCommunicationDto} from "../../../services/api";
|
|
|
|
@Component({
|
|
selector: 'app-opportunity-card',
|
|
imports: [
|
|
NzCardComponent,
|
|
ReactiveFormsModule,
|
|
NzFormLabelComponent,
|
|
NzFormControlComponent,
|
|
NzFormItemComponent,
|
|
NzIconDirective,
|
|
NzColDirective,
|
|
NzInputDirective
|
|
],
|
|
templateUrl: './opportunity-card.html',
|
|
styleUrl: './opportunity-card.css',
|
|
})
|
|
export class OpportunityCard {
|
|
private communicationsService = inject(CommunicationsService);
|
|
private notificationService = inject(NzNotificationService);
|
|
|
|
communicationEdit = signal<UpdateCommunicationDto>(null);
|
|
communicationsLoading = signal<boolean>(false);
|
|
|
|
communicationForm = new FormGroup({
|
|
calling: new FormControl<string>(null),
|
|
email: new FormControl<string>(null),
|
|
meeting: new FormControl<string>(null),
|
|
}, { validators: atLeastOneRequired })
|
|
|
|
async submitForm() {
|
|
this.communicationsLoading.set(true);
|
|
|
|
const communicationValue: UpdateCommunicationDto = {
|
|
calling: this.communicationForm.value.calling,
|
|
email: this.communicationForm.value.email,
|
|
meeting: this.communicationForm.value.meeting,
|
|
}
|
|
|
|
try {
|
|
const communication = await firstValueFrom(this.communicationsService.updateCommunicationEndpoint(this.communication().id, communicationValue));
|
|
this.communicationEdit.set(communication as unknown as UpdateCommunicationDto);
|
|
console.log(communication);
|
|
this.communicationForm.reset();
|
|
this.edit.set(false);
|
|
this.triggerEdited.emit();
|
|
} catch (e) {
|
|
this.notificationService.error('Erreur', '(ou Erreur de communication avec l\'API)');
|
|
}
|
|
|
|
this.communicationsLoading.set(false);
|
|
}
|
|
|
|
communication = input<GetCommunicationDto>(null);
|
|
edit = signal(false);
|
|
triggerEdited = output<void>();
|
|
|
|
protected Edit() {
|
|
this.edit.set(true);
|
|
this.communicationForm.patchValue({
|
|
calling: this.communication().calling,
|
|
email: this.communication().email,
|
|
meeting: this.communication().meeting,
|
|
});
|
|
}
|
|
|
|
protected Back() {
|
|
this.edit.set(false);
|
|
this.communicationForm.reset();
|
|
}
|
|
|
|
async Delete() {
|
|
this.communicationsLoading.set(true);
|
|
|
|
try {
|
|
await firstValueFrom(this.communicationsService.deleteCommunicationEndpoint(this.communication().id));
|
|
this.communicationForm.reset();
|
|
this.triggerEdited.emit();
|
|
} catch (e) {
|
|
this.notificationService.error('Erreur', '(ou Erreur de communication avec l\'API)');
|
|
}
|
|
|
|
this.communicationsLoading.set(false);
|
|
}
|
|
}
|
|
|
|
function atLeastOneRequired(group: FormGroup) {
|
|
const { calling, email, meeting } = group.controls;
|
|
const valid = [calling, email, meeting].some(c => c.value);
|
|
return valid ? null : { atLeastOneRequired: true };
|
|
}
|