59 lines
2.8 KiB
HTML
59 lines
2.8 KiB
HTML
@if (edit() == false) {
|
|
<nz-card style="width:400px;" [nzActions]="[edit, delete]">
|
|
<h2 style="text-align: center; font-weight: bold">Contact n°{{ communication().contactId }}</h2>
|
|
@if (communication().calling) {
|
|
<p>📞 Appel : {{ communication().calling }}</p>
|
|
<p> Nom du Contact : {{ communication().contactLastName + " " + communication().contactFirstName}}</p>
|
|
<p> Numéro du Contact : {{ communication().contactPhoneNumber }}</p>
|
|
<p> Email du Contact : {{ communication().contactEmail }}</p>
|
|
}
|
|
@if (communication().email) {
|
|
<p>✉️ Email : {{ communication().email }}</p>
|
|
<p> Nom du Contact : {{ communication().contactLastName + " " + communication().contactFirstName}}</p>
|
|
<p> Numéro du Contact : {{ communication().contactPhoneNumber }}</p>
|
|
<p> Email du Contact : {{ communication().contactEmail }}</p>
|
|
}
|
|
@if (communication().meeting) {
|
|
<p>🤝 Réunion : {{ communication().meeting }}</p>
|
|
<p> Nom du Contact : {{ communication().contactLastName + " " + communication().contactFirstName}}</p>
|
|
<p> Numéro du Contact : {{ communication().contactPhoneNumber }}</p>
|
|
<p> Email du Contact : {{ communication().contactEmail }}</p>
|
|
}
|
|
</nz-card>
|
|
<ng-template #edit>
|
|
<nz-icon (click)="Edit()" nzType="edit" nzTheme="fill" />
|
|
</ng-template>
|
|
<ng-template #delete>
|
|
<nz-icon (click)="Delete()" nzType="delete" nzTheme="fill" />
|
|
</ng-template>
|
|
} @else {
|
|
<nz-card style="width:400px;" [nzActions]="[back, check]">
|
|
<form nz-form nzLayout="horizontal" [formGroup]="communicationForm">
|
|
<nz-form-item>
|
|
<nz-form-label nzSpan="5">Appel</nz-form-label>
|
|
<nz-form-control nzSpan="22">
|
|
<input nz-input placeholder="Appel" formControlName="calling">
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
<nz-form-item>
|
|
<nz-form-label nzSpan="5">Email</nz-form-label>
|
|
<nz-form-control nzSpan="22">
|
|
<input nz-input placeholder="Email" formControlName="email">
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
<nz-form-item>
|
|
<nz-form-label nzSpan="5">Réunion</nz-form-label>
|
|
<nz-form-control nzSpan="22">
|
|
<input nz-input placeholder="Réunion" formControlName="meeting">
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</form>
|
|
</nz-card>
|
|
<ng-template #back>
|
|
<nz-icon (click)="Back()" nzType="backward" nzTheme="fill" />
|
|
</ng-template>
|
|
<ng-template #check>
|
|
<nz-icon (click)="submitForm()" nzType="check" nzTheme="outline" />
|
|
</ng-template>
|
|
}
|