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/account/account-list/account-list-datasource.ts

@@ -0,0 +1,79 @@
+import {DataSource} from '@angular/cdk/collections';
+import {MatPaginator, MatSort} from '@angular/material';
+import {map, tap} from 'rxjs/operators';
+import {merge, Observable, of as observableOf} from 'rxjs';
+import {Account} from '../account';
+
+
+export class AccountListDataSource extends DataSource<Account> {
+  private dataObservable: Observable<Account[]>;
+  private filterValue: string;
+
+  constructor(private paginator: MatPaginator, private sort: MatSort, private filter: Observable<string>, public data: Account[]) {
+    super();
+    this.filter = filter.pipe(
+      tap(x => this.filterValue = x)
+    );
+  }
+
+  connect(): Observable<Account[]> {
+    this.dataObservable = observableOf(this.data);
+    const dataMutations = [
+      this.dataObservable,
+      this.filter,
+      this.paginator.page,
+      this.sort.sortChange
+    ];
+
+    return merge(...dataMutations).pipe(
+      map((x: any) => {
+        return this.getPagedData(this.getSortedData(this.getFilteredData([...this.data])));
+      }),
+      tap((x: Account[]) => this.paginator.length = x.length)
+    );
+  }
+
+  disconnect() {
+  }
+
+  private getFilteredData(data: Account[]): Account[] {
+    const filter = (this.filterValue === undefined) ? '' : this.filterValue;
+    return filter.split(' ').reduce((p: Account[], c: string) => {
+      return p.filter(x => {
+          const accountString = (
+            x.name + ' ' + x.type + ' ' + x.costCentre + (x.isActive ? ' active' : ' deactive')
+          ).toLowerCase();
+          return accountString.indexOf(c) !== -1;
+        }
+      );
+    }, Object.assign([], data));
+  }
+
+  private getPagedData(data: Account[]) {
+    const startIndex = this.paginator.pageIndex * this.paginator.pageSize;
+    return data.splice(startIndex, this.paginator.pageSize);
+  }
+
+  private getSortedData(data: Account[]) {
+    if (!this.sort.active || this.sort.direction === '') {
+      return data;
+    }
+
+    return data.sort((a, b) => {
+      const isAsc = this.sort.direction === 'asc';
+      switch (this.sort.active) {
+        case 'name':
+          return compare(a.name, b.name, isAsc);
+        case 'id':
+          return compare(+a.id, +b.id, isAsc);
+        default:
+          return 0;
+      }
+    });
+  }
+}
+
+/** Simple sort comparator for example ID/Name columns (for client-side sorting). */
+function compare(a, b, isAsc) {
+  return (a < b ? -1 : 1) * (isAsc ? 1 : -1);
+}