4 note the use of target="_self" for navigation links.
5 this tells angular to treat the href as a new page
6 and not an intra-app route. This is necessary when
7 moving between applications.
9 For icons, see http://getbootstrap.com/components/#glyphicons
12 <div id="top-navbar" role="navigation"
13 class="navbar navbar-default navbar-fixed-top" role="navigation">
15 <!-- navbar-header here needed for supporting angular-ui-bootstrap -->
16 <div class="navbar-header">
17 <button type="button" class="navbar-toggle"
18 ng-init="navCollapsed = true" ng-click="navCollapsed = !navCollapsed">
19 <span class="sr-only">[% l('Toggle navigation') %]</span>
20 <span class="icon-bar"></span>
21 <span class="icon-bar"></span>
22 <span class="icon-bar"></span>
26 <div class="navbar-collapse collapse" ng-class="!navCollapsed && 'in'">
27 <ul class="nav navbar-nav">
28 <li><a href='./' title="[% l('Home') %]" target="_self"
29 class="glyphicon glyphicon-home"></a><li>
32 <li class="dropdown" uib-dropdown>
33 <a href uib-dropdown-toggle>[% l('Search') %]
36 <ul uib-dropdown-menu>
38 <a href="./circ/patron/search" target="_self"
39 eg-accesskey="[% l('alt+s') %] [% l('f4') %]"
40 eg-accesskey-desc="[% l('Patron search by name, address, etc.') %]">
41 <span class="glyphicon glyphicon-user"></span>
42 <span eg-accesskey-label>[% l('Search for Patrons') %]</span>
46 <a href="./cat/item/search" target="_self"
47 eg-accesskey="[% l('f5') %]"
48 eg-accesskey-desc="[% l('Item Status') %]">
49 <span class="glyphicon glyphicon-barcode"></span>
50 <span>[% l('Search for Items by Barcode') %]</span>
54 <a href="/eg2/staff/catalog/search"
55 eg-accesskey="[% l('f3') %]"
56 eg-accesskey-desc="[% l('Catalog') %]">
57 <span class="glyphicon glyphicon-search"></span>
58 <span>[% l('Search the Catalog') %]</span>
66 <li class="dropdown" uib-dropdown>
67 <a href uib-dropdown-toggle>[% l('Circulation') %]<b class="caret"></b>
70 <ul uib-dropdown-menu>
72 <a href="./circ/patron/bcsearch" target="_self"
73 eg-accesskey="[% l('f1') %]"
74 eg-accesskey-desc="[% l('Check Out') %]">
75 <span class="glyphicon glyphicon-export"></span>
79 <li ng-if="!username">
80 <a href="" ng-click="rs.active_tab('checkout')" target="_self"
81 eg-accesskey="[% l('f1') %]"
82 eg-accesskey-desc="[% l('Check Out') %]">
83 <span class="glyphicon glyphicon-export"></span>
88 <a href="./circ/checkin/checkin" target="_self"
89 eg-accesskey="[% l('f2') %]"
90 eg-accesskey-desc="[% l('Check In') %]">
91 <span class="glyphicon glyphicon-import"></span>
95 <li ng-if="!username">
96 <a href="" ng-click="rs.active_tab('checkin')" target="_self"
97 eg-accesskey="[% l('f2') %]"
98 eg-accesskey-desc="[% l('Check In') %]">
99 <span class="glyphicon glyphicon-import"></span>
104 <a href="./circ/checkin/capture" target="_self"
105 eg-accesskey="[% l('shift+f2') %]"
106 eg-accesskey-desc="[% l('Capture Holds') %]">
107 <span class="glyphicon glyphicon-pushpin"></span>
108 [% l('Capture Holds') %]
112 <a href="./circ/holds/pull" target="_self">
113 <span class="glyphicon glyphicon-th-list"></span>
114 [% l('Pull List for Hold Requests') %]
117 <li ng-if="username">
118 <a href="./circ/renew/renew" target="_self"
119 eg-accesskey="[% l('ctrl+f2') %]"
120 eg-accesskey-desc="[% l('Renew items') %]">
121 <span class="glyphicon glyphicon-refresh"></span>
122 [% l('Renew Items') %]
125 <li ng-if="!username">
126 <a href="" ng-click="rs.active_tab('renew')" target="_self"
127 eg-accesskey="[% l('ctrl+f2') %]"
128 eg-accesskey-desc="[% l('Renew items') %]">
129 <span class="glyphicon glyphicon-refresh"></span>
130 [% l('Renew Items') %]
133 <li ng-if="username">
134 <a href="./circ/patron/register" target="_self"
135 eg-accesskey="[% l('shift+f1') %]"
136 eg-accesskey-desc="[% l('Register Patron') %]">
137 <span class="glyphicon glyphicon-user"></span>
138 [% l('Register Patron') %]
141 <li ng-if="!username">
142 <a href="" ng-click="rs.active_tab('register')" target="_self"
143 eg-accesskey="[% l('shift+f1') %]"
144 eg-accesskey-desc="[% l('Register Patron') %]">
145 <span class="glyphicon glyphicon-user"></span>
146 [% l('Register Patron') %]
149 <li ng-if="showRecentPatron">
150 <a href="./circ/patron/last" target="_self"
151 eg-accesskey="[% l('f8') %]"
152 eg-accesskey-desc="[% l('Retrieve Last Patron') %]">
153 <span class="glyphicon glyphicon-share-alt"></span>
154 [% l('Retrieve Last Patron') %]
157 <li ng-if="showRecentPatrons">
158 <a href="./circ/patron/search?show_recent=1" target="_self"
159 eg-accesskey-desc="[% l('Retrieve Recent Patrons') %]">
160 <span class="glyphicon glyphicon-share-alt"></span>
161 [% l('Retrieve Recent Patrons') %]
165 <a href="./circ/patron/pending/list" target="_self">
166 <span class="glyphicon glyphicon-thumbs-up"></span>
167 [% l('Pending Patrons') %]
171 <a href="./circ/patron/bucket/view" target="_self">
172 <span class="glyphicon glyphicon-list-alt"></span>
173 [% l('User Buckets') %]
176 <li class="divider"></li>
178 <a href="./circ/patron/credentials" target="_self">
179 <span class="glyphicon glyphicon-ok"></span>
180 <span>[% l('Verify Credentials') %]</span>
183 <li ng-if="username">
184 <a href="./circ/in_house_use/index" target="_self"
185 eg-accesskey="[% l('f6') %]"
186 eg-accesskey-desc="[% l('Record In-House Use') %]">
187 <span class="glyphicon glyphicon-pencil"></span>
188 <span>[% l('Record In-House Use') %]</span>
191 <li ng-if="!username">
192 <a href="" ng-click="rs.active_tab('in_house_use')" target="_self"
193 eg-accesskey="[% l('f6') %]"
194 eg-accesskey-desc="[% l('Record In-House Use') %]">
195 <span class="glyphicon glyphicon-pencil"></span>
196 <span>[% l('Record In-House Use') %]</span>
200 <a href="./circ/holds/shelf" target="_self">
201 <span class="glyphicon glyphicon-tasks"></span>
202 <span>[% l('Holds Shelf') %]</span>
205 <li class="divider"></li>
207 <a href="./cat/item/replace_barcode/index" target="_self">
208 <span class="glyphicon glyphicon-barcode"></span>
209 <span>[% l('Replace Barcode') %]</span>
213 <a href="./cat/item/search" target="_self">
214 <span class="glyphicon glyphicon-saved"></span>
215 <span>[% l('Item Status') %]</span>
219 <a href="./cat/item/missing_pieces" target="_self">
220 <span class="glyphicon glyphicon-th"></span>
221 <span>[% l('Scan Item as Missing Pieces') %]</span>
224 <li class="divider"></li>
226 <a href="" ng-click="reprintLast($event)"
227 eg-accesskey="[% l('f9') %]"
228 eg-accesskey-desc="[% l('Reprint Last Receipt') %]">
229 <span class="glyphicon glyphicon-print"></span>
230 <span>[% l('Reprint Last Receipt') %]</span>
233 <li class="divider"></li>
234 <li ng-class="{disabled : offlineDisabled()}">
235 <a href="./offline-interface" target="_self" ng-class="{disabled : offlineDisabled()}">
236 <span class="glyphicon glyphicon-alert"></span>
237 <span>[% l('Offline Circulation') %]</span>
244 <li class="dropdown" uib-dropdown>
245 <a href uib-dropdown-toggle>[% l('Cataloging') %]<b class="caret"></b>
247 <ul uib-dropdown-menu>
249 <a href="/eg2/staff/catalog/search">
250 <span class="glyphicon glyphicon-search"></span>
251 <span>[% l('Search the Catalog') %]</span>
255 <a href="./cat/catalog/index" target="_self">
256 <span class="glyphicon glyphicon-search"></span>
257 [% l('Search the Catalog (Traditional)') %]
261 <a href="./cat/item/search" target="_self">
262 <span class="glyphicon glyphicon-saved"></span>
263 <span>[% l('Item Status') %]</span>
266 <li class="divider"></li>
268 <a href="./cat/bucket/record/view" target="_self">
269 <span class="glyphicon glyphicon-list-alt"></span>
270 [% l('Record Buckets') %]
274 <a href="./cat/bucket/copy/view" target="_self">
275 <span class="glyphicon glyphicon-list-alt"></span>
276 [% l('Item Buckets') %]
279 <li class="divider"></li>
281 <a href="./cat/catalog/retrieve_by_id" target="_self">
282 <span class="glyphicon glyphicon-file"></span>
283 [% l('Retrieve Bib Record by ID') %]
287 <a href="./cat/catalog/retrieve_by_tcn" target="_self"
288 eg-accesskey="[% l('shift+f3') %]"
289 eg-accesskey-desc="[% l('Retrieve Last Bib Record') %]">
290 <span class="glyphicon glyphicon-tag"></span>
291 [% l('Retrieve Bib Record by TCN') %]
295 <a href="" ng-click="retrieveLastRecord()" target="_self"
296 eg-accesskey="[% l('shift+f8') %]"
297 eg-accesskey-desc="[% l('Retrieve Last Bib Record') %]">
298 <span class="glyphicon glyphicon-share-alt"></span>
299 [% l('Retrieve Last Bib Record') %]
302 <li class="divider"></li>
304 <a href="./cat/catalog/new_bib" target="_self">
305 <span class="glyphicon glyphicon-plus"></span>
306 [% l('Create New MARC Record') %]
310 <a href="./cat/z3950/index" target="_self">
311 <span class="glyphicon glyphicon-cloud-download"></span>
312 [% l('Import Record from Z39.50') %]
316 <a href="/eg2/staff/cat/vandelay/import">
317 <span class="glyphicon glyphicon-transfer"></span>
318 [% l('MARC Batch Import/Export') %]
322 <a href="./cat/catalog/batchEdit" target="_self">
323 <span class="glyphicon glyphicon-edit"></span>
324 [% l('MARC Batch Edit') %]
327 <li class="divider"></li>
329 <a href="./cat/catalog/verifyURLs" target="_self">
330 <span class="glyphicon glyphicon-link"></span>
331 [% l('Link Checker') %]
334 <li class="divider"></li>
336 <a href="./cat/catalog/manageAuthorities" target="_self">
337 <span class="glyphicon glyphicon-lock"></span>
338 [% l('Manage Authorities') %]
342 <a href="/eg2/staff/cat/authority/edit" target="_self">
343 <span class="glyphicon glyphicon-file"></span>
344 [% l('Retrieve Authority Record by ID') %]
350 <!-- acquisitions -->
351 <li class="dropdown" uib-dropdown>
352 <a href uib-dropdown-toggle>[% l('Acquisitions') %]<b class="caret"></b>
354 <ul uib-dropdown-menu>
356 <a href="./acq/legacy/search/unified" target="_self">
357 <span class="glyphicon glyphicon-search"></span>
358 [% l('General Search') %]
361 <li class="divider"></li>
363 <a href="./acq/legacy/search/unified?ca=pl" target="_self">
364 <span class="glyphicon glyphicon-list"></span>
365 [% l('My Selection Lists') %]
369 <a href="./acq/legacy/picklist/brief_record" target="_self">
370 <span class="glyphicon glyphicon-pencil"></span>
371 [% l('New Brief Record') %]
375 <a href="./acq/requests/list" target="_self">
376 <span class="glyphicon glyphicon-thumbs-up"></span>
377 [% l('Patron Requests') %]
381 <a href="./acq/legacy/picklist/bib_search" target="_self">
382 <span class="glyphicon glyphicon-cloud-download"></span>
383 [% l('MARC Federated Search') %]
387 <a href="./acq/legacy/picklist/from_bib" target="_self">
388 <span class="glyphicon glyphicon-import"></span>
389 [% l('Load Catalog Record IDs') %]
392 <li class="divider"></li>
394 <a href="./acq/legacy/picklist/upload" target="_self">
395 <span class="glyphicon glyphicon-cloud-upload"></span>
396 [% l('Load MARC Order Records') %]
400 <a href="./acq/legacy/search/unified?ca=po" target="_self">
401 <span class="glyphicon glyphicon-shopping-cart"></span>
402 [% l('Purchase Orders') %]
406 <a href="./acq/legacy/po/create" target="_self">
407 <span class="glyphicon glyphicon-plus"></span>
408 [% l('Create Purchase Order') %]
411 <li class="divider"></li>
413 <a href="./acq/legacy/financial/claim_eligible" target="_self">
414 <span class="glyphicon glyphicon-question-sign"></span>
415 [% l('Claim-Ready Items') %]
419 <a href="./acq/legacy/search/unified?ca=inv" target="_self">
420 <span class="glyphicon glyphicon-usd"></span>
421 [% l('Open Invoices') %]
425 <a href="./acq/legacy/invoice/view?create=1" target="_self">
426 <span class="glyphicon glyphicon-credit-card"></span>
427 [% l('Create Invoice') %]
434 <li class="dropdown" uib-dropdown>
435 <a href uib-dropdown-toggle>[% l('Booking') %]<b class="caret"></b>
437 <ul uib-dropdown-menu>
439 <a href="/eg2/staff/booking/create_reservation" target="_self">
440 <span class="glyphicon glyphicon-plus"></span>
441 [% l('Create Reservations') %]
445 <a href="/eg2/staff/booking/pull_list" target="_self">
446 <span class="glyphicon glyphicon-th-list"></span>
451 <a href="/eg2/staff/booking/capture" target="_self">
452 <span class="glyphicon glyphicon-pushpin"></span>
453 [% l('Capture Resources') %]
457 <a href="/eg2/staff/booking/pickup" target="_self">
458 <span class="glyphicon glyphicon-export"></span>
459 [% l('Pick Up Reservations') %]
463 <a href="/eg2/staff/booking/return" target="_self">
464 <span class="glyphicon glyphicon-import"></span>
465 [% l('Return Reservations') %]
469 <a href="/eg2/staff/booking/manage_reservations" target="_self">
470 <span class="glyphicon glyphicon-wrench"></span>
471 [% l('Manage Reservations') %]
478 <li class="dropdown" uib-dropdown>
479 <a href uib-dropdown-toggle>[% l('Administration') %]<b class="caret"></b></a>
480 <ul uib-dropdown-menu>
482 <a href="./admin/workstation/index" target="_self">
483 <span class="glyphicon glyphicon-hdd"></span>
484 [% l('Workstation') %]
488 <a href="./admin/user_perms" target="_self">
489 <span class="glyphicon glyphicon-user"></span>
490 [% l('User Permission Editor') %]
494 <a href="/eg2/staff/admin/server/splash">
495 <span class="glyphicon glyphicon-briefcase"></span>
496 [% l('Server Administration') %]
500 <a href="/eg2/staff/admin/local/splash">
501 <span class="glyphicon glyphicon-picture"></span>
502 [% l('Local Administration') %]
506 <a href="/eg2/staff/admin/acq/splash">
507 <span class="glyphicon glyphicon-usd"></span>
508 [% l('Acquisitions Administration') %]
512 <a href="./admin/serials/index" target="_self">
513 <span class="glyphicon glyphicon-paperclip"></span>
514 [% l('Serials Administration') %]
518 <a href="/eg2/staff/admin/booking/splash" target="_self">
519 <span class="glyphicon glyphicon-calendar"></span>
520 [% l('Booking Administration') %]
524 <a href="./reporter/legacy/main" target="_self">
525 <span class="glyphicon glyphicon-object-align-bottom"></span>
529 </ul> <!-- admin dropdown -->
531 </ul> <!-- end left side entries -->
533 <!-- entries along the right side of the navbar -->
534 <ul class="nav navbar-nav navbar-right" style='margin-right: 6px;'>
536 <a ng-cloak ng-show="username" title="{{currentToken()}}"
537 ng-init="workstation = '[% l('<no workstation>') %]'">
538 {{username}} @ {{workstation}}
542 <!-- locale selector.
543 only shown if multiple locales are registered -->
544 [% IF ctx.locales.keys.size > 1 %]
545 <li class="dropdown" uib-dropdown>
546 <a href uib-dropdown-toggle>
547 [% lcl = ctx.locale; ctx.locales.$lcl %]
548 <span class="glyphicon glyphicon-flag"></span>
550 <ul uib-dropdown-menu>
551 [% FOR locale IN ctx.locales.keys.sort %]
552 <!-- disable the selected locale -->
553 <li ng-class="{disabled : '[% ctx.locale %]'=='[% locale %]'}">
554 <a href="" ng-click="applyLocale('[% locale %]')">
555 [% ctx.locales.$locale %]
563 <li class="dropdown" ng-show="username" uib-dropdown title="Logout and more...">
564 <a href class="glyphicon glyphicon-list"
565 uib-dropdown-toggle></a>
566 <ul uib-dropdown-menu>
567 <li ng-if="!op_changed">
568 <a href="" ng-click="changeOperator()">
569 <span class="glyphicon glyphicon-random"></span>
570 [% l('Change Operator') %]
573 <li ng-if="op_changed">
574 <a href="" ng-click="changeOperatorUndo()">
575 <span class="glyphicon glyphicon-random"></span>
576 [% l('Restore Operator') %]
580 <a href="./login" ng-click="logout()" target="_self">
581 <span class="glyphicon glyphicon-log-out"></span>
586 <a href="./about" target="_self">
587 <span class="glyphicon glyphicon-question-sign"></span>
591 <li class="divider"></li>
592 <li class="disabled">
593 <a href disabled="disabled">
595 title="[% l('Hatch Connection Status') %]"
596 class="glyphicon glyphicon-transfer"
597 ng-class="{'connect-status-ok' : hatchConnected()}">