added deliverer page with deliverer-form and deliverer-table
This commit is contained in:
53
src/app/components/deliverer-table/deliverer-table.html
Normal file
53
src/app/components/deliverer-table/deliverer-table.html
Normal 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>
|
||||
Reference in New Issue
Block a user