Moved from tslint to eslint as tslint was depreciated.

Added prettier and also prettied all the typescript files using prettier

ESLint is using the AirBnB rules which are the most strict to lint the files.

overlord/src/app/cost-centre/cost-centre-detail/cost-centre-detail.component.html

@@ -5,11 +5,22 @@
     </mat-card-title-group>
     <mat-card-content>
       <form [formGroup]="form" fxLayout="column">
-        <div fxLayout="row" fxLayoutAlign="space-around start" fxLayout.lt-md="column" fxLayoutGap="20px"
-             fxLayoutGap.lt-md="0px">
+        <div
+          fxLayout="row"
+          fxLayoutAlign="space-around start"
+          fxLayout.lt-md="column"
+          fxLayoutGap="20px"
+          fxLayoutGap.lt-md="0px"
+        >
           <mat-form-field fxFlex>
             <mat-label>Name</mat-label>
-            <input matInput #nameElement placeholder="Name" formControlName="name" (keyup.enter)="save()">
+            <input
+              matInput
+              #nameElement
+              placeholder="Name"
+              formControlName="name"
+              (keyup.enter)="save()"
+            />
           </mat-form-field>
         </div>
       </form>

overlord/src/app/cost-centre/cost-centre-detail/cost-centre-detail.component.spec.ts

@@ -1,6 +1,6 @@
-import {async, ComponentFixture, TestBed} from '@angular/core/testing';
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import {CostCentreDetailComponent} from './cost-centre-detail.component';
+import { CostCentreDetailComponent } from './cost-centre-detail.component';
 
 describe('CostCentreDetailComponent', () => {
   let component: CostCentreDetailComponent;
@@ -8,9 +8,8 @@ describe('CostCentreDetailComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [CostCentreDetailComponent]
-    })
-      .compileComponents();
+      declarations: [CostCentreDetailComponent],
+    }).compileComponents();
   }));
 
   beforeEach(() => {

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

@@ -1,15 +1,15 @@
-import {AfterViewInit, Component, ElementRef, OnInit, ViewChild} from '@angular/core';
+import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core';
 
-import {CostCentreService} from '../cost-centre.service';
-import {CostCentre} from '../../core/cost-centre';
-import {ActivatedRoute, Router} from '@angular/router';
-import {ToasterService} from '../../core/toaster.service';
-import {FormBuilder, FormGroup} from '@angular/forms';
+import { CostCentreService } from '../cost-centre.service';
+import { CostCentre } from '../../core/cost-centre';
+import { ActivatedRoute, Router } from '@angular/router';
+import { ToasterService } from '../../core/toaster.service';
+import { FormBuilder, FormGroup } from '@angular/forms';
 
 @Component({
   selector: 'app-cost-centre-detail',
   templateUrl: './cost-centre-detail.component.html',
-  styleUrls: ['./cost-centre-detail.component.css']
+  styleUrls: ['./cost-centre-detail.component.css'],
 })
 export class CostCentreDetailComponent implements OnInit, AfterViewInit {
   @ViewChild('nameElement', { static: true }) nameElement: ElementRef;
@@ -21,22 +21,21 @@ export class CostCentreDetailComponent implements OnInit, AfterViewInit {
     private router: Router,
     private fb: FormBuilder,
     private toaster: ToasterService,
-    private ser: CostCentreService
+    private ser: CostCentreService,
   ) {
     this.createForm();
   }
 
   createForm() {
     this.form = this.fb.group({
-      name: ''
+      name: '',
     });
   }
 
   ngOnInit() {
-    this.route.data
-      .subscribe((data: { item: CostCentre }) => {
-        this.showItem(data.item);
-      });
+    this.route.data.subscribe((data: { item: CostCentre }) => {
+      this.showItem(data.item);
+    });
   }
 
   showItem(item: CostCentre) {
@@ -53,16 +52,15 @@ export class CostCentreDetailComponent implements OnInit, AfterViewInit {
   }
 
   save() {
-    this.ser.saveOrUpdate(this.getItem())
-      .subscribe(
-        (result) => {
-          this.toaster.show('Success', '');
-          this.router.navigateByUrl('/cost-centres');
-        },
-        (error) => {
-          this.toaster.show('Danger', error);
-        }
-      );
+    this.ser.saveOrUpdate(this.getItem()).subscribe(
+      (result) => {
+        this.toaster.show('Success', '');
+        this.router.navigateByUrl('/cost-centres');
+      },
+      (error) => {
+        this.toaster.show('Danger', error);
+      },
+    );
   }
 
   getItem(): CostCentre {