account.login.component.html 1.43 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<h1 style="text-align:center">AAI EOSC-Pillar</h1>
<nb-card status="info" style="width: 50%;height: auto; margin: auto;" >
  <nb-card-header style="text-align: center;">Welcome to the API register</nb-card-header>
  <nb-card-body class="example-items-col">

<div class="login" style="text-align: center;">
  <h2 class="login-header">Log in</h2>
  <form [formGroup]="loginForm" class="login-container" (ngSubmit)="login()">

    <p [ngClass]="{ 'has-error': isSubmitted && formControls.email.errors }">
      <label class="label" for="email">Email:</label>
    <input style="margin: auto;" type="email" nbInput shape="semi-round" placeholder="Email" formControlName="email">
    </p>

    <div *ngIf="isSubmitted && formControls.email.errors" class="help-block">
      <div *ngIf="formControls.email.errors.required">Email is required</div>
    </div>

    <p [ngClass]="{ 'has-error': isSubmitted && formControls.password.errors }">
      <label class="label" for="passord">Password:</label>
      <input type="password" nbInput shape="semi-round" placeholder="Password" formControlName="password">
    </p>

    <div *ngIf="isSubmitted && formControls.password.errors" class="help-block">
      <div *ngIf="formControls.password.errors.required">Password is required</div>
    </div>

    <p>
      <input type="submit" nbButton shape="rectangle" status="info" value="Log in" style="width: auto;height: auto;">
    </p>
  </form>
</div>
</nb-card-body>

</nb-card>