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