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/closing-stock/closing-stock.component.ts

@@ -1,17 +1,17 @@
-import {Component, OnInit, ViewChild} from '@angular/core';
+import { Component, OnInit, ViewChild } from '@angular/core';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
-import {ClosingStockDataSource} from './closing-stock-datasource';
-import {ClosingStock} from './closing-stock';
-import {ActivatedRoute, Router} from '@angular/router';
+import { ClosingStockDataSource } from './closing-stock-datasource';
+import { ClosingStock } from './closing-stock';
+import { ActivatedRoute, Router } from '@angular/router';
 import * as moment from 'moment';
-import {FormBuilder, FormGroup} from '@angular/forms';
-import {ToCsvService} from '../shared/to-csv.service';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { ToCsvService } from '../shared/to-csv.service';
 
 @Component({
   selector: 'app-closing-stock',
   templateUrl: './closing-stock.component.html',
-  styleUrls: ['./closing-stock.component.css']
+  styleUrls: ['./closing-stock.component.css'],
 })
 export class ClosingStockComponent implements OnInit {
   @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
@@ -22,24 +22,28 @@ export class ClosingStockComponent implements OnInit {
   /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
   displayedColumns = ['product', 'group', 'quantity', 'amount'];
 
-  constructor(private route: ActivatedRoute, private router: Router, private fb: FormBuilder, private toCsv: ToCsvService) {
+  constructor(
+    private route: ActivatedRoute,
+    private router: Router,
+    private fb: FormBuilder,
+    private toCsv: ToCsvService,
+  ) {
     this.createForm();
   }
 
   createForm() {
     this.form = this.fb.group({
-      date: ''
+      date: '',
     });
   }
 
   ngOnInit() {
-    this.route.data
-      .subscribe((data: { info: ClosingStock }) => {
-        this.info = data.info;
-        this.form.setValue({
-          date: moment(this.info.date, 'DD-MMM-YYYY').toDate()
-        });
+    this.route.data.subscribe((data: { info: ClosingStock }) => {
+      this.info = data.info;
+      this.form.setValue({
+        date: moment(this.info.date, 'DD-MMM-YYYY').toDate(),
       });
+    });
     this.dataSource = new ClosingStockDataSource(this.paginator, this.sort, this.info.body);
   }
 
@@ -52,7 +56,7 @@ export class ClosingStockComponent implements OnInit {
     const formModel = this.form.value;
 
     return {
-      date: moment(formModel.date).format('DD-MMM-YYYY')
+      date: moment(formModel.date).format('DD-MMM-YYYY'),
     };
   }
 
@@ -61,10 +65,12 @@ export class ClosingStockComponent implements OnInit {
       Product: 'product',
       Group: 'group',
       Quantity: 'quantity',
-      Amount: 'amount'
+      Amount: 'amount',
     };
 
-    const csvData = new Blob([this.toCsv.toCsv(headers, this.dataSource.data)], {type: 'text/csv;charset=utf-8;'});
+    const csvData = new Blob([this.toCsv.toCsv(headers, this.dataSource.data)], {
+      type: 'text/csv;charset=utf-8;',
+    });
     const link = document.createElement('a');
     link.href = window.URL.createObjectURL(csvData);
     link.setAttribute('download', 'closing-stock.csv');