All files / src/app/components/login login.component.html

100% Statements 30/30
100% Branches 0/0
100% Functions 1/1
100% Lines 20/20

Press n or j to go to the next uncovered block, b, p or k for the previous block.

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 36 37 38 39 40          36x 4268x 36x 4268x   36x 36x 36x 36x 36x     36x     36x 36x 36x 36x 36x     36x 4268x 36x   36x             36x  
<section class="hero is-success is-fullheight background">
  <div class="hero-body blur">
      <div class="container has-text-centered">
          <div class="column is-4 is-offset-4">
              <div class="box">
                  <div class="has-text-centered">
                      <img class="login-logo" src='{{ companyLogo }}' alt="company logo">
                  </div>
                  <form [formGroup]="loginForm">
                    <div class="field">
                      <label class="label" htmlFor="username">Email</label>
                      <div class="control has-icons-right">
                        <input class="input" formControlName="email" type="text" id="username">
                        <span class="icon is-small is-right">
                          <i class="fa fa-user"></i>
                        </span>
                      </div>
                    </div>
 
                    <div class="field">
                      <label class="label" htmlFor="password">Password</label>
                      <div class="control has-icons-right">
                        <input class="input" type="password" id="password" formControlName="password">
                        <span class="icon is-small is-right">
                          <i class="fa fa-key"></i>
                        </span>
                      </div>
                    </div>
                    <button class="button has-text-centered is-rounded" (click)="login()" [disabled]="loginForm.invalid">Login</button>
                  </form>
                  <div class="has-text-centered">
                    <a routerLink="/register" id="newAccount"> Create an account</a>
                  </div>
              </div>
 
          </div>
      </div>
  </div>
</section>