ceph/src/pybind/mgr/dashboard/frontend/src/app/core/auth/login/login.component.html

   1 <div *ngIf="isLoginActive">
   2   <h1 i18n="The welcome message on the login page">Welcome to Ceph!</h1>
   3   <form name="loginForm"
   4         (ngSubmit)="login()"
   5         #loginForm="ngForm"
   6         novalidate>
   7
   8     <!-- Username -->
   9     <div class="form-group has-feedback">
  10       <input name="username"
  11              [(ngModel)]="model.username"
  12              #username="ngModel"
  13              type="text"
  14              placeholder="Enter your username..."
  15              class="form-control"
  16              required
  17              autofocus>
  18       <div class="invalid-feedback"
  19            *ngIf="(loginForm.submitted || username.dirty) && username.invalid"
  20            i18n>Username is required</div>
  21     </div>
  22
  23     <!-- Password -->
  24     <div class="form-group has-feedback">
  25       <div class="input-group">
  26         <input id="password"
  27                name="password"
  28                [(ngModel)]="model.password"
  29                #password="ngModel"
  30                type="password"
  31                placeholder="Enter your password..."
  32                class="form-control"
  33                required>
  34         <span class="input-group-append">
  35           <button type="button"
  36                   class="btn btn-outline-light btn-password"
  37                   cdPasswordButton="password">
  38           </button>
  39         </span>
  40       </div>
  41       <div class="invalid-feedback"
  42            *ngIf="(loginForm.submitted || password.dirty) && password.invalid"
  43            i18n>Password is required</div>
  44     </div>
  45
  46     <input type="submit"
  47            class="btn btn-secondary btn-block"
  48            [disabled]="loginForm.invalid"
  49            value="Login"
  50            i18n-value>
  51   </form>
  52 </div>