Move login message into user login component.

3 files changed, 8 insertions, 9 deletions

diff --git a/Timeline/ClientApp/src/app/user-dialog/user-dialog.component.css b/Timeline/ClientApp/src/app/user-dialog/user-dialog.component.css
index c21d71b1..868749cf 100644
--- a/Timeline/ClientApp/src/app/user-dialog/user-dialog.component.css
+++ b/Timeline/ClientApp/src/app/user-dialog/user-dialog.component.css
@@ -3,3 +3,4 @@
   justify-content: center;
   align-content: center;
 }
+
diff --git a/Timeline/ClientApp/src/app/user-dialog/user-dialog.component.html b/Timeline/ClientApp/src/app/user-dialog/user-dialog.component.html
index 5d3829c7..e790aec1 100644
--- a/Timeline/ClientApp/src/app/user-dialog/user-dialog.component.html
+++ b/Timeline/ClientApp/src/app/user-dialog/user-dialog.component.html
@@ -2,11 +2,9 @@
   <div *ngSwitchCase="'loading'" class="progress-container">
     <mat-progress-spinner mode="indeterminate" diameter="50"></mat-progress-spinner>
   </div>
-  <div *ngSwitchCase="'login'">
-    <p *ngIf="loginMessage" class="mat-body">{{ loginMessage }}</p>
-    <app-user-login (login)="login($event)"></app-user-login>
-  </div>
+  <app-user-login *ngSwitchCase="'login'" (login)="login($event)" [message]="loginMessage"></app-user-login>
   <div *ngSwitchCase="'success'">
     <p class="mat-body">You have been login as {{ userInfo.username }}.</p>
+    <p class="mat-body">Your roles are {{ userInfo.roles.join(', ') }}.</p>
   </div>
 </div>
diff --git a/Timeline/ClientApp/src/app/user-dialog/user-dialog.component.ts b/Timeline/ClientApp/src/app/user-dialog/user-dialog.component.ts
index 6fe5b6d9..368a1775 100644
--- a/Timeline/ClientApp/src/app/user-dialog/user-dialog.component.ts
+++ b/Timeline/ClientApp/src/app/user-dialog/user-dialog.component.ts
@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { UserService, UserInfo } from './user.service';
-import { LoginEvent } from '../user-login/user-login.component';
+import { LoginEvent, LoginMessage } from '../user-login/user-login.component';
 
 @Component({
   selector: 'app-user-dialog',
@@ -13,7 +13,7 @@ export class UserDialogComponent implements OnInit {
 
   state: 'loading' | 'login' | 'success' = 'loading';
 
-  loginMessage: string;
+  loginMessage: LoginMessage;
 
   userInfo: UserInfo;
 
@@ -24,9 +24,9 @@ export class UserDialogComponent implements OnInit {
         this.state = 'success';
       } else {
         if (result.state === 'invalid') {
-          this.loginMessage = 'Your login is no longer valid';
-        } else {
-          this.loginMessage = 'You haven\'t logged in.';
+          this.loginMessage = 'invalidlogin';
+        } else if (result.state === 'nologin') {
+          this.loginMessage = 'nologin';
         }
         this.state = 'login';
       }