aboutsummaryrefslogtreecommitdiff
path: root/Timeline/ClientApp/src/app/user/user-login/user-login.component.html
diff options
context:
space:
mode:
authorcrupest <crupest@outlook.com>2019-03-06 21:29:36 +0800
committercrupest <crupest@outlook.com>2019-03-06 21:29:36 +0800
commit63735a8267d44892a64da5b599b7c2e20f373464 (patch)
tree7f43f0beb8c465e06e0d1c4d18cadfb77c39bc78 /Timeline/ClientApp/src/app/user/user-login/user-login.component.html
parent8ec742c4a00c1732d6aa58a1cb8b628428d23c4a (diff)
downloadtimeline-63735a8267d44892a64da5b599b7c2e20f373464.tar.gz
timeline-63735a8267d44892a64da5b599b7c2e20f373464.tar.bz2
timeline-63735a8267d44892a64da5b599b7c2e20f373464.zip
Reorganize file structure.
Diffstat (limited to 'Timeline/ClientApp/src/app/user/user-login/user-login.component.html')
-rw-r--r--Timeline/ClientApp/src/app/user/user-login/user-login.component.html18
1 files changed, 18 insertions, 0 deletions
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>