LP1813647 Titles for Angular admin and splash page
[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 <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