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

@@ -1,33 +1,29 @@
-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 {User} from '../../core/user';
+import { map } from 'rxjs/operators';
+import { merge, Observable, of as observableOf } from 'rxjs';
+import { User } from '../../core/user';
 
 export class UserListDataSource extends DataSource<User> {
-
   constructor(private paginator: MatPaginator, private sort: MatSort, public data: User[]) {
     super();
   }
 
   connect(): Observable<User[]> {
-    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: User[]) {
     const startIndex = this.paginator.pageIndex * this.paginator.pageSize;

overlord/src/app/user/user-list/user-list.component.html

@@ -8,17 +8,18 @@
   </mat-card-title-group>
   <mat-card-content>
     <mat-table #table [dataSource]="dataSource" matSort aria-label="Elements">
-
       <!-- Name Column -->
       <ng-container matColumnDef="name">
         <mat-header-cell *matHeaderCellDef mat-sort-header>Name</mat-header-cell>
-        <mat-cell *matCellDef="let row"><a [routerLink]="['/users', row.id]">{{row.name}}</a></mat-cell>
+        <mat-cell *matCellDef="let row"
+          ><a [routerLink]="['/users', row.id]">{{ row.name }}</a></mat-cell
+        >
       </ng-container>
 
       <!-- Locked Out Column -->
       <ng-container matColumnDef="lockedOut">
         <mat-header-cell *matHeaderCellDef mat-sort-header>Is Locked Out?</mat-header-cell>
-        <mat-cell *matCellDef="let row">{{row.lockedOut}}</mat-cell>
+        <mat-cell *matCellDef="let row">{{ row.lockedOut }}</mat-cell>
       </ng-container>
 
       <!-- Groups Column -->
@@ -26,20 +27,22 @@
         <mat-header-cell *matHeaderCellDef mat-sort-header>Groups</mat-header-cell>
         <mat-cell *matCellDef="let row">
           <ul>
-            <li *ngFor="let group of row.groups">{{group}}</li>
+            <li *ngFor="let group of row.groups">{{ group }}</li>
           </ul>
         </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]">
+    <mat-paginator
+      #paginator
+      [length]="dataSource.data.length"
+      [pageIndex]="0"
+      [pageSize]="50"
+      [pageSizeOptions]="[25, 50, 100, 250]"
+    >
     </mat-paginator>
   </mat-card-content>
 </mat-card>

overlord/src/app/user/user-list/user-list.component.ts

@@ -1,14 +1,14 @@
-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 {UserListDataSource} from './user-list-datasource';
-import {User} from '../../core/user';
-import {ActivatedRoute} from '@angular/router';
+import { UserListDataSource } from './user-list-datasource';
+import { User } from '../../core/user';
+import { ActivatedRoute } from '@angular/router';
 
 @Component({
   selector: 'app-user-list',
   templateUrl: './user-list.component.html',
-  styleUrls: ['./user-list.component.css']
+  styleUrls: ['./user-list.component.css'],
 })
 export class UserListComponent implements OnInit {
   @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
@@ -18,14 +18,12 @@ export class UserListComponent implements OnInit {
   /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
   displayedColumns = ['name', 'lockedOut', 'groups'];
 
-  constructor(private route: ActivatedRoute) {
-  }
+  constructor(private route: ActivatedRoute) {}
 
   ngOnInit() {
-    this.route.data
-      .subscribe((data: { list: User[] }) => {
-        this.list = data.list;
-      });
+    this.route.data.subscribe((data: { list: User[] }) => {
+      this.list = data.list;
+    });
     this.dataSource = new UserListDataSource(this.paginator, this.sort, this.list);
   }
 }