Add /unauthorized and /forbidden

src/app/app-routing.module.ts

@@ -4,13 +4,17 @@ import { ProjectListComponent } from './projects/project-list/project-list.compo
 import { ProjectDetailsComponent } from './projects/project-details/project-details.component';
 import { BuildDetailsComponent } from './builds/build-details/build-details.component';
 import { LoginComponent } from './auth/login/login.component';
+import { UnauthorizedComponent } from './auth/unauthorized/unauthorized.component';
+import { ForbiddenComponent } from './auth/forbidden/forbidden.component';
 
 
 const routes: Routes = [
   { path: '', component: ProjectListComponent },
   { path: 'project/:projectId', component: ProjectDetailsComponent },
   { path: 'build/:projectId/:buildId', component: BuildDetailsComponent },
   { path: 'login', component: LoginComponent },
+  { path: 'unauthorized', component: UnauthorizedComponent},
+  { path: 'forbidden', component: ForbiddenComponent},
 ];
 
 @NgModule({

src/app/app.module.ts

@@ -15,19 +15,13 @@ import { TooltipModule } from 'primeng/tooltip';
 import { SyntaxHighlightService } from './shared/syntax-highlight/syntax-highlight.service';
 import { SharedModule } from './shared/pipes/shared.module';
 import { NavModule } from './nav/nav.module';
-import { AuthConfigModule } from './auth/auth-config.module';
-import { DialogModule } from 'primeng/dialog';
-import { RouterModule } from '@angular/router';
 import { LoginComponent } from './auth/login/login.component';
-import { EventTypes, PublicEventsService } from 'angular-auth-oidc-client';
-import { filter } from 'rxjs/operators';
-import { ButtonModule } from 'primeng/button';
 import { WharfAuthInterceptor } from './auth/wharf-auth.interceptor';
+import { AuthModule } from './auth/auth.module';
 
 @NgModule({
   declarations: [
     AppComponent,
-    LoginComponent,
   ],
   imports: [
     BrowserModule,
@@ -41,10 +35,7 @@ import { WharfAuthInterceptor } from './auth/wharf-auth.interceptor';
     MenuModule,
     TooltipModule,
     SharedModule,
-    AuthConfigModule,
-    DialogModule,
-    RouterModule,
-    ButtonModule,
+    AuthModule,
   ],
   providers: [
     {
@@ -62,13 +53,4 @@ import { WharfAuthInterceptor } from './auth/wharf-auth.interceptor';
   ],
   bootstrap: [AppComponent],
 })
-export class AppModule {
-  constructor(private readonly eventService: PublicEventsService) {
-    this.eventService
-      .registerForEvents()
-      .pipe(filter((notification) => notification.type === EventTypes.ConfigLoaded))
-      .subscribe((config) => {
-        console.log('ConfigLoaded', config);
-      });
-  }
-}
+export class AppModule { }

src/app/auth/auth-config.module.ts

@@ -1,5 +1,7 @@
 import { NgModule } from '@angular/core';
 import { AuthModule, LogLevel } from 'angular-auth-oidc-client';
+// eslint-disable-next-line max-len
+import { OpenIdConfiguration } from '../../../../angular-auth-oidc-client/projects/angular-auth-oidc-client/src/lib/config/openid-configuration';
 
 
 @NgModule({

src/app/auth/forbidden/forbidden.component.html

@@ -0,0 +1,4 @@
+<div class="p-d-flex p-ac-center p-ai-center">
+  <h1>Forbidden</h1>
+  <p>Code 403</p>
+</div>

src/app/auth/forbidden/forbidden.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ForbiddenComponent } from './forbidden.component';
+
+describe('ForbiddenComponent', () => {
+  let component: ForbiddenComponent;
+  let fixture: ComponentFixture<ForbiddenComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ForbiddenComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ForbiddenComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/auth/forbidden/forbidden.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'wh-forbidden',
+  templateUrl: './forbidden.component.html',
+  styleUrls: ['./forbidden.component.scss']
+})
+export class ForbiddenComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

src/app/auth/unauthorized/unauthorized.component.html

@@ -0,0 +1,4 @@
+<div class="p-d-flex p-ac-center p-ai-center">
+  <h1>Unauthorized</h1>
+  <p>Code 403</p>
+</div>

src/app/auth/unauthorized/unauthorized.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { UnauthorizedComponent } from './unauthorized.component';
+
+describe('UnauthorizedComponent', () => {
+  let component: UnauthorizedComponent;
+  let fixture: ComponentFixture<UnauthorizedComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ UnauthorizedComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(UnauthorizedComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/auth/unauthorized/unauthorized.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'wh-unauthorized',
+  templateUrl: './unauthorized.component.html',
+  styleUrls: ['./unauthorized.component.scss']
+})
+export class UnauthorizedComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}