# All files / src/app/core/auth/login login.component.html

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

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
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    706x

     <div class="login"
         *ngIf="isLoginActive">
      <div class="row full-height vertical-align">
        <div class="col-sm-6 hidden-xs">
          <img src="assets/Ceph_Logo_Stacked_RGB_White_120411_fa_256x256.png"
               alt="Ceph"
               class="pull-right">
        </div>
        <div class="col-xs-10 col-sm-4 col-lg-3 col-xs-offset-1 col-sm-offset-0 col-md-offset-0 col-lg-offset-0">
          <h1 i18n="The welcome message on the login page">Welcome to Ceph!</h1>
          <form name="loginForm"
                (ngSubmit)="login()"
                #loginForm="ngForm"
                novalidate>

            <!-- I18N -->
            <div class="form-group has-feedback">
              <cd-language-selector [isDropdown]="false"></cd-language-selector>
            </div>

            <!-- Username -->
            <div class="form-group has-feedback"
                 [ngClass]="{'has-error': (loginForm.submitted || username.dirty) && username.invalid}">
              <input name="username"
                     [(ngModel)]="model.username"
                     #username="ngModel"
                     type="text"
                     placeholder="Enter your username..."
                     class="form-control"
                     required
                     autofocus>
              <div class="help-block"
                   *ngIf="(loginForm.submitted || username.dirty) && username.invalid"
                   i18n>Username is required</div>
            </div>

            <!-- Password -->
            <div class="form-group has-feedback"
                 [ngClass]="{'has-error': (loginForm.submitted || password.dirty) && password.invalid}">
              <div class="input-group">
                <input id="password"
                       name="password"
                       [(ngModel)]="model.password"
                       #password="ngModel"
                       type="password"
                       placeholder="Enter your password..."
                       class="form-control"
                       required>
                <span class="input-group-btn">
                  <button type="button"
                          class="btn btn-default btn-password"
                          cdPasswordButton="password">
                  </button>
                </span>
              </div>
              <div class="help-block"
                   *ngIf="(loginForm.submitted || password.dirty) && password.invalid"
                   i18n>Password is required</div>
            </div>

            <input type="submit"
                   class="btn btn-primary btn-block"
                   [disabled]="loginForm.invalid"
                   value="Login"
                   i18n-value>
          </form>
        </div>
      </div>
    </div>