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/stock-movement/stock-movement-datasource.ts

@@ -1,34 +1,33 @@
-import {DataSource} from '@angular/cdk/collections';
+import { DataSource } from '@angular/cdk/collections';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
-import {map} from 'rxjs/operators';
-import {merge, Observable, of as observableOf} from 'rxjs';
-import {StockMovementItem} from './stock-movement';
-
+import { map } from 'rxjs/operators';
+import { merge, Observable, of as observableOf } from 'rxjs';
+import { StockMovementItem } from './stock-movement';
 
 export class StockMovementDataSource extends DataSource<StockMovementItem> {
-
-  constructor(private paginator: MatPaginator, private sort: MatSort, public data: StockMovementItem[]) {
+  constructor(
+    private paginator: MatPaginator,
+    private sort: MatSort,
+    public data: StockMovementItem[],
+  ) {
     super();
   }
 
   connect(): Observable<StockMovementItem[]> {
-    const dataMutations = [
-      observableOf(this.data),
-      this.paginator.page,
-      this.sort.sortChange
-    ];
+    const dataMutations = [observableOf(this.data), this.paginator.page, this.sort.sortChange];
 
     // Set the paginators length
     this.paginator.length = this.data.length;
 
-    return merge(...dataMutations).pipe(map(() => {
-      return this.getPagedData(this.getSortedData([...this.data]));
-    }));
+    return merge(...dataMutations).pipe(
+      map(() => {
+        return this.getPagedData(this.getSortedData([...this.data]));
+      }),
+    );
   }
 
-  disconnect() {
-  }
+  disconnect() {}
 
   private getPagedData(data: StockMovementItem[]) {
     const startIndex = this.paginator.pageIndex * this.paginator.pageSize;

overlord/src/app/stock-movement/stock-movement-resolver.service.spec.ts

@@ -1,11 +1,11 @@
-import {inject, TestBed} from '@angular/core/testing';
+import { inject, TestBed } from '@angular/core/testing';
 
-import {StockMovementResolver} from './stock-movement-resolver.service';
+import { StockMovementResolver } from './stock-movement-resolver.service';
 
 describe('StockMovementResolver', () => {
   beforeEach(() => {
     TestBed.configureTestingModule({
-      providers: [StockMovementResolver]
+      providers: [StockMovementResolver],
     });
   });
 

overlord/src/app/stock-movement/stock-movement-resolver.service.ts

@@ -1,16 +1,14 @@
-import {Injectable} from '@angular/core';
-import {ActivatedRouteSnapshot, Resolve, RouterStateSnapshot} from '@angular/router';
-import {Observable} from 'rxjs/internal/Observable';
-import {StockMovement} from './stock-movement';
-import {StockMovementService} from './stock-movement.service';
+import { Injectable } from '@angular/core';
+import { ActivatedRouteSnapshot, Resolve, RouterStateSnapshot } from '@angular/router';
+import { Observable } from 'rxjs/internal/Observable';
+import { StockMovement } from './stock-movement';
+import { StockMovementService } from './stock-movement.service';
 
 @Injectable({
-  providedIn: 'root'
+  providedIn: 'root',
 })
 export class StockMovementResolver implements Resolve<StockMovement> {
-
-  constructor(private ser: StockMovementService) {
-  }
+  constructor(private ser: StockMovementService) {}
 
   resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<StockMovement> {
     const startDate = route.queryParamMap.get('startDate') || null;

overlord/src/app/stock-movement/stock-movement-routing.module.spec.ts

@@ -1,4 +1,4 @@
-import {StockMovementRoutingModule} from './stock-movement-routing.module';
+import { StockMovementRoutingModule } from './stock-movement-routing.module';
 
 describe('StockMovementRoutingModule', () => {
   let stockMovementRoutingModule: StockMovementRoutingModule;

overlord/src/app/stock-movement/stock-movement-routing.module.ts

@@ -1,9 +1,9 @@
-import {NgModule} from '@angular/core';
-import {CommonModule} from '@angular/common';
-import {RouterModule, Routes} from '@angular/router';
-import {StockMovementResolver} from './stock-movement-resolver.service';
-import {AuthGuard} from '../auth/auth-guard.service';
-import {StockMovementComponent} from './stock-movement.component';
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule, Routes } from '@angular/router';
+import { StockMovementResolver } from './stock-movement-resolver.service';
+import { AuthGuard } from '../auth/auth-guard.service';
+import { StockMovementComponent } from './stock-movement.component';
 
 const stockMovementRoutes: Routes = [
   {
@@ -11,27 +11,18 @@ const stockMovementRoutes: Routes = [
     component: StockMovementComponent,
     canActivate: [AuthGuard],
     data: {
-      permission: 'Stock Movement'
+      permission: 'Stock Movement',
     },
     resolve: {
-      info: StockMovementResolver
+      info: StockMovementResolver,
     },
-    runGuardsAndResolvers: 'always'
-  }
+    runGuardsAndResolvers: 'always',
+  },
 ];
 
 @NgModule({
-  imports: [
-    CommonModule,
-    RouterModule.forChild(stockMovementRoutes)
-
-  ],
-  exports: [
-    RouterModule
-  ],
-  providers: [
-    StockMovementResolver
-  ]
+  imports: [CommonModule, RouterModule.forChild(stockMovementRoutes)],
+  exports: [RouterModule],
+  providers: [StockMovementResolver],
 })
-export class StockMovementRoutingModule {
-}
+export class StockMovementRoutingModule {}

overlord/src/app/stock-movement/stock-movement.component.css

@@ -3,10 +3,10 @@
   justify-content: flex-end;
 }
 
-.selected{
-  background: #fff3cd
+.selected {
+  background: #fff3cd;
 }
 
-.unposted{
-  background: #f8d7da
+.unposted {
+  background: #f8d7da;
 }

overlord/src/app/stock-movement/stock-movement.component.html

@@ -4,17 +4,34 @@
   </mat-card-title-group>
   <mat-card-content>
     <form [formGroup]="form" fxLayout="column">
-      <div fxLayout="row" fxLayout.lt-md="column" fxLayoutGap="20px" fxLayoutGap.lt-md="0px"
-           fxLayoutAlign="space-around start">
+      <div
+        fxLayout="row"
+        fxLayout.lt-md="column"
+        fxLayoutGap="20px"
+        fxLayoutGap.lt-md="0px"
+        fxLayoutAlign="space-around start"
+      >
         <mat-form-field fxFlex="40">
-          <input matInput [matDatepicker]="startDate" (focus)="startDate.open()" placeholder="Start Date"
-                 formControlName="startDate" autocomplete="off">
+          <input
+            matInput
+            [matDatepicker]="startDate"
+            (focus)="startDate.open()"
+            placeholder="Start Date"
+            formControlName="startDate"
+            autocomplete="off"
+          />
           <mat-datepicker-toggle matSuffix [for]="startDate"></mat-datepicker-toggle>
           <mat-datepicker #startDate></mat-datepicker>
         </mat-form-field>
         <mat-form-field fxFlex="40">
-          <input matInput [matDatepicker]="finishDate" (focus)="finishDate.open()" placeholder="Finish Date"
-                 formControlName="finishDate" autocomplete="off">
+          <input
+            matInput
+            [matDatepicker]="finishDate"
+            (focus)="finishDate.open()"
+            placeholder="Finish Date"
+            formControlName="finishDate"
+            autocomplete="off"
+          />
           <mat-datepicker-toggle matSuffix [for]="finishDate"></mat-datepicker-toggle>
           <mat-datepicker #finishDate></mat-datepicker>
         </mat-form-field>
@@ -22,19 +39,21 @@
       </div>
     </form>
     <mat-table #table [dataSource]="dataSource" matSort aria-label="Elements">
-
       <!-- Group Column -->
       <ng-container matColumnDef="group">
         <mat-header-cell *matHeaderCellDef mat-sort-header>Group</mat-header-cell>
-        <mat-cell *matCellDef="let row">{{row.group}}</mat-cell>
+        <mat-cell *matCellDef="let row">{{ row.group }}</mat-cell>
       </ng-container>
 
       <!-- Name Column -->
       <ng-container matColumnDef="name">
         <mat-header-cell *matHeaderCellDef mat-sort-header>Name</mat-header-cell>
         <mat-cell *matCellDef="let row">
-          <a [routerLink]="row.url" [queryParams]="{startDate: info.startDate, finishDate: info.finishDate}">
-            {{row.name}}
+          <a
+            [routerLink]="row.url"
+            [queryParams]="{ startDate: info.startDate, finishDate: info.finishDate }"
+          >
+            {{ row.name }}
           </a>
         </mat-cell>
       </ng-container>
@@ -42,36 +61,40 @@
       <!-- Opening Column -->
       <ng-container matColumnDef="opening">
         <mat-header-cell *matHeaderCellDef mat-sort-header class="right">Opening</mat-header-cell>
-        <mat-cell *matCellDef="let row" class="right">{{row.opening | number:'1.2-2'}}</mat-cell>
+        <mat-cell *matCellDef="let row" class="right">{{ row.opening | number: '1.2-2' }}</mat-cell>
       </ng-container>
 
       <!-- Purchaase Column -->
       <ng-container matColumnDef="purchase">
         <mat-header-cell *matHeaderCellDef mat-sort-header class="right">Purchase</mat-header-cell>
-        <mat-cell *matCellDef="let row" class="right">{{row.purchase | number:'1.2-2'}}</mat-cell>
+        <mat-cell *matCellDef="let row" class="right">{{
+          row.purchase | number: '1.2-2'
+        }}</mat-cell>
       </ng-container>
 
       <!-- Issue Column -->
       <ng-container matColumnDef="issue">
         <mat-header-cell *matHeaderCellDef mat-sort-header class="right">Issue</mat-header-cell>
-        <mat-cell *matCellDef="let row" class="right">{{row.issue | number:'1.2-2'}}</mat-cell>
+        <mat-cell *matCellDef="let row" class="right">{{ row.issue | number: '1.2-2' }}</mat-cell>
       </ng-container>
 
       <!-- Closing Column -->
       <ng-container matColumnDef="closing">
         <mat-header-cell *matHeaderCellDef mat-sort-header class="right">Closing</mat-header-cell>
-        <mat-cell *matCellDef="let row" class="right">{{row.closing | number:'1.2-2'}}</mat-cell>
+        <mat-cell *matCellDef="let row" class="right">{{ row.closing | number: '1.2-2' }}</mat-cell>
       </ng-container>
 
       <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
-      <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
+      <mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
     </mat-table>
 
-    <mat-paginator #paginator
-                   [length]="dataSource.data.length"
-                   [pageIndex]="0"
-                   [pageSize]="50"
-                   [pageSizeOptions]="[25, 50, 100, 250, 300]">
+    <mat-paginator
+      #paginator
+      [length]="dataSource.data.length"
+      [pageIndex]="0"
+      [pageSize]="50"
+      [pageSizeOptions]="[25, 50, 100, 250, 300]"
+    >
     </mat-paginator>
   </mat-card-content>
 </mat-card>

overlord/src/app/stock-movement/stock-movement.component.spec.ts

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

overlord/src/app/stock-movement/stock-movement.component.ts

@@ -1,16 +1,16 @@
-import {Component, OnInit, ViewChild} from '@angular/core';
-import {FormBuilder, FormGroup} from '@angular/forms';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
-import {ActivatedRoute, Router} from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
 import * as moment from 'moment';
-import {StockMovementDataSource} from './stock-movement-datasource';
-import {StockMovement} from './stock-movement';
+import { StockMovementDataSource } from './stock-movement-datasource';
+import { StockMovement } from './stock-movement';
 
 @Component({
   selector: 'app-stock-movement',
   templateUrl: './stock-movement.component.html',
-  styleUrls: ['./stock-movement.component.css']
+  styleUrls: ['./stock-movement.component.css'],
 })
 export class StockMovementComponent implements OnInit {
   @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
@@ -22,24 +22,19 @@ export class StockMovementComponent implements OnInit {
   /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
   displayedColumns = ['group', 'name', 'opening', 'purchase', 'issue', 'closing'];
 
-  constructor(
-    private route: ActivatedRoute,
-    private router: Router,
-    private fb: FormBuilder
-  ) {
+  constructor(private route: ActivatedRoute, private router: Router, private fb: FormBuilder) {
     this.createForm();
   }
 
   ngOnInit() {
-    this.route.data
-      .subscribe((data: { info: StockMovement }) => {
-        this.info = data.info;
-        this.form.setValue({
-          startDate: moment(this.info.startDate, 'DD-MMM-YYYY').toDate(),
-          finishDate: moment(this.info.finishDate, 'DD-MMM-YYYY').toDate()
-        });
-        this.dataSource = new StockMovementDataSource(this.paginator, this.sort, this.info.body);
+    this.route.data.subscribe((data: { info: StockMovement }) => {
+      this.info = data.info;
+      this.form.setValue({
+        startDate: moment(this.info.startDate, 'DD-MMM-YYYY').toDate(),
+        finishDate: moment(this.info.finishDate, 'DD-MMM-YYYY').toDate(),
       });
+      this.dataSource = new StockMovementDataSource(this.paginator, this.sort, this.info.body);
+    });
   }
 
   show() {
@@ -47,8 +42,8 @@ export class StockMovementComponent implements OnInit {
     this.router.navigate(['stock-movement'], {
       queryParams: {
         startDate: l.startDate,
-        finishDate: l.finishDate
-      }
+        finishDate: l.finishDate,
+      },
     });
   }
 
@@ -65,7 +60,7 @@ export class StockMovementComponent implements OnInit {
     return {
       startDate: moment(formModel.startDate).format('DD-MMM-YYYY'),
       finishDate: moment(formModel.finishDate).format('DD-MMM-YYYY'),
-      body: []
+      body: [],
     };
   }
 }

overlord/src/app/stock-movement/stock-movement.module.spec.ts

@@ -1,4 +1,4 @@
-import {StockMovementModule} from './stock-movement.module';
+import { StockMovementModule } from './stock-movement.module';
 
 describe('StockMovementModule', () => {
   let stockMovementModule: StockMovementModule;

overlord/src/app/stock-movement/stock-movement.module.ts

@@ -1,10 +1,15 @@
-import {NgModule} from '@angular/core';
-import {CommonModule} from '@angular/common';
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MatNativeDateModule } from '@angular/material/core';
+import {
+  DateAdapter,
+  MAT_DATE_FORMATS,
+  MAT_DATE_LOCALE,
+  MatNativeDateModule,
+} from '@angular/material/core';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatIconModule } from '@angular/material/icon';
@@ -13,14 +18,14 @@ import { MatPaginatorModule } from '@angular/material/paginator';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatSortModule } from '@angular/material/sort';
 import { MatTableModule } from '@angular/material/table';
-import {SharedModule} from '../shared/shared.module';
-import {ReactiveFormsModule} from '@angular/forms';
-import {CdkTableModule} from '@angular/cdk/table';
-import {StockMovementRoutingModule} from './stock-movement-routing.module';
-import {StockMovementComponent} from './stock-movement.component';
-import {MomentDateAdapter} from '@angular/material-moment-adapter';
-import {A11yModule} from '@angular/cdk/a11y';
-import {FlexLayoutModule} from '@angular/flex-layout';
+import { SharedModule } from '../shared/shared.module';
+import { ReactiveFormsModule } from '@angular/forms';
+import { CdkTableModule } from '@angular/cdk/table';
+import { StockMovementRoutingModule } from './stock-movement-routing.module';
+import { StockMovementComponent } from './stock-movement.component';
+import { MomentDateAdapter } from '@angular/material-moment-adapter';
+import { A11yModule } from '@angular/cdk/a11y';
+import { FlexLayoutModule } from '@angular/flex-layout';
 
 export const MY_FORMATS = {
   parse: {
@@ -55,15 +60,12 @@ export const MY_FORMATS = {
     MatTableModule,
     ReactiveFormsModule,
     SharedModule,
-    StockMovementRoutingModule
-  ],
-  declarations: [
-    StockMovementComponent
+    StockMovementRoutingModule,
   ],
+  declarations: [StockMovementComponent],
   providers: [
-    {provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE]},
-    {provide: MAT_DATE_FORMATS, useValue: MY_FORMATS},
-  ]
+    { provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },
+    { provide: MAT_DATE_FORMATS, useValue: MY_FORMATS },
+  ],
 })
-export class StockMovementModule {
-}
+export class StockMovementModule {}

overlord/src/app/stock-movement/stock-movement.service.spec.ts

@@ -1,11 +1,11 @@
-import {inject, TestBed} from '@angular/core/testing';
+import { inject, TestBed } from '@angular/core/testing';
 
-import {StockMovementService} from './stock-movement.service';
+import { StockMovementService } from './stock-movement.service';
 
 describe('StockMovementService', () => {
   beforeEach(() => {
     TestBed.configureTestingModule({
-      providers: [StockMovementService]
+      providers: [StockMovementService],
     });
   });
 

overlord/src/app/stock-movement/stock-movement.service.ts

@@ -1,32 +1,30 @@
-import {Injectable} from '@angular/core';
-import {catchError} from 'rxjs/operators';
-import {Observable} from 'rxjs/internal/Observable';
-import {HttpClient, HttpHeaders, HttpParams} from '@angular/common/http';
-import {StockMovement} from './stock-movement';
-import {ErrorLoggerService} from '../core/error-logger.service';
+import { Injectable } from '@angular/core';
+import { catchError } from 'rxjs/operators';
+import { Observable } from 'rxjs/internal/Observable';
+import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
+import { StockMovement } from './stock-movement';
+import { ErrorLoggerService } from '../core/error-logger.service';
 
 const httpOptions = {
-  headers: new HttpHeaders({'Content-Type': 'application/json'})
+  headers: new HttpHeaders({ 'Content-Type': 'application/json' }),
 };
 
 const url = '/api/stock-movement';
 const serviceName = 'StockMovementService';
 
 @Injectable({
-  providedIn: 'root'
+  providedIn: 'root',
 })
 export class StockMovementService {
-
-  constructor(private http: HttpClient, private log: ErrorLoggerService) {
-  }
+  constructor(private http: HttpClient, private log: ErrorLoggerService) {}
 
   list(startDate: string, finishDate): Observable<StockMovement> {
     startDate = startDate ? `/${startDate}` : '';
     finishDate = finishDate ? `/${finishDate}` : '';
-    return <Observable<StockMovement>>this.http.get<StockMovement>(`${url}${startDate}${finishDate}`)
-      .pipe(
-        catchError(this.log.handleError(serviceName, 'list'))
-      );
+    return <Observable<StockMovement>>(
+      this.http
+        .get<StockMovement>(`${url}${startDate}${finishDate}`)
+        .pipe(catchError(this.log.handleError(serviceName, 'list')))
+    );
   }
-
 }

overlord/src/app/stock-movement/stock-movement.ts

@@ -1,4 +1,3 @@
-
 export class StockMovementItem {
   id: string;
   group: string;