collors for soll columns

src/app/app.component.html

@@ -14,13 +14,3 @@
     </mat-tab>
     
 </mat-tab-group>
\ No newline at end of file
-
-
-
-
-
-
-
-
-
-

src/app/components/pick-list/pick-list.component.html

@@ -24,7 +24,11 @@
             </th>
             <td mat-cell *matCellDef="let item">
                 <mat-chip-list *ngIf="item.inventoryItemSoll">
-                    <mat-chip selected>
+                    <mat-chip selected *ngIf="!item.hasOwnProperty('inventoryIsCorrect')">
+                        {{item.inventoryItemSoll}} 
+                    </mat-chip>
+                    <mat-chip selected *ngIf="item.hasOwnProperty('inventoryIsCorrect')" 
+                        [color]="item.inventoryIsCorrect === false ? 'warn' : 'accent'">
                         {{item.inventoryItemSoll}} 
                     </mat-chip>
                 </mat-chip-list>
@@ -36,36 +40,40 @@
             <th mat-header-cell *matHeaderCellDef> Inventory Ist </th>
             <td mat-cell *matCellDef="let item"> 
                 <mat-chip-list *ngIf="item.inventoryItemIst">
-                    <mat-basic-chip selected [style]="item.inventoryIsCorrect === false ? 'background-color:red; color:white' : 'background-color:green; color:white'">
+                    <mat-chip selected [color]="item.inventoryIsCorrect === false ? 'warn' : 'accent'">
                         {{item.inventoryItemIst}} 
-                    </mat-basic-chip>
+                    </mat-chip>
                 </mat-chip-list>
             </td>
         </ng-container>
 
-        <!-- Shipment Ist-->
-        <ng-container matColumnDef="shipment_ist">
+        <!-- Shipment Soll-->
+        <ng-container matColumnDef="shipment_soll">
             <th mat-header-cell *matHeaderCellDef>
-                Shipment Ist
+                Shipment Soll
             </th>
             <td mat-cell *matCellDef="let item">
-                <mat-chip-list *ngIf="item.shipmentBinNrIst">
-                    <mat-basic-chip selected [style]="item.shipmentIsCorrect === false ? 'background-color:red; color:white' : 'background-color:green; color:white'">
-                        {{item.shipmentBinNrIst}} 
-                    </mat-basic-chip>
+                <mat-chip-list *ngIf="item.shipmentBinNrSoll">
+                    <mat-chip selected *ngIf="!item.hasOwnProperty('shipmentIsCorrect')">
+                        {{item.shipmentBinNrSoll}} 
+                    </mat-chip>
+                    <mat-chip selected *ngIf="item.hasOwnProperty('shipmentIsCorrect')" 
+                        [color]="item.shipmentIsCorrect === false ? 'warn' : 'accent'">
+                        {{item.shipmentBinNrSoll}} 
+                    </mat-chip>
                 </mat-chip-list>
             </td>
         </ng-container>
 
-        <!-- Shipment Soll-->
-        <ng-container matColumnDef="shipment_soll">
+        <!-- Shipment Ist-->
+        <ng-container matColumnDef="shipment_ist">
             <th mat-header-cell *matHeaderCellDef>
-                Shipment Soll
+                Shipment Ist
             </th>
             <td mat-cell *matCellDef="let item"> 
-                <mat-chip-list *ngIf="item.shipmentBinNrSoll">
-                    <mat-chip selected>
-                        {{item.shipmentBinNrSoll}} 
+                <mat-chip-list *ngIf="item.shipmentBinNrIst">
+                    <mat-chip selected [color]="item.shipmentIsCorrect === false ? 'warn' : 'accent'">
+                        {{item.shipmentBinNrIst}} 
                     </mat-chip>
                 </mat-chip-list>
             </td>

src/app/components/pick-list/pick-list.component.ts

@@ -53,7 +53,7 @@ export class PickListComponent implements OnInit {
 
   private subsPosition: Subscription;
 
-  displayedColumns: string[] = ['index', 'product', 'inventory_soll', 'inventory_ist', 'shipment_soll', 'shipment_ist', 'picker', 'list'];
+  displayedColumns: string[] = ['index', 'product', 'inventory_soll', 'inventory_ist', 'shipment_soll', 'shipment_ist'];
 
   tableData: any;
   pickListData: any;