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