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