0642f493e11362888627915e05f40067541913e9
[Evergreen.git] / Open-ILS / src / eg2 / src / app / staff / nav.component.html
1 <div id="staff-navbar" class="navbar fixed-top navbar-expand navbar-default">
2   <div class="collapse navbar-collapse">
3     <div class="navbar-nav">
4       <div class="nav-item">
5         <a i18n class="nav-link with-material-icon" 
6           routerLink="/staff/splash"
7           egAccessKey keyCtx="navbar"
8           keySpec="alt+h" i18n-keySpec
9           keyDesc="Navigate Home" i18n-keyDesc>
10           <span class="material-icons">home</span>
11         </a>
12       </div>
13     </div>
14
15     <div class="navbar-nav">
16       <div ngbDropdown class="nav-item dropdown">
17         <a ngbDropdownToggle i18n class="nav-link dropdown-toggle">
18          Search
19         </a>
20         <div class="dropdown-menu" ngbDropdownMenu>
21           <a class="dropdown-item" href="/eg/staff/circ/patron/search">
22             <span class="material-icons">person</span>
23             <span i18n>Search for Patrons</span>
24           </a>
25           <a class="dropdown-item" href="/eg/staff/cat/item/search">
26             <span class="material-icons">assignment</span>
27             <span i18n>Search for Copies by Barcode</span>
28           </a>
29           <a href="/eg/staff/cat/catalog/index" class="dropdown-item">
30             <span class="material-icons">search</span>
31             <span i18n>Search the Catalog</span>
32           </a>
33         </div>
34       </div>
35     </div>
36
37     <div class="navbar-nav">
38       <div ngbDropdown class="nav-item dropdown">
39         <a ngbDropdownToggle class="nav-link dropdown-toggle">
40          <span i18n>Circulation</span>
41         </a>
42         <div class="dropdown-menu" ngbDropdownMenu>
43           <a class="dropdown-item" href="/eg/staff/circ/patron/bcsearch">
44             <span class="material-icons">trending_up</span>
45             <span i18n>Check Out</span>
46           </a>
47           <a class="dropdown-item" href="/eg/staff/circ/checkin/checkin">
48             <span class="material-icons">trending_down</span>
49             <span i18n>Check In</span>
50           </a>
51           <a class="dropdown-item" href="/eg/staff/circ/checkin/capture">
52             <span class="material-icons">pin_drop</span>
53             <span i18n>Capture Holds</span>
54           </a>
55           <a class="dropdown-item" href="/eg/staff/circ/holds/pull">
56             <span class="material-icons">view_list</span>
57             <span i18n>Pull List for Hold Requests</span>
58           </a>
59           <a class="dropdown-item" href="/eg/staff/circ/renew/renew">
60             <span class="material-icons">autorenew</span>
61             <span i18n>Renew Items</span>
62           </a>
63           <a class="dropdown-item" href="/eg/staff/circ/patron/register">
64             <span class="material-icons">person_add</span>
65             <span i18n>Register Patron</span>
66           </a>
67           <a class="dropdown-item" href="/eg/staff/circ/patron/last">
68             <span class="material-icons">redo</span>
69             <span i18n>Retrieve Last Patron</span>
70           </a>
71           <a class="dropdown-item" href="/eg/staff/circ/patron/search?show_recent=1">
72             <span class="material-icons">redo</span>
73             <span i18n>Retrieve Recent Patrons</span>
74           </a>
75           <a class="dropdown-item" href="/eg/staff/circ/patron/pending/list">
76             <span class="material-icons">thumb_up</span>
77             <span i18n>Pending Patrons</span>
78           </a>
79           <a class="dropdown-item" href="/eg/staff/circ/patron/bucket/view">
80             <span class="material-icons">list</span>
81             <span i18n>User Buckets</span>
82           </a>
83           <div class="dropdown-divider"></div>
84           <a class="dropdown-item" href="/eg/staff/circ/patron/credentials">
85             <span class="material-icons">check_circle</span>
86             <span i18n>Verify Credentials</span>
87           </a>
88           <a class="dropdown-item" href="/eg/staff/circ/in_house_use/index">
89             <span class="material-icons">playlist_add</span>
90             <span i18n>Record In-House Use</span>
91           </a>
92           <a class="dropdown-item" href="/eg/staff/circ/holds/shelf">
93             <span class="material-icons">format_list_bulleted</span>
94             <span i18n>Holds Shelf</span>
95           </a>
96           <div class="dropdown-divider"></div>
97           <a class="dropdown-item" href="/eg/staff/cat/item/replace_barcode/index">
98             <span class="material-icons">library_books</span>
99             <span i18n>Replace Barcode</span>
100           </a>
101           <a class="dropdown-item" href="/eg/staff/cat/item/search"
102             egAccessKey keyCtx="navbar"
103             keySpec="f5" i18n-keySpec
104             keyDesc="Navigate To Item Status" i18n-keyDesc>
105             <span class="material-icons">question_answer</span>
106             <span i18n>Item Status</span>
107           </a>
108           <a class="dropdown-item" href="/eg/staff/cat/item/missing_pieces">
109             <span class="material-icons">grid_on</span>
110             <span i18n>Scan Item as Missing Pieces</span>
111           </a>
112           <div class="dropdown-divider"></div>
113           <a class="dropdown-item" (click)="reprintLast()">
114             <span class="material-icons">redo</span>
115             <span i18n>Reprint Last Receipt</span>
116           </a>
117           <div class="dropdown-divider"></div>
118           <a class="dropdown-item" href="/eg/staff/offline-interface">
119             <span class="material-icons">signal_wifi_off</span>
120             <span i18n>Offline Circulation</span>
121           </a>
122         </div>
123       </div>
124     </div>
125
126     <!-- CATALOGING -->
127     
128     <div class="navbar-nav">
129       <div ngbDropdown class="nav-item dropdown">
130         <a ngbDropdownToggle i18n class="nav-link dropdown-toggle">
131          Cataloging
132         </a>
133         <div class="dropdown-menu" ngbDropdownMenu>
134
135           <a href="/eg/staff/cat/catalog/index" class="dropdown-item">
136             <span class="material-icons">search</span>
137             <span i18n>Search the Catalog</span>
138           </a>
139           <!--
140             Link to experimental Angular staff catalog.
141             Leaving disabled until more functionality can be fleshed out.
142           -->
143           <a class="dropdown-item"
144               routerLink="/staff/catalog/search">
145             <span class="material-icons">search</span>
146             <span i18n>Staff Catalog (Experimental)</span>
147           </a>
148           <a href="/eg/staff/cat/bucket/record/view" class="dropdown-item">
149             <span class="material-icons">list_alt</span>
150             <span i18n>Record Buckets</span>
151           </a>
152           <a href="/eg/staff/cat/bucket/copy/view" class="dropdown-item">
153             <span class="material-icons">list_alt</span>
154             <span i18n>Copy Buckets</span>
155           </a>
156           <div class="dropdown-divider"></div>
157           <a href="/eg/staff/cat/catalog/retrieve_by_id" class="dropdown-item">
158             <span class="material-icons">collections</span>
159             <span i18n>Retrieve Bib Record by ID</span>
160           </a>
161           <a href="/eg/staff/cat/catalog/retrieve_by_tcn"
162             eg-accesskey="shift+f3" 
163             eg-accesskey-desc="Retrieve Last Bib Record" class="dropdown-item">
164             <span class="material-icons">collections_bookmark</span>
165             <span i18n>Retrieve Bib Record by TCN</span>
166           </a>
167           <a href="" ng-click="retrieveLastRecord()"
168             eg-accesskey="shift+f8" 
169             eg-accesskey-desc="Retrieve Last Bib Record" class="dropdown-item">
170             <span class="material-icons">redo</span>
171             <span i18n>Retrieve Last Bib Record</span>
172           </a>
173           <div class="dropdown-divider"></div>
174           <a href="/eg/staff/cat/catalog/new_bib" class="dropdown-item">
175             <span class="material-icons">add</span>
176             <span i18n>Create New MARC Record</span>
177           </a>
178           <a href="/eg/staff/cat/z3950/index" class="dropdown-item">
179             <span class="material-icons">cloud_download</span>
180             <span i18n>Import Record from Z39.50</span>
181           </a>
182           <a routerLink="/staff/cat/vandelay/import" class="dropdown-item">
183             <span class="material-icons">import_export</span>
184             <span i18n>MARC Batch Import/Export</span>
185           </a>
186           <a href="/eg/staff/cat/catalog/batchEdit" class="dropdown-item">
187             <span class="material-icons">format_paint</span>
188             <span i18n>MARC Batch Edit</span>
189           </a>
190           <div class="dropdown-divider"></div>
191           <a href="/eg/staff/cat/catalog/verifyURLs" class="dropdown-item">
192             <span class="material-icons">link</span>
193             <span i18n>Link Checker</span>
194           </a>
195           <div class="dropdown-divider"></div>
196           <a href="/eg/staff/cat/catalog/manageAuthorities" class="dropdown-item">
197             <span class="material-icons">lock</span>
198             <span i18n>Manage Authorities</span>
199           </a>
200           <a href="/eg/staff/cat/catalog/retrieve_by_authority_id" class="dropdown-item">
201             <span class="material-icons">collections</span>
202             <span i18n>Retrieve Authority Record by ID</span>
203           </a>
204         </div>
205       </div>
206     </div>
207
208     <!-- ACQUISITIONS -->
209
210     <div class="navbar-nav">
211       <div ngbDropdown class="nav-item dropdown">
212         <a ngbDropdownToggle i18n class="nav-link dropdown-toggle">
213           Acquisitions
214         </a>
215         <div class="dropdown-menu" ngbDropdownMenu>
216           <a class="dropdown-item" 
217             href="/eg/staff/acq/legacy/search/unified">
218             <span class="material-icons">search</span>
219             <span i18n>General Search</span>
220           </a>
221           <div class="dropdown-divider"></div>
222           <a class="dropdown-item" 
223             href="/eg/staff/acq/legacy/search/unified?ca=pl">
224             <span class="material-icons">view_list</span>
225             <span i18n>My Selection Lists</span>
226           </a>
227           <a class="dropdown-item" 
228             href="/eg/staff/acq/legacy/picklist/brief_record">
229             <span class="material-icons">edit</span>
230             <span i18n>New Brief Record</span>
231           </a>
232           <a class="dropdown-item" 
233             href="/eg/staff/acq/legacy/picklist/user_request">
234             <span class="material-icons">thumb_up</span>
235             <span i18n>Patron Requests</span>
236           </a>
237           <a class="dropdown-item" 
238             href="/eg/staff/acq/legacy/picklist/bib_search">
239             <span class="material-icons">cloud_download</span>
240             <span i18n>MARC Federated Search</span>
241           </a>
242           <a class="dropdown-item" 
243             href="/eg/staff/acq/legacy/picklist/from_bib">
244             <span class="material-icons">trending_down</span>
245             <span i18n>Load Catalog Record IDs</span>
246           </a>
247           <div class="dropdown-divider"></div>
248           <a class="dropdown-item" 
249             href="/eg/staff/acq/legacy/picklist/upload">
250             <span class="material-icons">cloud_upload</span>
251             <span i18n>Load MARC Order Records</span>
252           </a>
253           <a class="dropdown-item" 
254             href="/eg/staff/acq/legacy/search/unified?ca=po">
255             <span class="material-icons">shopping_cart</span>
256             <span i18n>Purchase Orders</span>
257           </a>
258           <a class="dropdown-item" href="/eg/staff/acq/legacy/po/create">
259             <span class="material-icons">add_shopping_cart</span>
260             <span i18n>Create Purchase Order</span>
261           </a>
262           <div class="dropdown-divider"></div>
263           <a class="dropdown-item" 
264             href="/eg/staff/acq/legacy/financial/claim_eligible">
265             <span class="material-icons">contact_phone</span>
266             <span i18n>Claim-Ready Items</span>
267           </a>
268           <a class="dropdown-item" 
269             href="/eg/staff/acq/legacy/search/unified?ca=inv">
270             <span class="material-icons">attach_money</span>
271             <span i18n>Open Invoices</span>
272           </a>
273           <a class="dropdown-item" 
274             href="/eg/staff/acq/legacy/invoice/view?create=1">
275             <span class="material-icons">monetization_on</span>
276             <span i18n>Create Invoice</span>
277           </a>
278         </div>
279       </div>
280     </div>
281
282     <div class="navbar-nav">
283       <div ngbDropdown class="nav-item dropdown">
284         <a ngbDropdownToggle i18n class="nav-link dropdown-toggle">
285           Booking
286         </a>
287         <div class="dropdown-menu" ngbDropdownMenu>
288           <a class="dropdown-item" href="/eg/staff/booking/legacy/booking/reservation">
289             <span class="material-icons">add</span>
290             <span i18n>Create Reservations</span>
291           </a>
292           <a class="dropdown-item" href="/eg/staff/booking/legacy/booking/pull_list">
293             <span class="material-icons">list</span>
294             <span i18n>Pull List</span>
295           </a>
296           <a class="dropdown-item" href="/eg/staff/booking/legacy/booking/capture">
297             <span class="material-icons">pin_drop</span>
298             <span i18n>Capture Resources</span>
299           </a>
300           <a class="dropdown-item" href="/eg/staff/booking/legacy/booking/pickup">
301             <span class="material-icons">trending_up</span>
302             <span i18n>Pick Up Reservations</span>
303           </a>
304           <a class="dropdown-item" href="/eg/staff/booking/legacy/booking/return">
305             <span class="material-icons">trending_down</span>
306             <span i18n>Return Reservations</span>
307           </a>
308         </div>
309       </div>
310     </div>
311
312     <div class="navbar-nav">
313       <div ngbDropdown class="nav-item dropdown">
314         <a ngbDropdownToggle i18n class="nav-link dropdown-toggle">
315           Administration
316         </a>
317         <div class="dropdown-menu" ngbDropdownMenu>
318           <a class="dropdown-item" href="/eg/staff/admin/workstation/index">
319             <span class="material-icons">computer</span>
320             <span i18n>Workstation</span>
321           </a>
322           <!--
323           Leaving here as a reminder this UI exists.
324           <a class="dropdown-item"
325               routerLink="/staff/admin/workstation/workstations/manage">
326             <span class="material-icons">computer</span>
327             <span i18n>Registered Workstations</span>
328           </a>
329           -->
330           <a class="dropdown-item" href="/eg/staff/admin/user_perms">
331             <span class="material-icons">person</span>
332             <span i18n>User Permission Editor</span>
333           </a>
334           <a class="dropdown-item"
335               routerLink="/staff/admin/server/splash">
336             <span class="material-icons">account_balance</span>
337             <span i18n>Server Administration</span>
338           </a>
339           <a class="dropdown-item" href="/eg/staff/admin/local/index">
340             <span class="material-icons">landscape</span>
341             <span i18n>Local Administration</span>
342           </a>
343           <a class="dropdown-item"
344               routerLink="/staff/admin/acq/splash">
345             <span class="material-icons">attach_money</span>
346             <span i18n>Acquisitions Administration</span>
347           </a>
348           <a class="dropdown-item" href="/eg/staff/admin/serials/index">
349             <span class="material-icons">layers</span>
350             <span i18n>Serials Administration</span>
351           </a>
352           <a class="dropdown-item"
353               routerLink="/staff/admin/booking/splash">
354             <span class="material-icons">business_center</span>
355             <span i18n>Booking Administration</span>
356           </a>
357           <a class="dropdown-item" href="/eg/staff/reporter/legacy/main">
358             <span class="material-icons">insert_chart_outlined</span>
359             <span i18n>Reports</span>
360           </a>
361         </div>
362       </div>
363     </div>
364
365
366     <div class="navbar-nav mr-auto"></div>
367     <div class="navbar-nav" *ngIf="user()">
368       <span i18n>{{user()}} @ {{workstation()}}</span>
369     </div>
370     <div class="navbar-nav" *ngIf="locales.length > 1 && currentLocale">
371       <div ngbDropdown class="nav-item dropdown" placement="bottom-right">
372         <a ngbDropdownToggle i18n i18n-title
373           title="Select Locale"
374           class="nav-link dropdown-toggle no-caret with-material-icon">
375           <i class="material-icons">flag</i>
376           <span>{{currentLocale.name()}}</span>
377         </a>
378         <div class="dropdown-menu" ngbDropdownMenu>
379           <a class="dropdown-item" (click)="setLocale(locale)" 
380             [ngClass]="{disabled: currentLocale.code() == locale.code()}"
381             *ngFor="let locale of locales">
382             <span class="material-icons">add_location</span>
383             <span i18n>{{locale.name()}}</span>
384           </a>
385         </div>
386       </div>
387     </div>
388     <div class="navbar-nav" *ngIf="user()">
389       <div ngbDropdown class="nav-item dropdown" placement="bottom-right">
390         <a ngbDropdownToggle i18n 
391           i18n-title
392           title="Log out and more..."
393           class="nav-link dropdown-toggle no-caret with-material-icon">
394           <i class="material-icons">list</i>
395         </a>
396         <div class="dropdown-menu" ngbDropdownMenu>
397           <eg-op-change #navOpChange
398             i18n-failMessage
399             i18n-successMessage
400             failMessage="Operator Change Failed"
401             successMessage="Operator Change Succeeded">
402           </eg-op-change>
403           <a class="dropdown-item" *ngIf="!opChangeActive()" 
404             (click)="navOpChange.open()">
405             <span class="material-icons">transform</span>
406             <span i18n>Change Operator</span>
407           </a>
408           <a *ngIf="opChangeActive()" class="dropdown-item" 
409             (click)="navOpChange.restore()">
410             <span class="material-icons">transform</span>
411             <span i18n>Restore Operator</span>
412           </a>
413           <a class="dropdown-item" (click)="logout()">
414             <span class="material-icons">lock_outline</span>
415             <span i18n>Logout</span>
416           </a>
417           <a class="dropdown-item" routerLink="/staff/about">
418             <span class="material-icons">info_outline</span>
419             <span i18n>About</span>
420           </a>
421         </div>
422       </div>
423     </div>
424   </div>
425 </div>
426