94 lines
5.0 KiB
HTML
94 lines
5.0 KiB
HTML
<nz-table [nzData]="purchaseOrders()"
|
|
[nzLoading]="purchaseOrdersLoading()"
|
|
[nzFrontPagination]="false"
|
|
class="mr-7">
|
|
<thead>
|
|
<tr class="text-center">
|
|
<th>Numéro</th>
|
|
<th>Conditions de vente</th>
|
|
<th>Fournisseur</th>
|
|
<th>Produits</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="text-center">
|
|
@for (purchaseOrder of purchaseOrders(); track purchaseOrder.id) {
|
|
<tr>
|
|
<td>{{ purchaseOrder.id }}</td>
|
|
<td>{{ purchaseOrder.purchaseConditions }}</td>
|
|
<td>Fournisseur ???</td>
|
|
<td>
|
|
<app-modal-button type="link" name="Voir les produits" size="45%">
|
|
<div style="max-height: 400px; overflow-y: auto;">
|
|
<nz-table [nzData]="purchaseOrders()"
|
|
[nzFrontPagination]="false">
|
|
<thead>
|
|
<tr class="text-center">
|
|
<th>Nom</th>
|
|
<th>Reférence</th>
|
|
<th>Prix</th>
|
|
<th>Quantité</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="text-center">
|
|
@for (product of purchaseOrder.products; track product.productId) {
|
|
<tr>
|
|
<td>{{ product.productName }}</td>
|
|
<td>{{ product.productReferences }}</td>
|
|
<td>Prix €€€€</td>
|
|
<td>{{ product.quantity }}</td>
|
|
<td>
|
|
<div style="justify-content: center; display: flex">
|
|
<nz-icon nzType="edit" nzTheme="outline" class="cursor-pointer"
|
|
(click)="openEditQuantityModal(product)"></nz-icon>
|
|
<nz-divider nzType="vertical"></nz-divider>
|
|
<nz-icon nzType="delete" nzTheme="outline"
|
|
class="cursor-pointer text-red-700"
|
|
(click)="deleteProduct(product.productId, purchaseOrder.id)"/>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</nz-table>
|
|
</div>
|
|
</app-modal-button>
|
|
</td>
|
|
<td>
|
|
<div style="justify-content: center; display: flex">
|
|
<nz-icon nzType="plus-circle" nzTheme="outline" class="cursor-pointer text-green-700"/>
|
|
<nz-divider nzType="vertical"></nz-divider>
|
|
<nz-icon nzType="edit" nzTheme="outline" class="cursor-pointer"
|
|
(click)="openEditModal(purchaseOrder)"></nz-icon>
|
|
<nz-divider nzType="vertical"></nz-divider>
|
|
<nz-icon nzType="delete" nzTheme="outline" (click)="delete(purchaseOrder.id)"
|
|
class="cursor-pointer text-red-700"/>
|
|
<nz-divider nzType="vertical"></nz-divider>
|
|
<nz-icon nzType="export" nzTheme="outline" (click)="export(purchaseOrder.id)"
|
|
class="cursor-pointer text-green-700"/>
|
|
<nz-divider nzType="vertical"></nz-divider>
|
|
<nz-icon nzType="interaction" nzTheme="outline" (click)="transfer(purchaseOrder)"
|
|
class="cursor-pointer text-blue-700"/>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</nz-table>
|
|
|
|
<div class="hidden">
|
|
<app-modal-nav #modalNav nameIcon="edit" [name]="'Modification des conditions de vente'"
|
|
(ok)="onModalOk(selectedPurchaseOrder.id, purchaseOrderForm, modalNav)"
|
|
(cancel)="onModalCancel(modalNav)">
|
|
<app-purchase-order-form #purchaseOrderForm [purchaseOrder]="selectedPurchaseOrder"></app-purchase-order-form>
|
|
</app-modal-nav>
|
|
</div>
|
|
|
|
<div class="hidden">
|
|
<app-modal-nav #modalQuantity nameIcon="edit" [name]="'Modification de la quantité'"
|
|
(ok)="onModalQuantityOk(selectedQuantity.productId, selectedQuantity.purchaseOrderId, quantityForm, modalQuantity)"
|
|
(cancel)="onModalCancel(modalQuantity)">
|
|
<app-quantity-form #quantityForm [quantity]="selectedQuantity"></app-quantity-form>
|
|
</app-modal-nav>
|
|
</div> |