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">
  25         <h2 class="form-label fs-6 text-dark" i18n>Register a New Workstation For This Browser</h2>
  26       </div>
  27     </div>
  28     <div class="row mt-2">
  29       <div class="col-lg-2">
  30         <label class="form-label" for="workstationSelect" i18n="Workstation registration: owning library">Library</label>
  31         <eg-org-select
  32           domId="workstationSelect"
  33           [applyDefault]="true"
  34           (onChange)="orgOnChange($event)"
  35           [hideOrgs]="hideOrgs"
  36           [disableOrgs]="disableOrgs"
  37           i18n-placeholder
  38           placeholder="Owner..." >
  39         </eg-org-select>
  40       </div>
  41
  42       <div class="col-lg-6">
  43         <label class="form-label" for="register-new-workstation-name" i18n>
  44           Workstation Name
  45         </label>
  46         <div class="input-group">
  47           <input type='text'
  48             id="register-new-workstation-name"
  49             class='form-control'
  50             i18n-title
  51             title="Workstation Name"
  52             [(ngModel)]='newName'/>
  53           <div class="input-group-btn">
  54             <button type="button" class="btn btn-outline-dark"
  55               [disabled]="!newName || !newOwner"
  56               (click)="registerWorkstation()">
  57               <span i18n>Register</span>
  58             </button>
  59           </div>
  60         </div>
  61       </div>
  62     </div>
  63     <div class="row mt-3 pt-3 border border-start-0 border-end-0 border-bottom-0 border-light">
  64       <div class="col">
  65         <label class="form-label" for="registeredWS" i18n>Workstations Registered With This Browser</label>
  66       </div>
  67     </div>
  68     <div class="row">
  69       <div class="col-lg-8">
  70         <select class="form-select" [(ngModel)]="selectedName" id="registeredWS">
  71           <option *ngFor="let ws of workstations" value="{{ws.name}}">
  72             <span *ngIf="ws.name === defaultName" i18n>
  73               {{ws.name}} (Default)
  74             </span>
  75             <span *ngIf="ws.name !== defaultName">
  76               {{ws.name}}
  77             </span>
  78           </option>
  79         </select>
  80       </div>
  81     </div>
  82     <div class="row mt-2">
  83       <div class="col-lg-6">
  84         <button type="button" i18n class="btn btn-success me-2"
  85           (click)="useNow()" [disabled]="!selected">
  86           Use Now
  87         </button>
  88         <button type="button" i18n class="btn btn-outline-dark me-2"
  89           (click)="setDefault()" [disabled]="!selected">
  90           Mark As Default
  91         </button>
  92         <button type="button" i18n class="btn btn-danger me-2"
  93           (click)="removeSelected()"
  94           [disabled]="!selected || !canDeleteSelected()">
  95           Remove
  96         </button>
  97       </div>
  98     </div>
  99   </div>
 100 </div>
 101