Merge branch 'vNext' of https://github.com/IgniteUI/igniteui-angular-samples into vNext

Author: zdrawku

angular.json

@@ -30,7 +30,10 @@
             "optimization": false,
             "namedChunks": true,
             "sourceMap": false,
-            "progress": true
+            "progress": true,
+            "stylePreprocessorOptions": {
+                "includePaths": ["node_modules"]
+            }
           },
           "configurations": {
             "production": {
@@ -140,7 +143,10 @@
             },
             "progress": true,
             "optimization": false,
-            "namedChunks": true
+            "namedChunks": true,
+            "stylePreprocessorOptions": {
+                "includePaths": ["node_modules"]
+            }
           },
           "configurations": {
             "production": {
@@ -267,7 +273,10 @@
             },
             "progress": true,
             "optimization": false,
-            "namedChunks": true
+            "namedChunks": true,
+            "stylePreprocessorOptions": {
+                "includePaths": ["node_modules"]
+            }
           },
           "configurations": {
             "production": {

gulpfile.js

@@ -50,6 +50,66 @@ gulp.task("overwrite-package-json", (done) => {
     done();
 });
 
+const createPrependerdLobStructure = (cb) => {
+    const folders = [
+        './dist/app-lob/samples',
+        './dist/app-lob/samples/grid',
+        './dist/app-lob/samples/tree-grid',
+        './dist/app-lob/samples/grid-finjs-dock-manager',
+        './dist/app-lob/samples/hierarchical-grid',
+        './dist/app-lob/grid',
+        './dist/app-lob/tree-grid',
+        './dist/app-lob/grid-finjs-dock-manager',
+        './dist/app-lob/hierarchical-grid'
+    ];
+    folders.forEach(dir => {
+        if (!fs.existsSync(dir)) {
+            fs.mkdirSync(dir);
+        }
+    });
+    cb();
+}
+
+const addPrerenderedLobPages = (cb) => {
+    const { metadata } = require('./projects/app-lob/src/app/metadata');
+    const indexFilePath = path.resolve(__dirname, './', 'dist/app-lob', 'index.html');
+
+    // read in the index.html file
+    fs.readFile(indexFilePath, 'utf8', function (err, data) {
+        if (err) {
+            return console.error(err);
+        }
+
+        metadata.forEach(({ url, title, description, og_url, folder }) => {
+            let result = data;
+            result = result.replace(/\$OG_TITLE/g, title);
+            result = result.replace(/\$OG_DESCRIPTION/g, description);
+            result = result.replace(/\$OG_URL/g, og_url);
+
+            let filename = url.substring(1).replace(/\//g, '-');
+            if (filename.length) {
+                filename = filename + '.html';
+            } else {
+                filename = 'index.html';
+            }
+
+            fs.writeFile(path.resolve(__dirname, './', './dist/app-lob/samples/' + folder, filename), result, (err) => {
+                if (err) {
+                    console.log(err);
+                }
+            });
+            fs.writeFile(path.resolve(__dirname, './', './dist/app-lob/' + folder, filename), result, (err) => {
+                if (err) {
+                    console.log(err);
+                }
+            });
+        })
+    })
+    cb();
+}
+
+exports.prerenderPages = gulp.series(createPrependerdLobStructure, addPrerenderedLobPages);
+
 gulp.task("watch-live-editing", gulp.series("generate-live-editing", () => {
     gulp.watch(["./src/**/*.*", "!./src/assets/**", "./live-editing/**/*.*", "package.json"], function () {
         Object.keys(require.cache).forEach(function (key) {

live-editing/configs/PivotGridConfigGenerator.ts

@@ -8,7 +8,8 @@ import {
     IgxPivotGridModule,
     IgxTooltipModule,
     IgxToastModule,
-    IgxSwitchModule
+    IgxSwitchModule,
+    IgxExcelExporterService
 } from 'igniteui-angular';
 import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing';
 export class PivotGridConfigGenerator implements IConfigGenerator {
@@ -29,6 +30,17 @@ export class PivotGridConfigGenerator implements IConfigGenerator {
             component: 'PivotGridBasicSampleComponent'
         }));
 
+        configs.push(new Config({
+            additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/dataToAnalyze.ts'],
+            appModuleConfig: new AppModuleConfig({
+                imports: ['IgxPivotGridModule', 'PivotExportComponent', 'IgxPreventDocumentScrollModule', 'IgxExcelExporterService'],
+                ngDeclarations: ['PivotExportComponent'],
+                ngImports: ['IgxPreventDocumentScrollModule', 'IgxPivotGridModule'],
+                ngProviders: ['IgxExcelExporterService']
+            }),
+            component: 'PivotExportComponent'
+        }));
+
         configs.push(new Config({
             additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/dataToAnalyze.ts'],
             appModuleConfig: new AppModuleConfig({

live-editing/configs/QueryBuilderConfigGenerator.ts

@@ -0,0 +1,31 @@
+import {IgxQueryBuilderModule} from 'igniteui-angular';
+import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing'
+export class QueryBuilderConfigGenerator implements IConfigGenerator {
+
+
+    public generateConfigs(): Config[] {
+        const configs = new Array<Config>();
+
+        configs.push(new Config({
+            component: 'QueryBuilderSample1Component',
+            appModuleConfig: new AppModuleConfig({
+                imports: ['IgxQueryBuilderModule', 'QueryBuilderSample1Component'],
+                ngDeclarations: ['QueryBuilderSample1Component'],
+                ngImports: ['IgxQueryBuilderModule']
+            }),
+            shortenComponentPathBy: "/interactions/query-builder/"
+        }));
+
+        configs.push(new Config({
+            component: 'QueryBuilderStyleComponent',
+            appModuleConfig: new AppModuleConfig({
+                imports: ['IgxQueryBuilderModule', 'QueryBuilderStyleComponent'],
+                ngDeclarations: ['QueryBuilderStyleComponent'],
+                ngImports: ['IgxQueryBuilderModule']
+            }),
+            shortenComponentPathBy: "/interactions/query-builder/"
+        }));
+
+        return configs;
+    }
+}

live-editing/configs/SliderConfigGenerator.ts

@@ -2,20 +2,20 @@ import {IgxButtonModule,
 IgxIconModule,
 IgxInputGroupModule,
 IgxSliderModule} from 'igniteui-angular';
+import { HammerModule } from '@angular/platform-browser';
 import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing'
 export class SliderConfigGenerator implements IConfigGenerator {
 
-
     public generateConfigs(): Config[] {
         const configs = new Array<Config>();
 
         // slider sample 1
         configs.push(new Config({
             component: 'SliderSample1Component',
             appModuleConfig: new AppModuleConfig({
-                imports: ['IgxInputGroupModule', 'IgxSliderModule', 'SliderSample1Component'],
+                imports: ['IgxInputGroupModule', 'IgxSliderModule', 'SliderSample1Component', 'HammerModule'],
                 ngDeclarations: ['SliderSample1Component'],
-                ngImports: ['IgxInputGroupModule', 'IgxSliderModule']
+                ngImports: ['IgxInputGroupModule', 'IgxSliderModule', 'HammerModule']
             }),
             shortenComponentPathBy: "/interactions/slider/"
         }));
@@ -24,9 +24,9 @@ export class SliderConfigGenerator implements IConfigGenerator {
         configs.push(new Config({
             component: 'SliderSample2Component',
             appModuleConfig: new AppModuleConfig({
-                imports: ['IgxSliderModule', 'SliderSample2Component'],
+                imports: ['IgxSliderModule', 'SliderSample2Component', 'HammerModule'],
                 ngDeclarations: ['SliderSample2Component'],
-                ngImports: ['IgxSliderModule']
+                ngImports: ['IgxSliderModule', 'HammerModule']
             }),
             shortenComponentPathBy: "/interactions/slider/"
         }));
@@ -35,9 +35,9 @@ export class SliderConfigGenerator implements IConfigGenerator {
         configs.push(new Config({
             component: 'SliderSample3Component',
             appModuleConfig: new AppModuleConfig({
-                imports: ['IgxInputGroupModule', 'IgxSliderModule', 'SliderSample3Component'],
+                imports: ['IgxInputGroupModule', 'IgxSliderModule', 'SliderSample3Component', 'HammerModule'],
                 ngDeclarations: ['SliderSample3Component'],
-                ngImports: ['IgxInputGroupModule', 'IgxSliderModule']
+                ngImports: ['IgxInputGroupModule', 'IgxSliderModule', 'HammerModule']
             }),
             shortenComponentPathBy: "/interactions/slider/"
         }));
@@ -46,9 +46,9 @@ export class SliderConfigGenerator implements IConfigGenerator {
         configs.push(new Config({
             component: 'SliderSample4Component',
             appModuleConfig: new AppModuleConfig({
-                imports: ['IgxSliderModule', 'SliderSample4Component'],
+                imports: ['IgxSliderModule', 'SliderSample4Component', 'HammerModule'],
                 ngDeclarations: ['SliderSample4Component'],
-                ngImports: ['IgxSliderModule']
+                ngImports: ['IgxSliderModule', 'HammerModule']
             }),
             shortenComponentPathBy: "/interactions/slider/"
         }));
@@ -57,9 +57,9 @@ export class SliderConfigGenerator implements IConfigGenerator {
         configs.push(new Config({
             component: 'SliderSample5Component',
             appModuleConfig: new AppModuleConfig({
-                imports: ['IgxSliderModule', 'SliderSample5Component'],
+                imports: ['IgxSliderModule', 'SliderSample5Component', 'HammerModule'],
                 ngDeclarations: ['SliderSample5Component'],
-                ngImports: ['IgxSliderModule']
+                ngImports: ['IgxSliderModule', 'HammerModule']
             }),
             shortenComponentPathBy: "/interactions/slider/"
         }));
@@ -68,79 +68,79 @@ export class SliderConfigGenerator implements IConfigGenerator {
         configs.push(new Config({
             component: 'SliderSample6Component',
             appModuleConfig: new AppModuleConfig({
-                imports: ['IgxSliderModule', 'SliderSample6Component'],
+                imports: ['IgxSliderModule', 'SliderSample6Component', 'HammerModule'],
                 ngDeclarations: ['SliderSample6Component'],
-                ngImports: ['IgxSliderModule']
+                ngImports: ['IgxSliderModule', 'HammerModule']
             }),
             shortenComponentPathBy: "/interactions/slider/"
         }));
 
         configs.push(new Config({
             component: 'SliderSecondaryTicksMirrorComponent',
             appModuleConfig: new AppModuleConfig({
-                imports: ['IgxButtonModule', 'IgxIconModule', 'IgxSliderModule', 'SliderSecondaryTicksMirrorComponent'],
+                imports: ['IgxButtonModule', 'IgxIconModule', 'IgxSliderModule', 'SliderSecondaryTicksMirrorComponent', 'HammerModule'],
                 ngDeclarations: ['SliderSecondaryTicksMirrorComponent'],
-                ngImports: ['IgxButtonModule', 'IgxIconModule', 'IgxSliderModule']
+                ngImports: ['IgxButtonModule', 'IgxIconModule', 'IgxSliderModule', 'HammerModule']
             }),
             shortenComponentPathBy: "/interactions/slider/"
         }));
 
         configs.push(new Config({
             component: 'SliderDiscreteTicksBottomComponent',
             appModuleConfig: new AppModuleConfig({
-                imports: ['IgxSliderModule', 'SliderDiscreteTicksBottomComponent'],
+                imports: ['IgxSliderModule', 'SliderDiscreteTicksBottomComponent', 'HammerModule'],
                 ngDeclarations: ['SliderDiscreteTicksBottomComponent'],
-                ngImports: ['IgxSliderModule']
+                ngImports: ['IgxSliderModule', 'HammerModule']
             }),
             shortenComponentPathBy: "/interactions/slider/"
         }));
 
         configs.push(new Config({
             component: 'SliderTicksBottomtotopLabelsComponent',
             appModuleConfig: new AppModuleConfig({
-                imports: ['IgxInputGroupModule', 'IgxSliderModule', 'SliderTicksBottomtotopLabelsComponent'],
+                imports: ['IgxInputGroupModule', 'IgxSliderModule', 'SliderTicksBottomtotopLabelsComponent', 'HammerModule'],
                 ngDeclarations: ['SliderTicksBottomtotopLabelsComponent'],
-                ngImports: ['IgxInputGroupModule', 'IgxSliderModule']
+                ngImports: ['IgxInputGroupModule', 'IgxSliderModule', 'HammerModule']
             }),
             shortenComponentPathBy: "/interactions/slider/"
         }));
 
         configs.push(new Config({
             component: 'SliderPrimaryTicksTopComponent',
             appModuleConfig: new AppModuleConfig({
-                imports: ['IgxSliderModule', 'SliderPrimaryTicksTopComponent'],
+                imports: ['IgxSliderModule', 'SliderPrimaryTicksTopComponent', 'HammerModule'],
                 ngDeclarations: ['SliderPrimaryTicksTopComponent'],
-                ngImports: ['IgxSliderModule']
+                ngImports: ['IgxSliderModule', 'HammerModule']
             }),
             shortenComponentPathBy: "/interactions/slider/"
         }));
 
         configs.push(new Config({
             component: 'SliderTimeframeComponent',
             appModuleConfig: new AppModuleConfig({
-                imports: ['IgxSliderModule', 'SliderTimeframeComponent'],
+                imports: ['IgxSliderModule', 'SliderTimeframeComponent', 'HammerModule'],
                 ngDeclarations: ['SliderTimeframeComponent'],
-                ngImports: ['IgxSliderModule']
+                ngImports: ['IgxSliderModule', 'HammerModule']
             }),
             shortenComponentPathBy: "/interactions/slider/"
         }));
 
         configs.push(new Config({
             component: 'TickLabelsTemplateComponent',
             appModuleConfig: new AppModuleConfig({
-                imports: ['IgxSliderModule', 'TickLabelsTemplateComponent'],
+                imports: ['IgxSliderModule', 'TickLabelsTemplateComponent', 'HammerModule'],
                 ngDeclarations: ['TickLabelsTemplateComponent'],
-                ngImports: ['IgxSliderModule']
+                ngImports: ['IgxSliderModule', 'HammerModule']
             }),
             shortenComponentPathBy: "/interactions/slider/"
         }));
 
         configs.push(new Config({
             component: 'AppSliderStylingComponent',
             appModuleConfig: new AppModuleConfig({
-                imports: ['IgxSliderModule', 'AppSliderStylingComponent'],
+                imports: ['IgxSliderModule', 'AppSliderStylingComponent', 'HammerModule'],
                 ngDeclarations: ['AppSliderStylingComponent'],
-                ngImports: ['IgxSliderModule']
+                ngImports: ['IgxSliderModule', 'HammerModule']
             }),
             shortenComponentPathBy: "/interactions/slider/"
         }));

live-editing/generators/ConfigGenerators.ts

@@ -60,6 +60,7 @@ import { AccordionConfigGenerator } from '../configs/AccordionConfigGenerator';
 import { StepperConfigGenerator } from '../configs/StepperConfigGenerator';
 import { PaginationConfigGenerator } from '../configs/PaginationConfigGenerator';
 import { PivotGridConfigGenerator } from '../configs/PivotGridConfigGenerator';
+import { QueryBuilderConfigGenerator } from '../configs/QueryBuilderConfigGenerator';
 
 export const CONFIG_GENERATORS =
     [
@@ -132,5 +133,6 @@ export const CONFIG_GENERATORS =
         TransactionsConfigGenerator,
         SplitterConfigGenerator,
         DockManagerConfigGenerator,
-        PaginationConfigGenerator
+        PaginationConfigGenerator,
+        QueryBuilderConfigGenerator
     ];