collors for soll columns

src/app/app.component.html

@@ -13,14 +13,4 @@
         <chart-timeline> ... </chart-timeline> 
     </mat-tab>
     
-</mat-tab-group>
-
+</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,23 +40,9 @@
             <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-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.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>
                 </mat-chip-list>
             </td>
         </ng-container>
@@ -64,9 +54,27 @@
             </th>
             <td mat-cell *matCellDef="let item">
                 <mat-chip-list *ngIf="item.shipmentBinNrSoll">
-                    <mat-chip selected>
+                    <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 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.shipmentBinNrIst">
+                    <mat-chip selected [color]="item.shipmentIsCorrect === false ? 'warn' : 'accent'">
+                        {{item.shipmentBinNrIst}} 
+                    </mat-chip>
                 </mat-chip-list>
             </td>
         </ng-container>

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;