#85 create auth interceptor

src/app/app.module.ts

@@ -23,10 +23,11 @@ import { FooterComponent } from './footer/footer.component';
 import { MaterialModule } from './shared/material/material.module';
 import { RegistrationModule } from './shared/modals/registration/registration.module';
 import { UserRegistrationState } from './shared/store/user-registration.state';
-import { HTTP_INTERCEPTORS } from '@angular/common/http';
-import { HttpErrorInterceptor } from './shared/error-interceptors/http-error.interceptor';
+
 import { MatSnackBarModule } from '@angular/material/snack-bar';
 import { UserState } from './shared/store/user.state';
+import { InterceptorProviders } from './shared/interceptors/interceptorProviders';
+
 
 
 @NgModule({
@@ -69,11 +70,7 @@ import { UserState } from './shared/store/user.state';
     MatSnackBarModule
   ],
   providers: [
-    {
-      provide: HTTP_INTERCEPTORS,
-      useClass: HttpErrorInterceptor,
-      multi: true
-    }
+    InterceptorProviders,
   ],
   bootstrap: [AppComponent]
 })

src/app/shared/error-interceptors/http-error.interceptor.ts → src/app/shared/interceptors/http-error.interceptor.ts

@@ -1,4 +1,4 @@
-import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest, HttpResponse, HttpErrorResponse } from '@angular/common/http';
+import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest, HttpErrorResponse } from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { Store } from '@ngxs/store';
 import { Observable, throwError } from 'rxjs';

src/app/shared/interceptors/http-token.interceptor.ts

@@ -0,0 +1,39 @@
+import { Injectable } from '@angular/core';
+import { HttpClient, HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
+import { Observable, throwError } from 'rxjs';
+import { catchError } from 'rxjs/operators';
+import { OidcSecurityService } from 'angular-auth-oidc-client';
+import { Select, Store } from '@ngxs/store';
+import { UserRegistrationState } from '../store/user-registration.state';
+
+​
+@Injectable()
+export class HttpTokenInterceptor implements HttpInterceptor {
+​
+constructor(
+    public store: Store,
+    private oidcSecurityService: OidcSecurityService,
+    private http: HttpClient) {}
+
+@Select(UserRegistrationState.role)
+role$: Observable<string>;
+​
+public intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+​
+    let token = this.oidcSecurityService.getToken();
+
+    let tokenTitle= (token) ? `Bearer ${token}`: null;
+
+    if (typeof(token) === 'string') {
+      return next.handle(request.clone({
+        setHeaders: { Authorization: tokenTitle }
+      }))
+        .pipe(catchError((error) => {
+        return throwError(error);
+      }));
+    }
+    return next.handle(request).pipe(catchError((error) => {
+      return throwError(error);
+    }));
+  }
+}

src/app/shared/interceptors/interceptorProviders.ts

@@ -0,0 +1,10 @@
+import {HTTP_INTERCEPTORS} from '@angular/common/http';
+
+import { HttpTokenInterceptor } from './http-token.interceptor';
+import { HttpErrorInterceptor } from './http-error.interceptor';
+
+export const InterceptorProviders = 
+   [
+    { provide: HTTP_INTERCEPTORS, useClass: HttpErrorInterceptor, multi: true },   
+    { provide: HTTP_INTERCEPTORS, useClass: HttpTokenInterceptor, multi: true },
+];

src/app/shell/parent/parent.module.ts

@@ -7,17 +7,32 @@ import { ChildActivitiesComponent } from './parent-activities/child-activities/c
 import { FlexLayoutModule } from '@angular/flex-layout';
 import { MatButtonModule } from '@angular/material/button';
 
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { MatCardModule } from '@angular/material/card';
+import { MatChipsModule } from '@angular/material/chips';
+import { MatInputModule } from '@angular/material/input';
+import { MatFormFieldModule } from "@angular/material/form-field";
+import { MatRadioModule } from '@angular/material/radio';
+
+
 @NgModule({
   declarations: [
     ParentActivitiesComponent, 
-    ParentConfigComponent, 
+    ParentConfigComponent,
     ChildActivitiesComponent
   ],
+
   imports: [
     CommonModule,
     ParentRoutingModule,
+    MatButtonToggleModule,
+    MatCardModule,
+    MatButtonModule,
+    MatChipsModule,
+    MatFormFieldModule,
+    MatInputModule,
     FlexLayoutModule,
-    MatButtonModule
+    MatRadioModule
   ]
 })
 export class ParentModule { }