Revize 76eb842a

re #29 crude login page

webapp/src/app/app-routing.module.ts

@@ -5 +5 @@
 import {PageNotFoundComponent} from './page-not-found/page-not-found.component';
 import {EmployeeComponentGuard} from './auth/employee-component.guard';
 import {DashboardComponentGuard} from './auth/dashboard-component.guard';
+import {LoginComponent} from "./login/login.component";
 
 const routes: Routes = [
   { path: 'employees', component: EmployeesListComponent, canActivate: [EmployeeComponentGuard], runGuardsAndResolvers: 'always'},
   { path: 'dashboard', component: DashboardComponent, canActivate: [DashboardComponentGuard], runGuardsAndResolvers: 'always'},
+  {path: 'login', component: LoginComponent},
   { path: '', redirectTo: '/dashboard', pathMatch: 'full' },
   { path: '**', component: PageNotFoundComponent }
 ];

webapp/src/app/app.module.ts

@@ -16 +16 @@
 import {CommonModule} from '@angular/common';
 
 import {BasicAuthInterceptor} from "./auth/basic-auth.interceptor";
+import {LoginComponent} from "./login/login.component";
 
 @NgModule({
   declarations: [
     AppComponent,
     MenuComponent,
     HeaderComponent,
-    PageNotFoundComponent
+    PageNotFoundComponent,
+    LoginComponent
   ],
   imports: [
     BrowserModule,

webapp/src/app/auth/basic-auth.interceptor.ts

@@ -2 +2 @@
 import {HttpEvent, HttpHandler, HttpInterceptor, HttpRequest} from '@angular/common/http';
 import {Observable} from 'rxjs';
 
-import {ProfileService} from '../services/util/profile.service';
-
 /**
  * Adds authentication token to each request.
  */
 @Injectable()
 export class BasicAuthInterceptor implements HttpInterceptor {
-  constructor(private profileService: ProfileService) {
+  constructor() {
   }
 
   intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
-    // add authorization header with basic auth credentials if available
-    const currentUser = window.btoa(this.profileService.currentUserValue + ":");
-    if (currentUser) {
-      request = request.clone({
-        withCredentials: true,
-        setHeaders: {
-          authorization: `Basic ${currentUser}`
-        }
-      });
-    }
+    request = request.clone({
+      withCredentials: true,
+    });
 
     return next.handle(request);
   }

webapp/src/app/login/login.component.html

@@ +1 @@
+<div id="notfound">
+  <div class="notfound">
+    <h1>Sign-in</h1>
+
+    <p>Please sign-in using one of the following methods: </p>
+    <a href="http://localhost:9080/api/signin/google?target=http://localhost">Login with Google</a>
+  </div>
+</div>
+

webapp/src/app/login/login.component.ts

@@ +1 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'app-page-not-found',
+  templateUrl: './login.component.html',
+  styleUrls: ['./login.component.sass']
+})
+export class LoginComponent implements OnInit {
+
+  constructor() {
+  }
+
+  ngOnInit() {
+  }
+
+}