62 lines
2.5 KiB
HTML
62 lines
2.5 KiB
HTML
<nz-table #basicTable [nzData]="listOfSupplier">
|
|
<thead>
|
|
<tr class="text-center">
|
|
<th>Nom</th>
|
|
<th>email</th>
|
|
<th>Téléphone</th>
|
|
<th>Adresse</th>
|
|
<th>Ville</th>
|
|
<th>Délai Moyen</th>
|
|
<th>Produits</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="text-center">
|
|
@for (data of basicTable.data; track data) {
|
|
<tr>
|
|
<td>{{data.name}}</td>
|
|
<td>{{data.email}}</td>
|
|
<td>{{data.phone}}</td>
|
|
<td>{{data.address}}, {{data.zipCode}}</td>
|
|
<td>{{data.city}}</td>
|
|
<td>{{data.deliveryDelay}}</td>
|
|
<td>
|
|
<app-modal-button type="link" name="Voir les produits">
|
|
<div style="max-height: 400px; overflow-y: auto;">
|
|
<nz-table [nzData]="data.products">
|
|
<thead>
|
|
<tr class="text-center">
|
|
<th>Nom</th>
|
|
<th>Référence</th>
|
|
<th>Prix</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="text-center">
|
|
@for (product of data.products; track product) {
|
|
<tr>
|
|
<td>{{product.name}}</td>
|
|
<td>{{product.reference}}</td>
|
|
<td>xx.x€</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</nz-table>
|
|
</div>
|
|
</app-modal-button>
|
|
</td>
|
|
<td>
|
|
<div style="justify-content: center; display: flex">
|
|
<app-modal-nav nameIcon="edit" name="Modification du fournisseur" class="cursor-pointer">
|
|
<app-supplier-form></app-supplier-form>
|
|
</app-modal-nav>
|
|
<nz-divider nzType="vertical"></nz-divider>
|
|
<div>
|
|
<nz-icon nzType="delete" nzTheme="outline" class="cursor-pointer text-red-700"/>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</nz-table>
|