Open-ILS/src/eg2/src/app/staff/login.component.html

   1 <div class="container">
   2   <div class="col-lg-6 offset-lg-3">
   3     <fieldset>
   4       <legend class="mb-0" i18n><h1>Sign In</h1></legend>
   5       <hr class="mt-1"/>
   6       <form (ngSubmit)="handleSubmit()" #loginForm="ngForm" class="form-validated">
   7
   8         <div class="form-group row">
   9           <label class="col-lg-4 text-right font-weight-bold" for="username" i18n>Username</label>
  10           <input
  11             type="text"
  12             class="form-control col-lg-8"
  13             id="username"
  14             name="username"
  15             required
  16             autocomplete="username"
  17             i18n-placeholder
  18             placeholder="Username"
  19             [(ngModel)]="args.username"/>
  20         </div>
  21
  22         <div class="form-group row">
  23           <label class="col-lg-4 text-right font-weight-bold" for="password" i18n>Password</label>
  24           <input
  25             type="password"
  26             class="form-control col-lg-8"
  27             id="password"
  28             name="password"
  29             required
  30             autocomplete="current-password"
  31             i18n-placeholder
  32             placeholder="Password"
  33             [(ngModel)]="args.password"/>
  34         </div>
  35
  36         <div class="form-group row" *ngIf="workstations && workstations.length">
  37           <label class="col-lg-4 text-right font-weight-bold" for="workstation" i18n>Workstation</label>
  38           <select
  39             class="form-control col-lg-8"
  40             id="workstation"
  41             name="workstation"
  42             required
  43             [(ngModel)]="args.workstation">
  44             <option *ngFor="let ws of workstations" [value]="ws.name">
  45               {{ws.name}}
  46             </option>
  47           </select>
  48         </div>
  49
  50         <div class="row">
  51           <div class="col-lg-2 offset-lg-4 pl-0">
  52             <button type="submit" class="btn btn-outline-dark" i18n>Sign In</button>
  53           </div>
  54           <div class="col-lg-4" *ngIf="loginFailed">
  55             <div class="badge badge-warning p-2" i18n>Login Failed</div>
  56           </div>
  57         </div>
  58       </form>
  59     </fieldset>
  60   </div>
  61 </div>