64 lines
2.3 KiB
HTML
64 lines
2.3 KiB
HTML
<nz-table
|
|
[nzData]="products()"
|
|
[nzFrontPagination]="false"
|
|
[nzLoading]="productsLoading()"
|
|
(nzCurrentPageDataChange)="onCurrentPageDataChange($event)"
|
|
>
|
|
<thead>
|
|
<tr class="text-center">
|
|
<th nzWidth="40px">
|
|
<label
|
|
nz-checkbox
|
|
[(ngModel)]="checked"
|
|
[nzIndeterminate]="indeterminate"
|
|
(ngModelChange)="onAllChecked($event)"
|
|
></label>
|
|
</th>
|
|
<th>Nom</th>
|
|
<th>Référence</th>
|
|
<th>Nec</th>
|
|
<th>Calibre</th>
|
|
<th>Poids</th>
|
|
<th>Durée</th>
|
|
<th>Quantité</th>
|
|
<th>Limite</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody class="text-center">
|
|
@for (product of products(); track product.id) {
|
|
<tr>
|
|
<td nzWidth="40px">
|
|
<label
|
|
nz-checkbox
|
|
[ngModel]="setOfCheckedId.has(product.id)"
|
|
(ngModelChange)="onItemChecked(product.id, $event)"
|
|
></label>
|
|
</td>
|
|
|
|
<td>{{ product.name }}</td>
|
|
<td>{{ product.references }}</td>
|
|
<td>{{ product.nec }}</td>
|
|
<td>{{ product.caliber }}</td>
|
|
<td>{{ product.weight }}</td>
|
|
<td>{{ product.duration }}</td>
|
|
<td>{{ product.totalQuantity }}</td>
|
|
<td>{{ product.minimalQuantity }}</td>
|
|
<td>
|
|
<div style="justify-content: center; display: flex">
|
|
<nz-icon nzType="edit" nzTheme="outline" class="cursor-pointer" (click)="openEditModal(product)"></nz-icon>
|
|
<nz-divider nzType="vertical"></nz-divider>
|
|
<nz-icon nzType="delete" nzTheme="outline" (click)="delete(product.id)" class="text-red-600 cursor-pointer"></nz-icon>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</nz-table>
|
|
|
|
<div class="hidden">
|
|
<app-modal-nav #modalNav nameIcon="edit" [name]="'Modifier'" (ok)="onModalOk(selectedProduct.id, stockForm, modalNav)" (cancel)="onModalCancel(modalNav)">
|
|
<app-stock-form #stockForm [product]="selectedProduct"></app-stock-form>
|
|
</app-modal-nav>
|
|
</div> |