Analitycs component demoshell integration

demo-shell-ng2/app/app.module.ts

@@ -31,6 +31,7 @@ import { ActivitiFormModule } from 'ng2-activiti-form';
 import { ActivitiTaskListModule } from 'ng2-activiti-tasklist';
 import { ActivitiProcessListModule } from 'ng2-activiti-processlist';
 import { UserInfoComponentModule } from 'ng2-alfresco-userinfo';
+import { AnalyticsModule } from 'ng2-activiti-analytics';
 
 import { AppComponent } from './app.component';
 import { routing } from './app.routes';
@@ -65,7 +66,8 @@ import {
         ActivitiFormModule.forRoot(),
         ActivitiTaskListModule.forRoot(),
         ActivitiProcessListModule.forRoot(),
-        UserInfoComponentModule.forRoot()
+        UserInfoComponentModule.forRoot(),
+        AnalyticsModule.forRoot()
     ],
     declarations: [
         AppComponent,

demo-shell-ng2/app/components/activiti/activiti-demo.component.html

@@ -63,7 +63,16 @@
             </div>
         </section>
         <section class="mdl-layout__tab-panel" id="report">
-            <div class="page-content"><!-- Your content goes here --></div>
+            <div class="page-content">
+                <div class="mdl-grid">
+                    <div class="mdl-cell mdl-cell--4-col task-column mdl-shadow--2dp">
+                        <analytics-report-list (reportClick)="onReportClick($event)"></analytics-report-list>
+                    </div>
+                    <div class="mdl-cell mdl-cell--8-col task-column mdl-shadow--2dp">
+                        <activiti-analytics *ngIf="report" [reportId]="report.id"></activiti-analytics>
+                    </div>
+                </div>
+            </div>
         </section>
     </main>
 </div>

demo-shell-ng2/app/components/activiti/activiti-demo.component.ts

@@ -79,6 +79,7 @@ export class ActivitiDemoComponent implements AfterViewChecked {
     processSchemaColumns: any [] = [];
 
     taskFilter: any;
+    report: any;
     processFilter: any;
 
     sub: Subscription;
@@ -140,6 +141,10 @@ export class ActivitiDemoComponent implements AfterViewChecked {
         this.taskFilter = event;
     }
 
+    onReportClick(event: any) {
+        this.report = event;
+    }
+
     onSuccessTaskFilterList(event: any) {
         this.taskFilter = this.activitifilter.getCurrentFilter();
     }