Open-ILS/src/eg2/src/app/staff/admin/workstation/workstations/workstations.component.html

   1 <eg-staff-banner bannerText="Workstation Administration" i18n-bannerText>
   2 </eg-staff-banner>
   3
   4 <!-- this will remain hidden until opened -->
   5 <eg-confirm-dialog
   6   #workstationExistsDialog
   7   i18n-dialogTitle i18n-dialogBody
   8   dialogTitle="Workstation Exists"
   9   dialogBody='Workstation "{{newName}}" already exists.  Use it anyway?'>
  10 </eg-confirm-dialog>
  11
  12 <div class="row">
  13   <div class="col-lg-8 offset-1 mt-3">
  14     <div class="alert alert-warning" *ngIf="removeWorkstation" i18n>
  15       Workstation {{removeWorkstation}} is no longer valid.  Removing registration.
  16     </div>
  17     <div class="alert alert-danger" *ngIf="workstations.length == 0">
  18       <span i18n>Please register a workstation.</span>
  19     </div>
  20
  21     <div class="row">
  22       <div class="col" i18n>Register a New Workstation For This Browser</div>
  23     </div>
  24     <div class="row mt-2">
  25       <div class="col-lg-2">
  26         <eg-org-select
  27           [applyDefault]="true"
  28           (onChange)="orgOnChange($event)"
  29           [hideOrgs]="hideOrgs"
  30           [disableOrgs]="disableOrgs"
  31           i18n-placeholder
  32           placeholder="Owner..." >
  33         </eg-org-select>
  34       </div>
  35       <div class="col-lg-6">
  36         <div class="input-group">
  37           <input type='text'
  38             class='form-control'
  39             i18n-title
  40             title="Workstation Name"
  41             i18n-placeholder
  42             placeholder="Workstation Name..."
  43             [(ngModel)]='newName'/>
  44           <div class="input-group-btn">
  45             <button class="btn btn-outline-dark"
  46               [disabled]="!newName || !newOwner"
  47               (click)="registerWorkstation()">
  48               <span i18n>Register</span>
  49             </button>
  50           </div>
  51         </div>
  52       </div>
  53     </div>
  54     <div class="row mt-3 pt-3 border border-left-0 border-right-0 border-bottom-0 border-light">
  55       <div class="col">
  56         <span i18n>Workstations Registered With This Browser</span>
  57       </div>
  58     </div>
  59     <div class="row">
  60       <div class="col-lg-8">
  61         <select class="form-control" [(ngModel)]="selectedName">
  62           <option *ngFor="let ws of workstations" value="{{ws.name}}">
  63             <span *ngIf="ws.name == defaultName" i18n>
  64               {{ws.name}} (Default)
  65             </span>
  66             <span *ngIf="ws.name != defaultName">
  67               {{ws.name}}
  68             </span>
  69           </option>
  70         </select>
  71       </div>
  72     </div>
  73     <div class="row mt-2">
  74       <div class="col-lg-6">
  75         <button i18n class="btn btn-success"
  76           (click)="useNow()" [disabled]="!selected">
  77           Use Now
  78         </button>
  79         <button i18n class="btn btn-outline-dark"
  80           (click)="setDefault()" [disabled]="!selected">
  81           Mark As Default
  82         </button>
  83         <button i18n class="btn btn-danger"
  84           (click)="removeSelected()"
  85           [disabled]="!selected || !canDeleteSelected()">
  86           Remove
  87         </button>
  88       </div>
  89     </div>
  90   </div>
  91 </div>
  92