Fix ng lint errors

src/app/app.component.html

@@ -1,3 +1,3 @@
 <!--The content below is only a placeholder and can be replaced.-->
-<att-table></att-table>
+<app-table></app-table>
 

src/app/table/table.component.spec.ts

@@ -9,16 +9,16 @@ import { WindowWrapper } from '../utilties/window-wrapper';
 import { TableService } from './table.service';
 import { DataShape } from './table.models';
 
-let tableServiceMock: TableService = <TableService>{
+const tableServiceMock: TableService = <TableService>{
   getSampleData: () => from([]),
   submitSampleRow: (data: DataShape) => Promise.resolve({})
-}
-let cdrMock: ChangeDetectorRef = <ChangeDetectorRef>{
+};
+const cdrMock: ChangeDetectorRef = <ChangeDetectorRef>{
   detectChanges: () => {}
-}
-let windowMock: WindowWrapper = <WindowWrapper>{
+};
+const windowMock: WindowWrapper = <WindowWrapper>{
   scrollX: 0
-}
+};
 
 describe('TableComponent', () => {
   let component: TableComponent;

src/app/table/table.component.ts

@@ -19,7 +19,7 @@ import {
 
 
 @Component({
-  selector: 'att-table',
+  selector: 'app-table',
   templateUrl: './table.component.html'
 })
 export class TableComponent implements OnInit {
@@ -34,25 +34,25 @@ export class TableComponent implements OnInit {
   public displayedData: OriginalDataShape[] = [];
   public dataHeadersMap: {}[] = [];
 
-  public currentPage: number = 1;
+  public currentPage = 1;
 
-  private displayedRows: number = 25;
-  private lastScrollX: number = 0;
+  private displayedRows = 25;
+  private lastScrollX = 0;
 
 
   public get totalPages(): number { return Math.ceil(this.data.length / this.displayedRows); }
-  public get backVisible(): boolean { return this.notAllRowsDisplayed() && this.currentPage !== 1 }
-  public get nextVisible(): boolean { return this.notAllRowsDisplayed() && this.currentPage < this.totalPages }
-  public get startVisible(): boolean { return this.backVisible && this.currentPage > 2 }
-  public get lastVisible(): boolean { return this.nextVisible && this.totalPages - this.currentPage >= 2 }
+  public get backVisible(): boolean { return this.notAllRowsDisplayed() && this.currentPage !== 1; }
+  public get nextVisible(): boolean { return this.notAllRowsDisplayed() && this.currentPage < this.totalPages; }
+  public get startVisible(): boolean { return this.backVisible && this.currentPage > 2; }
+  public get lastVisible(): boolean { return this.nextVisible && this.totalPages - this.currentPage >= 2; }
 
   constructor(
     private tableService: TableService,
     private cdr: ChangeDetectorRef,
     private window: WindowWrapper // DI
   ) {
     this.dataHeadersMap = Object.keys(OriginalDataToHeadersMap)
-      .map(prop => { return { value: prop, display: OriginalDataToHeadersMap[prop] } });
+      .map(prop => ({ value: prop, display: OriginalDataToHeadersMap[prop] }));
     console.log(this.dataHeadersMap);
   }
 
@@ -88,7 +88,7 @@ export class TableComponent implements OnInit {
         this.displayHeader.nativeElement.style.left = `${-this.window.scrollX}px`;
         this.lastScrollX = this.window.scrollX;
       }
-    }
+    };
   }
 
   private calculateHeaderWidths(): void {
@@ -101,7 +101,7 @@ export class TableComponent implements OnInit {
   }
 
   private notAllRowsDisplayed(): boolean {
-    return this.data > this.displayedData
+    return this.data > this.displayedData;
   }
 
   private setPage(page: number) {

src/app/table/table.models.ts

@@ -3,30 +3,30 @@ export interface DataShape {
 }
 
 export type DataToHeadersMap<S extends DataShape> = {
-  [P in keyof S]: string
-}
+  [P in keyof S]: string;
+};
 
 export interface OriginalDataShape extends DataShape {
-  name: string,
-  phone: string,
-  email: string,
-  company: string,
-  date_entry: string,
-  org: string,
-  address_1: string,
-  city: string,
-  zip: string,
-  geo: string,
-  pan: string,
-  pin: string,
-  id: number,
-  status: string,
-  fee: string,
-  guid: string,
-  date_exit: string,
-  date_first: string,
-  date_recent: string,
-  url: string
+  name: string;
+  phone: string;
+  email: string;
+  company: string;
+  date_entry: string;
+  org: string;
+  address_1: string;
+  city: string;
+  zip: string;
+  geo: string;
+  pan: string;
+  pin: string;
+  id: number;
+  status: string;
+  fee: string;
+  guid: string;
+  date_exit: string;
+  date_first: string;
+  date_recent: string;
+  url: string;
 }
 
 export const OriginalDataToHeadersMap: DataToHeadersMap<OriginalDataShape> = {
@@ -50,4 +50,4 @@ export const OriginalDataToHeadersMap: DataToHeadersMap<OriginalDataShape> = {
   date_first: 'First Date',
   date_recent: 'Recent Date',
   url: 'URL'
-}
+};

src/app/table/table.module.ts

@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common';
 import { HttpClientModule } from '@angular/common/http';
 
 import { TableComponent } from './table.component';
-import { TableService } from './table.service'
+import { TableService } from './table.service';
 
 @NgModule({
   imports: [