30 lines
1.2 KiB
HTML
30 lines
1.2 KiB
HTML
@if (edit() == false) {
|
|
<nz-card style="width:400px;" [nzActions]="[edit, delete]">
|
|
<h2 style="text-align: center; font-weight: bold">Client n°{{ customer().id }}</h2>
|
|
<p>Note : {{ customer().note }}</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]="customerForm">
|
|
<nz-form-item>
|
|
<nz-form-label nzSpan="5" nzRequired> Note </nz-form-label>
|
|
<nz-form-control nzSpan="22" nzErrorTip="Ce champ est requis !">
|
|
<input nz-input placeholder="Nom" formControlName="note">
|
|
</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>
|
|
}
|