build: fix dashboard typescript failures (#8616)

* Fixes TypeScript errors for the dashboard app.

Author: devversion

tools/dashboard/package.json

@@ -20,7 +20,7 @@
     "@angular/platform-browser": "^5.0.0",
     "@angular/platform-browser-dynamic": "^5.0.0",
     "@angular/router": "^5.0.0",
-    "@swimlane/ngx-charts": "^6.0.0",
+    "@swimlane/ngx-charts": "^7.0.1",
     "angularfire2": "^5.0.0-rc.2",
     "core-js": "^2.4.1",
     "d3": "^4.9.1",
@@ -35,6 +35,6 @@
     "@types/jasmine": "2.5.45",
     "@types/node": "~6.0.60",
     "ts-node": "~3.0.4",
-    "typescript": "^2.4.1"
+    "typescript": "~2.4.2"
   }
 }

tools/dashboard/src/app/coverage-chart/coverage-chart.html

@@ -9,6 +9,7 @@
   [showXAxisLabel]="true"
   [showYAxisLabel]="true"
   [showGridLines]="true"
+  [timeline]="true"
   [xAxisLabel]="xAxisLabel"
   [yAxisLabel]="yAxisLabel"
   [autoScale]="true">

tools/dashboard/src/app/dashboard-app.ts

@@ -17,8 +17,8 @@ export class DashboardApp {
   coverage: Observable<CoverageResult[]>;
 
   constructor(database: AngularFireDatabase) {
-    this.payloads = database.list(`payloads`).valueChanges();
-    this.coverage = database.list(`coverage-reports`).valueChanges();
+    this.payloads = database.list<PayloadResult>('payloads').valueChanges();
+    this.coverage = database.list<CoverageResult>('coverage-reports').valueChanges();
   }
 }
 

tools/dashboard/src/app/dashboard-module.ts

@@ -1,14 +1,14 @@
+import {NgModule} from '@angular/core';
+import {MatCardModule, MatProgressSpinnerModule, MatToolbarModule} from '@angular/material';
 import {BrowserModule} from '@angular/platform-browser';
+import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
+import {NgxChartsModule} from '@swimlane/ngx-charts';
 import {AngularFireModule} from 'angularfire2';
 import {AngularFireDatabaseModule} from 'angularfire2/database';
-import {NgModule} from '@angular/core';
-import {DashboardApp} from './dashboard-app';
 import {environment} from '../environments/environment';
-import {MatCardModule, MatProgressSpinnerModule, MatToolbarModule} from '@angular/material';
-import {NgxChartsModule} from '@swimlane/ngx-charts';
-import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
-import {PayloadChart} from './payload-chart/payload-chart';
 import {CoverageChart} from './coverage-chart/coverage-chart';
+import {DashboardApp} from './dashboard-app';
+import {PayloadChart} from './payload-chart/payload-chart';
 
 @NgModule({
   exports: [

tools/dashboard/src/app/payload-chart/payload-chart.html

@@ -9,6 +9,7 @@
   [showXAxisLabel]="true"
   [showYAxisLabel]="true"
   [showGridLines]="true"
+  [timeline]="true"
   [xAxisLabel]="xAxisLabel"
   [yAxisLabel]="yAxisLabel"
   [autoScale]="true">