fix(sample): query-builder style sample

Author: ivanvpetrov

src/app/interactions/query-builder/query-builder-style/query-builder-style.component.scss

@@ -8,7 +8,7 @@ $muted-yellow: #ffe482;
 $custom-query-builder: query-builder-theme(
   $schema: $dark-material-schema,
   $background: $black,
-  $subquery-background: #373532,
+  $subquery-header-background: #373532,
   $subquery-border-color: #4e4d4a,
   $header-background: $black,
   $header-foreground: $yellow,

src/app/interactions/query-builder/query-builder-style/query-builder-style.component.ts

@@ -9,29 +9,51 @@ import { IgxQueryBuilderComponent } from 'igniteui-angular';
 })
 export class QueryBuilderStyleComponent implements OnInit {
     public entities: any[];
+    public companiesFields: any[];
+    public ordersFields: any[];
     public ngOnInit(): void {
-        const fields: any[] = [
-            { field: 'ID', dataType: 'string' },
-            { field: 'CompanyName', dataType: 'string' },
-            { field: 'ContactName', dataType: 'string' },
-            { field: 'Employees', dataType: 'number' },
-            { field: 'ContactTitle', dataType: 'string' },
-            { field: 'DateCreated', dataType: 'date' },
-            { field: 'TimeCreated', dataType: 'time' },
-            { field: 'Address', dataType: 'string' },
-            { field: 'City', dataType: 'string' },
-            { field: 'Region', dataType: 'string' },
-            { field: 'PostalCode', dataType: 'string' },
-            { field: 'Phone', dataType: 'string' },
-            { field: 'Fax', dataType: 'string' },
-            { field: 'Contract', dataType: 'boolean' }
+        this.companiesFields = [
+            { field: "ID", dataType: "string" },
+            { field: "CompanyName", dataType: "string" },
+            { field: "ContactName", dataType: "string" },
+            { field: "Employees", dataType: "number" },
+            { field: "ContactTitle", dataType: "string" },
+            { field: "DateCreated", dataType: "date" },
+            { field: "TimeCreated", dataType: "time" },
+            { field: "Address", dataType: "string" },
+            { field: "City", dataType: "string" },
+            { field: "Region", dataType: "string" },
+            { field: "PostalCode", dataType: "string" },
+            { field: "Phone", dataType: "string" },
+            { field: "Fax", dataType: "string" },
+            { field: "Contract", dataType: "boolean" }
+        ];
+
+        this.ordersFields = [
+            { field: "CompanyID", dataType: "string" },
+            { field: "OrderID", dataType: "number" },
+            { field: "EmployeeId", dataType: "number" },
+            { field: "OrderDate", dataType: "date" },
+            { field: "RequiredDate", dataType: "date" },
+            { field: "ShippedDate", dataType: "date" },
+            { field: "ShipVia", dataType: "number" },
+            { field: "Freight", dataType: "number" },
+            { field: "ShipName", dataType: "string" },
+            { field: "ShipCity", dataType: "string" },
+            { field: "ShipPostalCode", dataType: "string" },
+            { field: "ShipCountry", dataType: "string" },
+            { field: "Region", dataType: "string" }
         ];
 
         this.entities = [
             {
                 name: "Companies",
-                fields: fields
+                fields: this.companiesFields
+            },
+            {
+                name: "Orders",
+                fields: this.ordersFields
             }
-        ];
+        ];        
     }
 }