Fix lint errors

Author: pfbrowning

projects/ng-loading-indicator/src/lib/components/loading-indicator.component.spec.ts

@@ -41,46 +41,46 @@ describe('LoadingIndicatorComponent', () => {
     // Check that everything is as expected upon initialization
     expect(component.loadingIndicatorModal.visible).toBe(false);
     expect(component.loadingMessage).toBeUndefined();
-    expect(loadingMessageHeader.textContent).toBe("");
+    expect(loadingMessageHeader.textContent).toBe('');
 
     // Simulate a load start
-    service.eventLoadStarted.emit("Load Started");
+    service.eventLoadStarted.emit('Load Started');
     fixture.detectChanges();
 
     // Check that the component is visible and shows the proper text
     expect(component.loadingIndicatorModal.visible).toBe(true);
-    expect(component.loadingMessage).toBe("Load Started");
-    expect(loadingMessageHeader.textContent).toBe("Load Started");
+    expect(component.loadingMessage).toBe('Load Started');
+    expect(loadingMessageHeader.textContent).toBe('Load Started');
 
     // Simulate a load end
     service.eventLoadEnded.emit();
     fixture.detectChanges();
 
-    /* Check that the component is no longer visible and that 
+    /* Check that the component is no longer visible and that
     the loading text was reset. */
     expect(component.loadingIndicatorModal.visible).toBe(false);
     expect(component.loadingMessage).toBeNull();
-    expect(loadingMessageHeader.textContent).toBe("");
-  })
+    expect(loadingMessageHeader.textContent).toBe('');
+  });
 
   it('should properly apply user-provided css classes', () => {
     // Test that everything is what we expect it to be upon initialization
     expect(component.loadingIndicatorModal.modalClass).toBe('');
     expect(component.loadingIndicatorModal.overlayClass).toBe('');
-    expect(loadingMessageHeader.getAttribute('class')).toBe("loadingMessage ");
-    expect(spinnerDiv.getAttribute('class')).toBe("spinner ");
+    expect(loadingMessageHeader.getAttribute('class')).toBe('loadingMessage ');
+    expect(spinnerDiv.getAttribute('class')).toBe('spinner ');
 
     // Apply custom CSS classes as input properties
-    component.overlayClass = "testOverlayClass";
-    component.modalClass = "testModalClass";
-    component.loadingMessageClass = "testLoadingMessageClass";
-    component.spinnerClass = "testSpinnerClass";
+    component.overlayClass = 'testOverlayClass';
+    component.modalClass = 'testModalClass';
+    component.loadingMessageClass = 'testLoadingMessageClass';
+    component.spinnerClass = 'testSpinnerClass';
     fixture.detectChanges();
 
     // Ensure that the CSS is properly applied to the DOM and the modal component
-    expect(component.loadingIndicatorModal.modalClass).toBe("testModalClass");
-    expect(component.loadingIndicatorModal.overlayClass).toBe("testOverlayClass");
-    expect(loadingMessageHeader.getAttribute('class')).toBe("loadingMessage testLoadingMessageClass");
-    expect(spinnerDiv.getAttribute('class')).toBe("spinner testSpinnerClass");
+    expect(component.loadingIndicatorModal.modalClass).toBe('testModalClass');
+    expect(component.loadingIndicatorModal.overlayClass).toBe('testOverlayClass');
+    expect(loadingMessageHeader.getAttribute('class')).toBe('loadingMessage testLoadingMessageClass');
+    expect(spinnerDiv.getAttribute('class')).toBe('spinner testSpinnerClass');
 });
 });

projects/ng-loading-indicator/src/lib/components/loading-indicator.component.ts

@@ -15,7 +15,7 @@ import { ModalWindowComponent } from '@browninglogic/ng-modal';
   styleUrls: ['./loading-indicator.component.css']
 })
 export class LoadingIndicatorComponent implements OnInit, OnDestroy {
-  constructor(private loadingIndicatorService : LoadingIndicatorService) {}
+  constructor(private loadingIndicatorService: LoadingIndicatorService) {}
   /** Custom CSS class(es) to apply to the modal*/
   @Input() modalClass = '';
   /** Custom CSS class(es) to apply to the overlay*/
@@ -24,13 +24,13 @@ export class LoadingIndicatorComponent implements OnInit, OnDestroy {
   @Input() loadingMessageClass = '';
   /** Custom CSS class(es) to apply to the spinner*/
   @Input() spinnerClass = '';
-  @ViewChild('loadingIndicatorModal') loadingIndicatorModal : ModalWindowComponent;
-  private _loadingMessage : string;
-  private subLoadStarted : Subscription;
-  private subLoadEnded : Subscription;
+  @ViewChild('loadingIndicatorModal') loadingIndicatorModal: ModalWindowComponent;
+  private _loadingMessage: string;
+  private subLoadStarted: Subscription;
+  private subLoadEnded: Subscription;
 
   /** Loading message to bind to the loading modal window */
-  public get loadingMessage() : string {
+  public get loadingMessage(): string {
     return this._loadingMessage;
   }
 
@@ -46,7 +46,7 @@ export class LoadingIndicatorComponent implements OnInit, OnDestroy {
   }
 
   /** Show the loading indicator and set the provided loading message for template binding */
-  private onLoadStarted(loadingMessage : string) {
+  private onLoadStarted(loadingMessage: string) {
     this._loadingMessage = loadingMessage;
     this.loadingIndicatorModal.show();
   }

projects/ng-loading-indicator/src/lib/services/loading-indicator.service.spec.ts

@@ -2,7 +2,7 @@ import { TestBed } from '@angular/core/testing';
 import { LoadingIndicatorService } from './loading-indicator.service';
 
 describe('LoadingIndicatorService', () => {
-  let loadingIndicatorService : LoadingIndicatorService;
+  let loadingIndicatorService: LoadingIndicatorService;
   let loadStartedSpy: jasmine.Spy;
   let loadEndedSpy: jasmine.Spy;
 
@@ -19,10 +19,10 @@ describe('LoadingIndicatorService', () => {
   });
 
   it('should properly emit load start event', () => {
-    loadingIndicatorService.showLoadingIndicator("Showing Indicator");
+    loadingIndicatorService.showLoadingIndicator('Showing Indicator');
 
     expect(loadStartedSpy).toHaveBeenCalledTimes(1);
-    expect(loadStartedSpy).toHaveBeenCalledWith("Showing Indicator");
+    expect(loadStartedSpy).toHaveBeenCalledWith('Showing Indicator');
   });
 
   it('should properly emit load ended event', () => {

projects/ng-loading-indicator/src/lib/services/loading-indicator.service.ts

@@ -13,9 +13,9 @@ export class LoadingIndicatorService {
   /** Event signifying that the load ended */
   @Output() eventLoadEnded = new EventEmitter();
 
-  /** Notifies the loading indicator component to show a 
+  /** Notifies the loading indicator component to show a
    * loading indicator with the specified text */
-  public showLoadingIndicator(loadingMessage : string = "Loading") {
+  public showLoadingIndicator(loadingMessage: string = 'Loading') {
     this.eventLoadStarted.emit(loadingMessage);
   }
 

src/app/app.component.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { LoadingIndicatorService} from 'ng-loading-indicator'
+import { LoadingIndicatorService } from 'ng-loading-indicator';
 import { timer } from 'rxjs';
 import { tap, switchMap, finalize } from 'rxjs/operators';
 
@@ -25,14 +25,14 @@ export class AppComponent {
 
   public showDifferentMessages(): void {
     // Show the loading indicator with custom loading message text
-    this.loadingIndicatorService.showLoadingIndicator("Fetching the first thing");
+    this.loadingIndicatorService.showLoadingIndicator('Fetching the first thing');
     // Simulate a two second API call
     timer(2000).pipe(
       // Change the loading message text between the first and second simulated API call
-      tap(() => this.loadingIndicatorService.showLoadingIndicator("Fetching something else")),
+      tap(() => this.loadingIndicatorService.showLoadingIndicator('Fetching something else')),
       // Simulate a second two second API call
       switchMap(() => timer(2000)),
-      /* Hide the loading indicator upon completion of both of the simulated API 
+      /* Hide the loading indicator upon completion of both of the simulated API
       calls, regardless of whether the operation succeeded or failed. */
       finalize(() => this.loadingIndicatorService.hideLoadingIndicator())
     ).subscribe();