Moved to Angular 6.0

----

Pending
* Table width for the points column in incentive
* Linting
* keyboard navigation where it was used earlier
* can remove the unused totals calculated serverside in productledger
* spinner and loading bars
* Activate Guard for Employee Function tabs
* Progress for Fingerprint uploads
* deleted reconcile and receipe features as they were not being used
* focus the right control on component load

overlord/src/app/cost-centre/cost-centre-list/cost-centre-list.component.ts

@@ -0,0 +1,30 @@
+import {Component, OnInit, ViewChild} from '@angular/core';
+import {MatPaginator, MatSort} from '@angular/material';
+import {CostCentreListDataSource} from './cost-centre-list-datasource';
+import {CostCentre} from '../cost-centre';
+import {ActivatedRoute} from '@angular/router';
+
+@Component({
+  selector: 'app-cost-centre-list',
+  templateUrl: './cost-centre-list.component.html',
+  styleUrls: ['./cost-centre-list.component.css']
+})
+export class CostCentreListComponent implements OnInit {
+  @ViewChild(MatPaginator) paginator: MatPaginator;
+  @ViewChild(MatSort) sort: MatSort;
+  dataSource: CostCentreListDataSource;
+  list: CostCentre[];
+  /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
+  displayedColumns = ['name', 'isFixture'];
+
+  constructor(private route: ActivatedRoute) {
+  }
+
+  ngOnInit() {
+    this.route.data
+      .subscribe((data: { list: CostCentre[] }) => {
+        this.list = data.list;
+      });
+    this.dataSource = new CostCentreListDataSource(this.paginator, this.sort, this.list);
+  }
+}