From 61844a348b2934321567b1457e6d05f318fc8b7e Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Wed, 6 Mar 2019 21:29:36 +0800
Subject: Reorganize file structure.

---
 .../src/app/user/user-login/user-login.component.html  | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 Timeline/ClientApp/src/app/user/user-login/user-login.component.html

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

diff --git a/Timeline/ClientApp/src/app/user/user-login/user-login.component.html b/Timeline/ClientApp/src/app/user/user-login/user-login.component.html
new file mode 100644
index 00000000..b1dd289d
--- /dev/null
+++ b/Timeline/ClientApp/src/app/user/user-login/user-login.component.html
@@ -0,0 +1,18 @@
+<form [formGroup]="form">
+  <ng-container *ngIf="message" [ngSwitch]="message">
+    <p *ngSwitchCase="'nologin'" class="mat-body no-login-message">You haven't login.</p>
+    <p *ngSwitchCase="'invalidlogin'" class="mat-body invalid-login-message">Your login is no longer valid.</p>
+    <p *ngSwitchDefault class="mat-body error-message">{{ message }}</p>
+  </ng-container>
+  <mat-form-field>
+    <mat-label>Username</mat-label>
+    <input formControlName="username" matInput type="text" />
+  </mat-form-field>
+  <div class="w-100"></div>
+  <mat-form-field>
+    <mat-label>Password</mat-label>
+    <input formControlName="password" matInput type="password" />
+  </mat-form-field>
+  <div class="w-100"></div>
+  <button mat-flat-button class="login-button" (appDebounceClick)="onLoginButtonClick()">Login</button>
+</form>
-- 
cgit v1.2.3