Select Git revision
pick-list.component.html

Oleksandr Husak authored
pick-list.component.html 3.31 KiB
<div class="table" *ngIf="tableData.length > 0">
<table mat-table [dataSource]="tableData" class="mat-elevation-z8">
<!-- Index -->
<ng-container matColumnDef="index">
<th mat-header-cell *matHeaderCellDef>
Index
</th>
<td mat-cell *matCellDef="let item"> {{item.index}} </td>
</ng-container>
<!-- Product -->
<ng-container matColumnDef="product">
<th mat-header-cell *matHeaderCellDef>
Product
</th>
<td mat-cell *matCellDef="let item"> {{item.productId}} </td>
</ng-container>
<!-- Inventory Soll -->
<ng-container matColumnDef="inventory_soll">
<th mat-header-cell *matHeaderCellDef>
Inventory Soll
</th>
<td mat-cell *matCellDef="let item">
<mat-chip-list *ngIf="item.inventoryItemSoll">
<mat-chip selected>
{{item.inventoryItemSoll}}
</mat-chip>
</mat-chip-list>
</td>
</ng-container>
<!-- Inventory Ist -->
<ng-container matColumnDef="inventory_ist">
<th mat-header-cell *matHeaderCellDef> Inventory Ist </th>
<td mat-cell *matCellDef="let item">
<mat-chip-list *ngIf="item.inventoryItemIst">
<mat-chip selected [color]="item.inventoryIsCorrect === false ? 'warn' : 'primary'">
{{item.inventoryItemIst}}
</mat-chip>
</mat-chip-list>
</td>
</ng-container>
<!-- Shipment Ist-->
<ng-container matColumnDef="shipment_ist">
<th mat-header-cell *matHeaderCellDef>
Shipment Ist
</th>
<td mat-cell *matCellDef="let item">
<mat-chip-list *ngIf="item.shipmentBinNr_Ist">
<mat-chip selected [color]="item.shipmentIsCorrect === false ? 'warn' : 'primary'">
{{item.shipmentBinNr_Ist}}
</mat-chip>
</mat-chip-list>
</td>
</ng-container>
<!-- Shipment Soll-->
<ng-container matColumnDef="shipment_soll">
<th mat-header-cell *matHeaderCellDef>
Shipment Soll
</th>
<td mat-cell *matCellDef="let item">
<mat-chip-list *ngIf="item.shipmentBinNrSoll">
<mat-chip selected>
{{item.shipmentBinNrSoll}}
</mat-chip>
</mat-chip-list>
</td>
</ng-container>
<!-- Picker -->
<ng-container matColumnDef="picker">
<th mat-header-cell *matHeaderCellDef>
Picker
</th>
<td mat-cell *matCellDef="let item"> {{item.pickerId}} </td>
</ng-container>
<!-- List -->
<ng-container matColumnDef="list">
<th mat-header-cell *matHeaderCellDef>
List
</th>
<td mat-cell *matCellDef="let item"> {{item.picklistId}} </td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>
</div>