Added auth interceptor.

edc-frontend/src/app/app.module.ts

@@ -4,7 +4,7 @@ import { BrowserModule } from '@angular/platform-browser';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { HttpClientModule } from '@angular/common/http';
+import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { MatTabsModule } from '@angular/material/tabs';
 import { MatCardModule } from '@angular/material/card';
 import { MatIconModule } from '@angular/material/icon';
@@ -23,6 +23,7 @@ import { TodaySummaryCardComponent } from './components/today-summary-card/today
 import { AchievementCardComponent } from './components/achievement-card/achievement-card.component';
 import { StreakPageComponent } from './components/streak-page/streak-page.component';
 import { LoginPageComponent } from './components/login-page/login-page.component';
+import { BasicAuthInterceptor } from './services/auth/auth-interceptor';
 
 @NgModule({
   declarations: [
@@ -50,7 +51,9 @@ import { LoginPageComponent } from './components/login-page/login-page.component
     MatToolbarModule,
     ReactiveFormsModule
   ],
-  providers: [],
+  providers: [
+    { provide: HTTP_INTERCEPTORS, useClass: BasicAuthInterceptor, multi: true }
+  ],
   bootstrap: [AppComponent]
 })
 export class AppModule {

edc-frontend/src/app/services/auth/auth-interceptor.ts

@@ -0,0 +1,24 @@
+import { Injectable } from '@angular/core';
+import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http';
+import { Observable } from 'rxjs';
+
+import { AuthService } from './auth.service';
+
+@Injectable()
+export class BasicAuthInterceptor implements HttpInterceptor {
+
+  constructor(private authService: AuthService) { }
+
+  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+    // Assume all calls are to our API
+    const user = this.authService.getUserValue();
+    if (user != null) {
+      request = request.clone({
+        setHeaders: { 
+          Authorization: 'Basic ' + btoa(user.username + ':' + user.password)
+        }
+      });
+    }
+    return next.handle(request);
+  }
+}