fix(query-builder): add header&temp demo to QB config generator

Author: teodosiah

live-editing/configs/QueryBuilderConfigGenerator.ts

@@ -1,5 +1,4 @@
-import {IgxQueryBuilderModule} from 'igniteui-angular';
-import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing'
+import { Config, IConfigGenerator} from 'igniteui-live-editing'
 import { BaseAppConfig } from './BaseConfig';
 export class QueryBuilderConfigGenerator implements IConfigGenerator {
 
@@ -13,6 +12,12 @@ export class QueryBuilderConfigGenerator implements IConfigGenerator {
             shortenComponentPathBy: "/interactions/query-builder/"
         }));
 
+        configs.push(new Config({
+            component: 'QueryBuilderTemplateSampleComponent',
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/interactions/query-builder/"
+        }));
+
         configs.push(new Config({
             component: 'QueryBuilderStyleComponent',
             additionalFiles: ["/src/app/interactions/query-builder/query-builder-style/layout.scss"],

src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.html

@@ -3,6 +3,8 @@
         [entities]="entities"
         [expressionTree]="expressionTree">
     </igx-query-builder>
+
+    <igx-query-builder-header [title]="'Query Builder Overview'"></igx-query-builder-header>
     <div class="output-area">
         <pre>{{ printExpressionTree(queryBuilder.expressionTree) }}</pre>
     </div>

src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.ts

@@ -1,11 +1,11 @@
 import { Component, OnInit } from '@angular/core';
-import { FilteringExpressionsTree, FilteringLogic, IExpressionTree, IgxBooleanFilteringOperand, IgxDateFilteringOperand, IgxNumberFilteringOperand, IgxQueryBuilderComponent, IgxStringFilteringOperand } from 'igniteui-angular';
+import { FilteringExpressionsTree, FilteringLogic, IExpressionTree, IgxBooleanFilteringOperand, IgxDateFilteringOperand, IgxNumberFilteringOperand, IgxQueryBuilderComponent, IgxQueryBuilderHeaderComponent, IgxStringFilteringOperand } from 'igniteui-angular';
 
 @Component({
     selector: 'app-query-builder-sample-1',
     styleUrls: ['./query-builder-sample-1.component.scss'],
     templateUrl: 'query-builder-sample-1.component.html',
-    imports: [IgxQueryBuilderComponent]
+    imports: [IgxQueryBuilderComponent, IgxQueryBuilderHeaderComponent]
 })
 export class QueryBuilderSample1Component implements OnInit {
     public entities: any[];