a2358d25bfcb657e6c2b368309df599204a9a20b
[working/Evergreen.git] / 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