From 110f2ab8d7bf5cf5fefee2fadb89f0e548dc0f4d Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Mon, 18 Mar 2019 21:21:56 +0800
Subject: Add logout. Fix a bug. The bug is it always goes to login page
 whether you have login or not before when user is presented in url.

---
 .../src/app/user/user-login-success/user-login-success.component.html    | 1 +
 1 file changed, 1 insertion(+)

(limited to 'Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.html')

diff --git a/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.html b/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.html
index e156f0f8..8599a91d 100644
--- a/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.html
+++ b/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.html
@@ -3,3 +3,4 @@
 </p>
 <p class="mat-body">You have been login as <span class="username">{{ userInfo.username }}</span>.</p>
 <p class="mat-body">Your roles are <span class="roles">{{ userInfo.roles.join(', ') }}</span>.</p>
+<a mat-flat-button [routerLink]="['..','logout']">Logout</a>
-- 
cgit v1.2.3


From eeba297d0764a7d9862e1bd84dc85f23528159c7 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Mon, 18 Mar 2019 21:47:19 +0800
Subject: Design login success UI.

---
 .../user-login-success/user-login-success.component.css   | 15 +++++++++++++++
 .../user-login-success/user-login-success.component.html  |  2 +-
 2 files changed, 16 insertions(+), 1 deletion(-)

(limited to 'Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.html')

diff --git a/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.css b/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.css
index 6486142b..b1101e2a 100644
--- a/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.css
+++ b/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.css
@@ -5,3 +5,18 @@
 .username {
   color: blue;
 }
+
+:host {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+:host p {
+  margin-top: 0.3em;
+  margin-bottom: 0.3em;
+  width: 100%;
+}
+
+.logout-button {
+  margin-left: auto;
+}
diff --git a/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.html b/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.html
index 8599a91d..685f6299 100644
--- a/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.html
+++ b/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.html
@@ -3,4 +3,4 @@
 </p>
 <p class="mat-body">You have been login as <span class="username">{{ userInfo.username }}</span>.</p>
 <p class="mat-body">Your roles are <span class="roles">{{ userInfo.roles.join(', ') }}</span>.</p>
-<a mat-flat-button [routerLink]="['..','logout']">Logout</a>
+<a mat-flat-button class="logout-button" [routerLink]="['..','logout']">Logout</a>
-- 
cgit v1.2.3