added deliverer page with deliverer-form and deliverer-table

This commit is contained in:
2025-11-15 15:12:53 +01:00
parent 4037117ad3
commit d43f46b906
9 changed files with 502 additions and 3 deletions

View File

@@ -0,0 +1,53 @@
<nz-table #basicTable [nzData]="listOfDeliverers" class="mr-7">
<thead>
<tr>
<th>Transporteur</th>
<th>Bon de livraison</th>
<th style="text-align: center;">Action</th>
</tr>
</thead>
<tbody>
@for (data of basicTable.data; track data) {
<tr>
<td>{{data.transporter}}</td>
<td>
<app-modal-button name="Voir tout les bons de livraison">
<div style="max-height: 400px; overflow-y: auto;">
<nz-table [nzData]="data.deliveryNote">
<thead>
<tr>
<th>Numéro de livraison</th>
<th>Date d'expédition</th>
<th>Date de livraison estimée</th>
<th>Date de livraison finale</th>
</tr>
</thead>
<tbody>
@for (deliveryInfo of data.deliveryNote; track deliveryInfo) {
<tr>
<td>{{deliveryInfo.trackingNumber}}</td>
<td>{{deliveryInfo.expeditionDate | date: 'dd/MM/yyyy'}}</td>
<td>{{deliveryInfo.estimateDeliveryDate | date: 'dd/MM/yyyy'}}</td>
<td>{{deliveryInfo.realDeliveryDate | date: 'dd/MM/yyyy'}}</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 de l'utilisateur" class="cursor-pointer">
<app-deliverer-form></app-deliverer-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>