LP1865951: Fixes to consistency in two files, creating uniform capitalization and...
[working/Evergreen.git] / 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>Sign In</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>