Implementing a logout component

src/app/account/account.component.html

@@ -1 +1 @@
-<p>account works!</p>
+<p>Soon</p>

src/app/app-routing.module.ts

@@ -16,6 +16,7 @@ import {LoginComponent} from "./login/login.component";
 import {AccountComponent} from "./account/account.component";
 import {AuthenticatedGuard} from "./guards/authenticated-guard.service";
 import {UnauthorizedComponent} from "./unauthorized/unauthorized.component";
+import {LogoutComponent} from "./logout/logout.component";
 
 const routes: Routes = [
 	{ path: "browse", component: BrowseComponent, pathMatch: "full", resolve: { shows: LibraryResolverService } },
@@ -26,6 +27,7 @@ const routes: Routes = [
 	{ path: "watch/:item", component: PlayerComponent, resolve: { item: StreamResolverService } },
 	{ path: "search/:query", component: SearchComponent, resolve: { items: SearchResolverService } },
 	{ path: "login", component: LoginComponent },
+	{ path: "logout", component: LogoutComponent },
 	{ path: "account", component: AccountComponent, canActivate: [AuthenticatedGuard], canLoad: [AuthenticatedGuard] },
 	{ path: "unauthorized", component: UnauthorizedComponent },
 	{ path: "**", component: NotFoundComponent }

src/app/app.module.ts

@@ -40,6 +40,7 @@ import {
 import { AccountComponent } from './account/account.component';
 import {AuthenticatedGuard} from "./guards/authenticated-guard.service";
 import { UnauthorizedComponent } from './unauthorized/unauthorized.component';
+import { LogoutComponent } from './logout/logout.component';
 
 export function loadConfig(oidcConfigService: OidcConfigService)
 {
@@ -61,7 +62,8 @@ export function loadConfig(oidcConfigService: OidcConfigService)
 		LoginComponent,
 		PasswordValidator,
 		AccountComponent,
-		UnauthorizedComponent
+		UnauthorizedComponent,
+		LogoutComponent
 	],
 	imports: [
 		BrowserModule,

src/app/logout/logout.component.html

@@ -0,0 +1,9 @@
+<br/>
+<br/>
+<br/>
+<br/>
+<br/>
+<div class="text-center">
+	<h1>Successfully logged out.</h1>
+	<p>Go back to the <a href="/" routerLink="/" class="text-white">main page</a></p>
+</div>

src/app/logout/logout.component.ts

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