75 lines
2.2 KiB
TypeScript
75 lines
2.2 KiB
TypeScript
|
import { Injectable } from '@angular/core';
|
||
|
|
import { HttpClient, HttpResponse, HttpErrorResponse, HttpHeaders } from '@angular/common/http';
|
||
|
|
import { Observable, of, throwError } from 'rxjs';
|
||
|
|
import { catchError, map, tap } from 'rxjs/operators';
|
||
|
|
|
||
|
|
import { User } from 'app/core/models/user';
|
||
|
|
|
||
|
|
const httpOptions = {
|
||
|
|
withCredentials: true,
|
||
|
|
headers: new HttpHeaders({
|
||
|
|
'Content-Type': 'application/json'
|
||
|
|
})
|
||
|
|
};
|
||
|
|
|
||
|
|
@Injectable({
|
||
|
|
providedIn: 'root'
|
||
|
|
})
|
||
|
|
export class AuthService {
|
||
|
|
isLoggedIn: boolean;
|
||
|
|
|
||
|
|
// store the URL so we can redirect after logging in
|
||
|
|
redirectUrl: string;
|
||
|
|
|
||
|
|
constructor(private http: HttpClient) {
|
||
|
|
//check for the cookie in local storrage
|
||
|
|
//TODO checks for username now since django does not seem to return a cookie
|
||
|
|
if (localStorage.getItem('username')) {
|
||
|
|
this.isLoggedIn = true;
|
||
|
|
} else {
|
||
|
|
this.isLoggedIn = false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Initialize the service by querying the server
|
||
|
|
// Not sure if this makes sense, since a service is not supposed to init()
|
||
|
|
init(): Observable<any> {
|
||
|
|
return this.http.get('/users/whoami/', httpOptions).pipe(
|
||
|
|
tap(val => {
|
||
|
|
console.log('auth-init-whami : ', val);
|
||
|
|
}),
|
||
|
|
catchError(this.handleError())
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
//loggins a users. expects a user model
|
||
|
|
login(user: User): Observable<any> {
|
||
|
|
return this.http.post('/users/login/', user, httpOptions).pipe(
|
||
|
|
tap(val => {
|
||
|
|
this.isLoggedIn = true;
|
||
|
|
//Set the session cookie in local storrage.
|
||
|
|
//TODO needs validation
|
||
|
|
}),
|
||
|
|
catchError(this.handleError())
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
//logout the user
|
||
|
|
//TODO not yet used
|
||
|
|
logout(): Observable<any> {
|
||
|
|
this.isLoggedIn = false;
|
||
|
|
localStorage.removeItem('username');
|
||
|
|
|
||
|
|
return this.http.post('/users/logout/', {}, httpOptions);
|
||
|
|
}
|
||
|
|
|
||
|
|
//very generic error handling function.
|
||
|
|
//implicitly returns an observable that will display an error message
|
||
|
|
private handleError<T>() {
|
||
|
|
return (error: any): Observable<T> => {
|
||
|
|
console.error(error);
|
||
|
|
return of(error);
|
||
|
|
};
|
||
|
|
}
|
||
|
|
}
|