LP1823041 Angular dialogs return observables
[Evergreen.git] / Open-ILS / src / eg2 / src / app / staff / share / op-change / op-change.component.html
1 <ng-template #dialogContent>
2   <div class="modal-header bg-info">
3     <h4 class="modal-title" i18n>Change Operator</h4>
4     <button type="button" class="close" 
5       i18n-aria-label aria-label="Close" (click)="close()">
6       <span aria-hidden="true">&times;</span>
7     </button>
8   </div>
9   <div class="modal-body">
10     <form class="form-validated">
11       <div class="form-group row">
12         <label class="col-lg-4 text-right font-weight-bold" for="username" i18n>Username</label>
13         <input 
14           type="text" 
15           class="form-control col-lg-7"
16           id="username" 
17           name="username"
18           required
19           (keyup.enter)="login()"
20           autocomplete="username"
21           i18n-placeholder
22           placeholder="Username..." 
23           [(ngModel)]="username"/>
24       </div>
25
26       <div class="form-group row">
27         <label class="col-lg-4 text-right font-weight-bold" 
28             for="password" i18n>Password</label>
29         <input 
30           type="password" 
31           class="form-control col-lg-7"
32           id="password" 
33           name="password"
34           required
35           (keyup.enter)="login()"
36           autocomplete="current-password"
37           i18n-placeholder
38           placeholder="Password..." 
39           [(ngModel)]="password"/>
40       </div>
41
42       <div class="form-group row">
43         <label class="col-lg-4 text-right font-weight-bold" 
44             for="loginType" i18n>Login Type</label>
45         <select 
46           class="form-control col-lg-7" 
47           id="loginType" 
48           name="loginType"
49           placeholder="Login Type..."
50           i18n-placeholder
51           required
52           [(ngModel)]="loginType">
53           <option value="temp" selected i18n>Temporary</option>                   
54           <option value="staff" i18n>Staff</option>             
55           <option value="persist" i18n>Persistent</option>      
56         </select>
57       </div>
58     </form>
59   </div>
60   <div class="modal-footer">
61     <button (click)="login()" class="btn btn-info" i18n>OK/Continue</button>
62     <button (click)="close()" class="btn btn-warning ml-2" i18n>Cancel</button>
63   </div>
64 </ng-template>