55 lines
1.7 KiB
HTML
55 lines
1.7 KiB
HTML
<div class="container">
|
|
|
|
<div class="row title">
|
|
<h1><img src="assets/icon.png"/>{{title}}</h1>
|
|
</div>
|
|
|
|
<div class="row card">
|
|
<div class="col-md-12">
|
|
<h1>Please log in</h1>
|
|
<form name="form" id="form" class="form-horizontal" #LoginForm="ngForm" (submit)="onLogin()">
|
|
<div class="error-message">
|
|
{{loginError}}
|
|
</div>
|
|
<div class="input-group has-margin">
|
|
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
|
|
<input id="username"
|
|
type="text"
|
|
class="form-control"
|
|
placeholder="Username"
|
|
autofocus
|
|
[(ngModel)]="loginCredential.username"
|
|
name="username" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
|
|
<input id="password"
|
|
class="form-control"
|
|
type="password"
|
|
[(ngModel)]="loginCredential.password"
|
|
name="password"
|
|
placeholder="Password"
|
|
required>
|
|
</div>
|
|
|
|
<div class="checkbox">
|
|
<label><input type="checkbox" name="rememberMe" [(ngModel)]="loginCredential.rememberMe" value="">Remember me</label>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<!-- Button -->
|
|
<div class="col-sm-12 controls">
|
|
<button class="btn btn-primary pull-right"
|
|
[disabled]="!LoginForm.form.valid || inProgress"
|
|
type="submit"
|
|
name="action">Login
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|