Same commit as before

Some new files were untracked.

Author: LimZiJia

frontend/src/app/environments/environment.ts

@@ -0,0 +1,4 @@
+export const environment = {
+    production: true,
+    UserServiceApiUrl: 'http://localhost:3001'
+};

frontend/src/app/helpers/interceptors/error.interceptor.ts

@@ -0,0 +1,23 @@
+import { Injectable } from '@angular/core';
+import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http';
+import { Observable, throwError } from 'rxjs';
+import { catchError } from 'rxjs/operators';
+
+import { AuthenticationService } from '../../services/authentication.service';
+
+@Injectable()
+export class ErrorInterceptor implements HttpInterceptor {
+    constructor(private authenticationService: AuthenticationService) { }
+
+    intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+        return next.handle(request).pipe(catchError(err => {
+            if ([401, 403].includes(err.status)) {
+                // auto logout if 401 Unauthorized or 403 Forbidden response returned from api
+                this.authenticationService.logout();
+            }
+
+            const error = err.error.message || err.statusText;
+            return throwError(error);
+        }))
+    }
+}

frontend/src/app/helpers/interceptors/jwt.interceptor.ts

@@ -0,0 +1,27 @@
+import { Injectable } from '@angular/core';
+import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http';
+import { Observable } from 'rxjs';
+
+import { environment } from '../../environments/environment';
+import { AuthenticationService } from '../../services/authentication.service';
+
+@Injectable()
+export class JwtInterceptor implements HttpInterceptor {
+    constructor(private authenticationService: AuthenticationService) { }
+
+    intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+        // add auth header with jwt if user is logged in and request is to the api url
+        const user = this.authenticationService.userValue;
+        const isLoggedIn = user?.accessToken;
+        const isApiUrl = request.url.startsWith(environment.UserServiceApiUrl);
+        if (isLoggedIn && isApiUrl) {
+            request = request.clone({
+                setHeaders: {
+                    Authorization: `Bearer ${user.accessToken}`
+                }
+            });
+        }
+
+        return next.handle(request);
+    }
+}

frontend/src/app/models/user.model.ts

@@ -0,0 +1,8 @@
+export class User {
+    id?: string;
+    username?: string;
+    email?: string;
+    isAdmin?: boolean;
+    createdAt?: string;
+    accessToken?: string;
+}

frontend/src/app/services/authentication.service.ts

@@ -0,0 +1,51 @@
+import { Injectable } from '@angular/core';
+import { Router } from '@angular/router';
+import { HttpClient } from '@angular/common/http';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { map, tap } from 'rxjs/operators';
+import { environment } from '../environments/environment';
+import { User } from '../models/user.model';
+
+@Injectable({ providedIn: 'root' })
+export class AuthenticationService {
+    private userSubject: BehaviorSubject<User | null>;
+    public user: Observable<User | null>;
+
+    constructor(
+        private router: Router,
+        private http: HttpClient
+    ) {
+        this.userSubject = new BehaviorSubject(JSON.parse(localStorage.getItem('user')!));
+        this.user = this.userSubject.asObservable();
+    }
+
+    public get userValue() {
+        return this.userSubject.value;
+    }
+
+    login(username: string, password: string) {
+        console.log('in authentication service login');
+        console.log(username, password);
+        console.log(`${environment.UserServiceApiUrl}/auth/login`);
+        return this.http.post<any>(`${environment.UserServiceApiUrl}/auth/login`, 
+            { "username": username, "password": password })
+            .pipe(
+                tap(response => {
+                    console.log('HTTP POST response:', response);
+                }),
+                map(response => {
+                // store user details and jwt token in local storage to keep user logged in between page refreshes
+                const user = response.data;
+                localStorage.setItem('user', JSON.stringify(user));
+                this.userSubject.next(user);
+                return user;
+            }));
+    }
+
+    logout() {
+        // remove user from local storage to log user out
+        localStorage.removeItem('user');
+        this.userSubject.next(null);
+        this.router.navigate(['/login']);
+    }
+}

services/user-service/.gitignore

@@ -0,0 +1,7 @@
+**/node_modules
+**/.env
+**/.idea
+# Vim temp files
+*~
+*.swp
+*.swo