Opportunity quasi fini

2026-06-08 15:56:13 +02:00
parent a4ae624777
commit fb0af73a0b
57 changed files with 435 additions and 1275 deletions
@@ -0,0 +1,100 @@
+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 };
+}