912c43cea1c995591fce573de1107d3575223aa8
[working/Evergreen.git] / Open-ILS / src / templates / staff / navbar.tt2
1 <!-- 
2   main navigation bar
3     
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.
8
9   For icons, see http://getbootstrap.com/components/#glyphicons
10 -->
11
12 <div id="top-navbar" role="navigation"
13   class="navbar navbar-default navbar-fixed-top" role="navigation">
14
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>
23     </button>
24   </div>
25
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>
30
31       <!-- search -->
32       <li class="dropdown" uib-dropdown>
33         <a href uib-dropdown-toggle>[% l('Search') %]
34           <b class="caret"></b>
35         </a>
36         <ul uib-dropdown-menu>
37           <li>
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>
43             </a>
44           </li>
45           <li>
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 Copies by Barcode') %]</span>
51             </a>
52           </li>
53           <li>
54             <a href="./cat/catalog/index" target="_self"
55               eg-accesskey="[% l('f3') %]" 
56               eg-accesskey-desc="[% l('OPAC') %]">
57               <span class="glyphicon glyphicon-search"></span>
58               <span>[% l('Search the Catalog') %]</span>
59             </a>
60           </li>
61         </ul>
62       </li>
63
64
65       <!-- circulation -->
66       <li class="dropdown" uib-dropdown>
67         <a href uib-dropdown-toggle>[% l('Circulation') %]<b class="caret"></b>
68         </a>
69
70         <ul uib-dropdown-menu>
71           <li>
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>
76               [% l('Check Out') %]
77             </a>
78           </li>
79           <li>
80             <a href="./circ/checkin/checkin" target="_self"
81               eg-accesskey="[% l('f2') %]" 
82               eg-accesskey-desc="[% l('Check In') %]">
83               <span class="glyphicon glyphicon-import"></span>
84               [% l('Check In') %]
85             </a>
86           </li>
87           <li>
88             <a href="./circ/checkin/capture" target="_self"
89               eg-accesskey="[% l('shift+f2') %]" 
90               eg-accesskey-desc="[% l('Capture Holds') %]">
91               <span class="glyphicon glyphicon-pushpin"></span>
92               [% l('Capture Holds') %]
93             </a>
94           </li>
95           <li>
96             <a href="./circ/holds/pull" target="_self">
97               <span class="glyphicon glyphicon-th-list"></span>
98               [% l('Pull List for Hold Requests') %]
99             </a>
100           </li>
101           <li>
102             <a href="./circ/renew/renew" target="_self"
103               eg-accesskey="[% l('ctrl+f2') %]" 
104               eg-accesskey-desc="[% l('Renew items') %]">
105               <span class="glyphicon glyphicon-refresh"></span>
106               [% l('Renew Items') %]
107             </a>
108           </li>
109           <li>
110             <a href="./circ/patron/register" target="_self"
111               eg-accesskey="[% l('shift+f1') %]" 
112               eg-accesskey-desc="[% l('Register Patron') %]">
113               <span class="glyphicon glyphicon-user"></span>
114               [% l('Register Patron') %]
115             </a>
116           </li>
117           <li>
118             <a href="./circ/patron/last" target="_self"
119               eg-accesskey="[% l('f8') %]" 
120               eg-accesskey-desc="[% l('Retrieve Last Patron') %]">
121               <span class="glyphicon glyphicon-share-alt"></span>
122               [% l('Retrieve Last Patron') %]
123             </a>
124           </li>
125           <li>
126             <a href="./circ/patron/pending/list" target="_self">
127               <span class="glyphicon glyphicon-thumbs-up"></span>
128               [% l('Pending Patrons') %]
129             </a>
130           </li>
131           <li>
132             <a href="./circ/patron/bucket/view" target="_self">
133               <span class="glyphicon glyphicon-list-alt"></span>
134               [% l('User Buckets') %]
135             </a>
136           </li>
137           <li class="divider"></li>
138           <li>
139             <a href="./circ/patron/credentials" target="_self">
140               <span class="glyphicon glyphicon-ok"></span>
141               <span>[% l('Verify Credentials') %]</span>
142             </a>
143           </li>
144           <li>
145             <a href="./circ/in_house_use/index" target="_self"
146               eg-accesskey="[% l('f6') %]" 
147               eg-accesskey-desc="[% l('Record In-House Use') %]">
148               <span class="glyphicon glyphicon-pencil"></span>
149               <span>[% l('Record In-House Use') %]</span>
150             </a>
151           </li>
152           <li>
153             <a href="./circ/holds/shelf" target="_self">
154               <span class="glyphicon glyphicon-tasks"></span>
155               <span>[% l('Holds Shelf') %]</span>
156             </a>
157           </li>
158           <li class="divider"></li>
159           <li>
160             <a href="./cat/item/replace_barcode/index" target="_self">
161               <span class="glyphicon glyphicon-barcode"></span>
162               <span>[% l('Replace Barcode') %]</span>
163             </a>
164           </li>
165           <li>
166             <a href="./cat/item/search" target="_self">
167               <span class="glyphicon glyphicon-saved"></span>
168               <span>[% l('Item Status') %]</span>
169             </a>
170           </li>
171           <li>
172             <a href="./cat/item/missing_pieces" target="_self">
173               <span class="glyphicon glyphicon-th"></span>
174               <span>[% l('Scan Item as Missing Pieces') %]</span>
175             </a>
176           </li>
177           <li class="divider"></li>
178           <li>
179             <a href="" ng-click="reprintLast($event)"
180               eg-accesskey="[% l('f9') %]" 
181               eg-accesskey-desc="[% l('Reprint Last Receipt') %]">
182               <span class="glyphicon glyphicon-print"></span>
183               <span>[% l('Reprint Last Receipt') %]</span>
184             </a>
185           </li>
186         </ul>
187       </li><!-- circ -->
188
189       <!-- cataloging -->
190       <li class="dropdown" uib-dropdown>
191         <a href uib-dropdown-toggle>[% l('Cataloging') %]<b class="caret"></b>
192         </a>
193         <ul uib-dropdown-menu>
194           <li>
195             <a href="./cat/catalog/index" target="_self">
196               <span class="glyphicon glyphicon-search"></span>
197               [% l('Search the Catalog') %]
198             </a>
199           </li>
200           <li>
201             <a href="./cat/bucket/record/view" target="_self">
202               <span class="glyphicon glyphicon-list-alt"></span>
203               [% l('Record Buckets') %]
204             </a>
205           </li>
206           <li>
207             <a href="./cat/bucket/copy/view" target="_self">
208               <span class="glyphicon glyphicon-list-alt"></span>
209               [% l('Copy Buckets') %]
210             </a>
211           </li>
212           <li class="divider"></li>
213           <li>
214             <a href="./cat/catalog/retrieve_by_id" target="_self">
215               <span class="glyphicon glyphicon-file"></span>
216               [% l('Retrieve Bib Record by ID') %]
217             </a>
218           </li>
219           <li>
220             <a href="./cat/catalog/retrieve_by_tcn" target="_self"
221               eg-accesskey="[% l('shift+f3') %]" 
222               eg-accesskey-desc="[% l('Retrieve Last Bib Record') %]">
223               <span class="glyphicon glyphicon-tag"></span>
224               [% l('Retrieve Bib Record by TCN') %]
225             </a>
226           </li>
227           <li>
228             <a href="" ng-click="retrieveLastRecord()" target="_self"
229               eg-accesskey="[% l('shift+f8') %]" 
230               eg-accesskey-desc="[% l('Retrieve Last Bib Record') %]">
231               <span class="glyphicon glyphicon-share-alt"></span>
232               [% l('Retrieve Last Bib Record') %]
233             </a>
234           </li>
235           <li class="divider"></li>
236           <li>
237             <a href="./cat/catalog/new_bib" target="_self">
238               <span class="glyphicon glyphicon-plus"></span>
239               [% l('Create New MARC Record') %]
240             </a>
241           </li>
242           <li>
243             <a href="./cat/z3950/index" target="_self">
244               <span class="glyphicon glyphicon-cloud-download"></span>
245               [% l('Import Record from Z39.50') %]
246             </a>
247           </li>
248           <li>
249             <a href="./cat/catalog/vandelay" target="_self">
250               <span class="glyphicon glyphicon-transfer"></span>
251               [% l('MARC Batch Import/Export') %]
252             </a>
253           </li>
254           <li>
255             <a href="./cat/catalog/batchEdit" target="_self">
256               <span class="glyphicon glyphicon-edit"></span>
257               [% l('MARC Batch Edit') %]
258             </a>
259           </li>
260           <li class="divider"></li>
261           <li>
262             <a href="./cat/catalog/verifyURLs" target="_self">
263               <span class="glyphicon glyphicon-link"></span>
264               [% l('Link Checker') %]
265             </a>
266           </li>
267           <li class="divider"></li>
268           <li>
269             <a href="./cat/catalog/manageAuthorities" target="_self">
270               <span class="glyphicon glyphicon-lock"></span>
271               [% l('Manage Authorities') %]
272             </a>
273           </li>
274        </ul>
275       </li>
276
277       <!-- acquisitions -->
278       <li class="dropdown" uib-dropdown>
279         <a href uib-dropdown-toggle>[% l('Acquisitions') %]<b class="caret"></b>
280         </a>
281         <ul uib-dropdown-menu>
282           <li>
283             <a href="./acq/legacy/search/unified" target="_self">
284               <span class="glyphicon glyphicon-search"></span>
285               [% l('General Search') %]
286             </a>
287           </li>
288           <li class="divider"></li>
289           <li>
290             <a href="./acq/legacy/search/unified?ca=pl" target="_self">
291               <span class="glyphicon glyphicon-list"></span>
292               [% l('My Selection Lists') %]
293             </a>
294           </li>
295           <li>
296             <a href="./acq/legacy/picklist/brief_record" target="_self">
297               <span class="glyphicon glyphicon-pencil"></span>
298               [% l('New Brief Record') %]
299             </a>
300           </li>
301           <li>
302             <a href="./acq/legacy/picklist/user_request" target="_self">
303               <span class="glyphicon glyphicon-thumbs-up"></span>
304               [% l('Patron Requests') %]
305             </a>
306           </li>
307           <li>
308             <a href="./acq/legacy/picklist/bib_search" target="_self">
309               <span class="glyphicon glyphicon-cloud-download"></span>
310               [% l('MARC Federated Search') %]
311             </a>
312           </li>
313           <li>
314             <a href="./acq/legacy/picklist/from_bib" target="_self">
315               <span class="glyphicon glyphicon-import"></span>
316               [% l('Load Catalog Record IDs') %]
317             </a>
318           </li>
319           <li class="divider"></li>
320           <li>
321             <a href="./acq/legacy/picklist/upload" target="_self">
322               <span class="glyphicon glyphicon-cloud-upload"></span>
323               [% l('Load MARC Order Records') %]
324             </a>
325           </li>
326           <li>
327             <a href="./acq/legacy/search/unified?ca=po" target="_self">
328               <span class="glyphicon glyphicon-shopping-cart"></span>
329               [% l('Purchase Orders') %]
330             </a>
331           </li>
332           <li>
333             <a href="./acq/legacy/po/create" target="_self">
334               <span class="glyphicon glyphicon-plus"></span>
335               [% l('Create Purchase Order') %]
336             </a>
337           </li>
338           <li class="divider"></li>
339           <li>
340             <a href="./acq/legacy/financial/claim_eligible" target="_self">
341               <span class="glyphicon glyphicon-question-sign"></span>
342               [% l('Claim-Ready Items') %]
343             </a>
344           </li>
345           <li>
346             <a href="./acq/legacy/search/unified?ca=inv" target="_self">
347               <span class="glyphicon glyphicon-usd"></span>
348               [% l('Open Invoices') %]
349             </a>
350           </li>
351           <li>
352             <a href="./acq/legacy/invoice/view?create=1" target="_self">
353               <span class="glyphicon glyphicon-credit-card"></span>
354               [% l('Create Invoice') %]
355             </a>
356           </li>
357        </ul>
358       </li>
359
360       <!-- booking -->
361       <li class="dropdown" uib-dropdown>
362         <a href uib-dropdown-toggle>[% l('Booking') %]<b class="caret"></b>
363         </a>
364         <ul uib-dropdown-menu>
365           <li>
366             <a href="./booking/legacy/booking/reservation" target="_self">
367               <span class="glyphicon glyphicon-plus"></span>
368               [% l('Create Reservations') %]
369             </a>
370           </li>
371           <li>
372             <a href="./booking/legacy/booking/pull_list" target="_self">
373               <span class="glyphicon glyphicon-th-list"></span>
374               [% l('Pull List') %]
375             </a>
376           </li>
377           <li>
378             <a href="./booking/legacy/booking/capture" target="_self">
379               <span class="glyphicon glyphicon-pushpin"></span>
380               [% l('Capture Resources') %]
381             </a>
382           </li>
383           <li>
384             <a href="./booking/legacy/booking/pickup" target="_self">
385               <span class="glyphicon glyphicon-export"></span>
386               [% l('Pick Up Reservations') %]
387             </a>
388           </li>
389           <li>
390             <a href="./booking/legacy/booking/return" target="_self">
391               <span class="glyphicon glyphicon-import"></span>
392               [% l('Return Reservations') %]
393             </a>
394           </li>
395         </ul>
396       </li>
397
398       <!-- admin -->
399       <li class="dropdown" uib-dropdown>
400         <a href uib-dropdown-toggle>[% l('Administration') %]<b class="caret"></b></a>
401         <ul uib-dropdown-menu>
402           <li>
403             <a href="./admin/workstation/index" target="_self">
404               <span class="glyphicon glyphicon-hdd"></span>
405               [% l('Workstation') %]
406             </a>
407           </li>
408           <li>
409             <a href="./admin/user_perms" target="_self">
410               <span class="glyphicon glyphicon-user"></span>
411               [% l('User Permission Editor') %]
412             </a>
413           </li>
414           <li>
415             <a href="./admin/server/index" target="_self">
416               <span class="glyphicon glyphicon-briefcase"></span>
417               [% l('Server Administration') %]
418             </a>
419           </li>
420           <li>
421             <a href="./admin/local/index" target="_self">
422               <span class="glyphicon glyphicon-picture"></span>
423               [% l('Local Administration') %]
424             </a>
425           </li>
426           <li>
427             <a href="./admin/acq/index" target="_self">
428               <span class="glyphicon glyphicon-usd"></span>
429               [% l('Acquisitions Administration') %]
430             </a>
431           </li>
432           <li>
433             <a href="./admin/booking/index" target="_self">
434               <span class="glyphicon glyphicon-calendar"></span>
435               [% l('Booking Administration') %]
436             </a>
437           </li>
438           <li>
439             <a href="./reporter/legacy/main" target="_self">
440               <span class="glyphicon glyphicon-object-align-bottom"></span>
441               [% l('Reports') %]
442             </a>
443           </li>
444         </ul> <!-- admin dropdown -->
445       </li>
446     </ul> <!-- end left side entries -->
447
448     <!-- entries along the right side of the navbar -->
449     <ul class="nav navbar-nav navbar-right" style='margin-right: 6px;'>
450       <li>
451         <a ng-cloak ng-show="username" title="{{currentToken()}}"
452           ng-init="workstation = '[% l('<no workstation>') %]'">
453             [% l('{{username}} @ {{workstation}}') %]
454         </a>
455       </li>
456
457       <!-- locale selector.  
458         only shown if multiple locales are registered -->
459       [% IF ctx.locales.keys.size > 1 %]
460       <li class="dropdown" uib-dropdown>
461         <a href uib-dropdown-toggle>
462           [% lcl = ctx.locale;  ctx.locales.$lcl %]
463           <span class="glyphicon glyphicon-flag"></span>
464         </a>
465         <ul uib-dropdown-menu>
466         [% FOR locale IN ctx.locales.keys.sort %]
467           <!-- disable the selected locale -->
468           <li ng-class="{disabled : '[% ctx.locale %]'=='[% locale %]'}">
469             <a href="" ng-click="applyLocale('[% locale %]')">
470                 [% ctx.locales.$locale %]
471             </a>
472           </li>
473         [% END %]
474         </ul>
475       </li>
476       [% END %]
477
478       <li class="dropdown" ng-show="username" uib-dropdown>
479         <a href class="glyphicon glyphicon-list" 
480           uib-dropdown-toggle></a>
481         <ul uib-dropdown-menu>
482           <li ng-if="!op_changed">
483             <a href="" ng-click="changeOperator()">
484               <span class="glyphicon glyphicon-random"></span>
485               [% l('Change Operator') %]
486             </a>
487           </li>
488           <li ng-if="op_changed">
489             <a href="" ng-click="changeOperatorUndo()">
490               <span class="glyphicon glyphicon-random"></span>
491               [% l('Restore Operator') %]
492             </a>
493           </li>
494           <li>
495             <a href="./login" ng-click="logout()" target="_self">
496               <span class="glyphicon glyphicon-log-out"></span>
497               [% l('Log Out') %]
498             </a>
499           </li>
500           <li class="divider"></li>
501           <li class="disabled">
502             <a href disabled="disabled">
503               <span
504                 title="[% l('Hatch Connection Status') %]"
505                 class="glyphicon glyphicon-transfer"
506                 ng-class="{'connect-status-ok' : hatchConnected()}">
507               </span>
508               [% l('Hatch') %]
509             </a>
510           </li>
511         </ul>
512       </li>
513     </ul>
514   </div>
515 </div>
516
517