Open-ILS/src/eg2/src/app/staff/share/op-change/op-change.component.html

   1 <ng-template #dialogContent>
   2   <div class="modal-header">
   3     <h4 class="modal-title" i18n>Change Operator</h4>
   4     <button type="button" class="btn-close btn-close-white"
   5       i18n-aria-label aria-label="Close" (click)="close()"></button>
   6   </div>
   7   <div class="modal-body">
   8
   9     <!-- let the user know why the change operator dialog suddenly
  10         appeared when a permission failure occurs. -->
  11     <div *ngIf="requestToEscalate" class="alert alert-warning mt-2 mb-4" i18n>
  12       Permission denied.  Please enter credentials for an account that has
  13       the {{requestToEscalate.evt.ilsperm}} permission.
  14     </div>
  15
  16     <form class="form-validated">
  17       <div class="form-group row">
  18         <label class="form-label col-lg-4 text-end fw-bold" for="username" i18n>Username</label>
  19         <input
  20           type="text"
  21           class="form-control col-lg-7"
  22           id="username"
  23           name="username"
  24           required
  25           (keyup.enter)="login()"
  26           autocomplete="username"
  27           i18n-placeholder
  28           placeholder="Username"
  29           [(ngModel)]="username"/>
  30       </div>
  31
  32       <div class="form-group row">
  33         <label class="form-label col-lg-4 text-end fw-bold"
  34             for="password" i18n>Password</label>
  35         <input
  36           type="password"
  37           class="form-control col-lg-7"
  38           id="password"
  39           name="password"
  40           required
  41           (keyup.enter)="login()"
  42           autocomplete="current-password"
  43           i18n-placeholder
  44           placeholder="Password"
  45           [(ngModel)]="password"/>
  46       </div>
  47
  48       <div class="form-group row">
  49         <label class="form-label col-lg-4 text-end fw-bold"
  50             for="loginType" i18n>Login Type</label>
  51         <select
  52           class="form-control col-lg-7"
  53           id="loginType"
  54           name="loginType"
  55           placeholder="Login Type"
  56           i18n-placeholder
  57           required
  58           [(ngModel)]="loginType">
  59           <option value="temp" selected i18n>Temporary</option>
  60           <option value="staff" i18n>Staff</option>
  61           <option value="persist" i18n>Persistent</option>
  62         </select>
  63       </div>
  64     </form>
  65   </div>
  66   <div class="modal-footer">
  67     <button type="button" (click)="login()" class="btn btn-info" i18n>OK/Continue</button>
  68     <button type="button" (click)="close()" class="btn btn-normal ms-2" i18n>Cancel</button>
  69   </div>
  70 </ng-template>