Files
pyrofetes-frontend/src/app/components/quotation-table/quotation-table.html

77 lines
3.5 KiB
HTML

<nz-table class="mr-7"
[nzData]="quotations()"
[nzLoading]="quotationsLoading()"
[nzFrontPagination]="false"
>
<thead>
<tr class="text-center">
<th>Numéro de Devis</th>
<th>Message</th>
<th>Conditions de vente</th>
<th>Produit</th>
<th>Action</th>
</tr>
</thead >
<tbody class="text-center">
@for (quotation of quotations(); track quotation.id) {
<tr>
<td>{{quotation.id}}</td>
<td>{{quotation.message}}</td>
<td>{{quotation.conditionsSale}}</td>
<td>
<app-modal-button type="link" name="Voir les produits" size="45%">
<div style="max-height: 400px; overflow-y: auto;">
<nz-table>
<thead>
<tr class="text-center">
<th>Réference</th>
<th>Nom</th>
<th>Prix</th>
<th>Quantité</th>
<th>Action</th>
</tr>
</thead>
<tbody class="text-center">
@for (product of quotation.getQuotationProductDto; track product.productId) {
<tr>
<td>{{ product.productReferences }}</td>
<td>{{ product.productName }}</td>
<td>Price ???</td>
<td>Quantité ???</td>
<td>
<div style="justify-content: center; display: flex">
<nz-icon nzType="delete" nzTheme="outline" class="cursor-pointer text-red-700"/>
</div>
</td>
</tr>
}
</tbody>
</nz-table>
</div>
</app-modal-button>
</td>
<td>
<div style="justify-content: center; display: flex">
<div>
<nz-icon nzType="plus-circle" nzTheme="outline" class="cursor-pointer text-green-700" />
</div>
<nz-divider nzType="vertical"></nz-divider>
<app-modal-nav nameIcon="edit" name="Modification du devis" class="cursor-pointer">
<app-quotation-form></app-quotation-form>
</app-modal-nav>
<nz-divider nzType="vertical"></nz-divider>
<div>
<nz-icon nzType="delete" nzTheme="outline" class="cursor-pointer text-red-700" (click)="delete(quotation.id)"/>
</div>
<nz-divider nzType="vertical"></nz-divider>
<div>
<nz-icon nzType="export" (click)="export(quotation.id)" nzTheme="outline" class="cursor-pointer text-green-700"/>
</div>
</div>
</td>
</tr>
}
</tbody>
</nz-table>