|
1
|
<div class="login container">
|
|
2
|
<div class="d-flex justify-content-center h-100">
|
|
3
|
<div class="card">
|
|
4
|
<div class="card-header">
|
|
5
|
<div>
|
|
6
|
<h1>SensLog</h1>
|
|
7
|
<div class="login-logo">
|
|
8
|
<img src="/assets/images/senslog.png" alt="Logo SensLog">
|
|
9
|
</div>
|
|
10
|
</div>
|
|
11
|
<div class="login-heading">Sign in</div>
|
|
12
|
</div>
|
|
13
|
<div class="card-body">
|
|
14
|
<form [formGroup]="loginForm" (ngSubmit)="doLogin()">
|
|
15
|
<div class="input-group form-group">
|
|
16
|
<div class="input-group-prepend">
|
|
17
|
<span class="input-group-text"><i class="fas fa-user"></i></span>
|
|
18
|
</div>
|
|
19
|
<input type="text" formControlName="username" class="form-control" id="username" placeholder="Username"/>
|
|
20
|
</div>
|
|
21
|
<div class="input-group form-group">
|
|
22
|
<div class="input-group-prepend">
|
|
23
|
<span class="input-group-text"><i class="fas fa-key"></i></span>
|
|
24
|
</div>
|
|
25
|
<input type="password" formControlName="password" class="form-control" id="password" placeholder="Password"/>
|
|
26
|
</div>
|
|
27
|
<div class="form-group text-center mt-4">
|
|
28
|
<p-button type="submit" label="Login" icon="pi-sign-in"></p-button>
|
|
29
|
</div>
|
|
30
|
</form>
|
|
31
|
</div>
|
|
32
|
</div>
|
|
33
|
</div>
|
|
34
|
</div>
|