sanchezvem/pyrofetes-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first of many

Browse Source
This commit is contained in:
ikuzenkuna
2025-11-20 15:10:43 +01:00
parent 0d9238d1a1
commit e269848f82
8 changed files with 466 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/app/components/quotation-table/quotation-table.html Normal file
View File

@@ -0,0 +1,60 @@
<nz-table #basicTable [nzData]="quotations" class="mr-7">
<thead>
<tr class="text-center">
<th>ID Devis</th>
<th>Nom du produit</th>
<th>Quantité</th>
<th>Message</th>
<th>Conditions de vente</th>
<th>Détails produit</th>
<th>Action</th>
</tr>
</thead >
<tbody class="text-center">
@for (data of basicTable.data; track data) {
<tr>
<td>{{data.quotationId}}</td>
<td>{{data.productName}}</td>
<td>{{data.quantity}}</td>
<td>{{data.quotationMessage}}</td>
<td>{{data.quotationConditionsSale}}</td>
<td>
<app-modal-button type="link" name="Voir détails">
<div style="max-height: 400px; overflow-y: auto;">
<table style="width: 100%; text-align: left;">
<tbody>
<tr><th style="padding: 8px; font-weight: 600;">ID Produit:</th><td style="padding: 8px;">{{data.productId}}</td></tr>
<tr><th style="padding: 8px; font-weight: 600;">Référence:</th><td style="padding: 8px;">{{data.productReferences}}</td></tr>
<tr><th style="padding: 8px; font-weight: 600;">Durée:</th><td style="padding: 8px;">{{data.productDuration}}</td></tr>
<tr><th style="padding: 8px; font-weight: 600;">Calibre:</th><td style="padding: 8px;">{{data.productCaliber}}</td></tr>
<tr><th style="padding: 8px; font-weight: 600;">Numéro d'approbation:</th><td style="padding: 8px;">{{data.productApprovalNumber}}</td></tr>
<tr><th style="padding: 8px; font-weight: 600;">Poids:</th><td style="padding: 8px;">{{data.productWeight}}</td></tr>
<tr><th style="padding: 8px; font-weight: 600;">NEC:</th><td style="padding: 8px;">{{data.productNec}}</td></tr>
<tr><th style="padding: 8px; font-weight: 600;">Quantité min:</th><td style="padding: 8px;">{{data.productMinimalQuantity}}</td></tr>
<tr><th style="padding: 8px; font-weight: 600;">Image:</th><td style="padding: 8px;">{{data.productImage}}</td></tr>
<tr><th style="padding: 8px; font-weight: 600;">Lien:</th><td style="padding: 8px;">{{data.productLink}}</td></tr>
</tbody>
</table>
</div>
</app-modal-button>
</td>
<td>
<div style="justify-content: center; display: flex">
<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"/>
</div>
<nz-divider nzType="vertical"></nz-divider>
<div>
<nz-icon nzType="export" nzTheme="outline" class="cursor-pointer text-green-700"/>
</div>
</div>
</td>
</tr>
}
</tbody>
</nz-table>