LP#1789747: tweak disabling the offline circulation link
[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 Items 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 ng-if="username">
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 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>
84               [% l('Check Out') %]
85             </a>
86           </li>
87           <li ng-if="username">
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>
92               [% l('Check In') %]
93             </a>
94           </li>
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>
100               [% l('Check In') %]
101             </a>
102           </li>
103           <li>
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') %]
109             </a>
110           </li>
111           <li>
112             <a href="./circ/holds/pull" target="_self">
113               <span class="glyphicon glyphicon-th-list"></span>
114               [% l('Pull List for Hold Requests') %]
115             </a>
116           </li>
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') %]
123             </a>
124           </li>
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') %]
131             </a>
132           </li>
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') %]
139             </a>
140           </li>
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') %]
147             </a>
148           </li>
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') %]
155             </a>
156           </li>
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') %]
162             </a>
163           </li>
164           <li>
165             <a href="./circ/patron/pending/list" target="_self">
166               <span class="glyphicon glyphicon-thumbs-up"></span>
167               [% l('Pending Patrons') %]
168             </a>
169           </li>
170           <li>
171             <a href="./circ/patron/bucket/view" target="_self">
172               <span class="glyphicon glyphicon-list-alt"></span>
173               [% l('User Buckets') %]
174             </a>
175           </li>
176           <li class="divider"></li>
177           <li>
178             <a href="./circ/patron/credentials" target="_self">
179               <span class="glyphicon glyphicon-ok"></span>
180               <span>[% l('Verify Credentials') %]</span>
181             </a>
182           </li>
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>
189             </a>
190           </li>
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>
197             </a>
198           </li>
199           <li>
200             <a href="./circ/holds/shelf" target="_self">
201               <span class="glyphicon glyphicon-tasks"></span>
202               <span>[% l('Holds Shelf') %]</span>
203             </a>
204           </li>
205           <li class="divider"></li>
206           <li>
207             <a href="./cat/item/replace_barcode/index" target="_self">
208               <span class="glyphicon glyphicon-barcode"></span>
209               <span>[% l('Replace Barcode') %]</span>
210             </a>
211           </li>
212           <li>
213             <a href="./cat/item/search" target="_self">
214               <span class="glyphicon glyphicon-saved"></span>
215               <span>[% l('Item Status') %]</span>
216             </a>
217           </li>
218           <li>
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>
222             </a>
223           </li>
224           <li class="divider"></li>
225           <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>
231             </a>
232           </li>
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>
238             </a>
239           </li>
240         </ul>
241       </li><!-- circ -->
242
243       <!-- cataloging -->
244       <li class="dropdown" uib-dropdown>
245         <a href uib-dropdown-toggle>[% l('Cataloging') %]<b class="caret"></b>
246         </a>
247         <ul uib-dropdown-menu>
248           <li>
249             <a href="./cat/catalog/index" target="_self">
250               <span class="glyphicon glyphicon-search"></span>
251               [% l('Search the Catalog') %]
252             </a>
253           </li>
254           <!--
255             Link to experimental Angular staff catalog.
256             Leaving disabled until more functionality can be fleshed out.
257           -->
258           <!--
259           <li>
260             <a href="/eg2/staff/catalog/search" target="_self">
261               <span class="glyphicon glyphicon-search"></span>
262               <span>[% l('Staff Catalog (Experimental)') %]</span>
263             </a>
264           </li>
265           -->
266           <li>
267             <a href="./cat/bucket/record/view" target="_self">
268               <span class="glyphicon glyphicon-list-alt"></span>
269               [% l('Record Buckets') %]
270             </a>
271           </li>
272           <li>
273             <a href="./cat/bucket/copy/view" target="_self">
274               <span class="glyphicon glyphicon-list-alt"></span>
275               [% l('Item Buckets') %]
276             </a>
277           </li>
278           <li class="divider"></li>
279           <li>
280             <a href="./cat/catalog/retrieve_by_id" target="_self">
281               <span class="glyphicon glyphicon-file"></span>
282               [% l('Retrieve Bib Record by ID') %]
283             </a>
284           </li>
285           <li>
286             <a href="./cat/catalog/retrieve_by_tcn" target="_self"
287               eg-accesskey="[% l('shift+f3') %]" 
288               eg-accesskey-desc="[% l('Retrieve Last Bib Record') %]">
289               <span class="glyphicon glyphicon-tag"></span>
290               [% l('Retrieve Bib Record by TCN') %]
291             </a>
292           </li>
293           <li>
294             <a href="" ng-click="retrieveLastRecord()" target="_self"
295               eg-accesskey="[% l('shift+f8') %]" 
296               eg-accesskey-desc="[% l('Retrieve Last Bib Record') %]">
297               <span class="glyphicon glyphicon-share-alt"></span>
298               [% l('Retrieve Last Bib Record') %]
299             </a>
300           </li>
301           <li class="divider"></li>
302           <li>
303             <a href="./cat/catalog/new_bib" target="_self">
304               <span class="glyphicon glyphicon-plus"></span>
305               [% l('Create New MARC Record') %]
306             </a>
307           </li>
308           <li>
309             <a href="./cat/z3950/index" target="_self">
310               <span class="glyphicon glyphicon-cloud-download"></span>
311               [% l('Import Record from Z39.50') %]
312             </a>
313           </li>
314           <li>
315             <a href="./cat/catalog/vandelay" target="_self">
316               <span class="glyphicon glyphicon-transfer"></span>
317               [% l('MARC Batch Import/Export') %]
318             </a>
319           </li>
320           <li>
321             <a href="./cat/catalog/batchEdit" target="_self">
322               <span class="glyphicon glyphicon-edit"></span>
323               [% l('MARC Batch Edit') %]
324             </a>
325           </li>
326           <li class="divider"></li>
327           <li>
328             <a href="./cat/catalog/verifyURLs" target="_self">
329               <span class="glyphicon glyphicon-link"></span>
330               [% l('Link Checker') %]
331             </a>
332           </li>
333           <li class="divider"></li>
334           <li>
335             <a href="./cat/catalog/manageAuthorities" target="_self">
336               <span class="glyphicon glyphicon-lock"></span>
337               [% l('Manage Authorities') %]
338             </a>
339           </li>
340           <li>
341             <a href="./cat/catalog/retrieve_by_authority_id" target="_self">
342               <span class="glyphicon glyphicon-file"></span>
343               [% l('Retrieve Authority Record by ID') %]
344             </a>
345           </li>
346        </ul>
347       </li>
348
349       <!-- acquisitions -->
350       <li class="dropdown" uib-dropdown>
351         <a href uib-dropdown-toggle>[% l('Acquisitions') %]<b class="caret"></b>
352         </a>
353         <ul uib-dropdown-menu>
354           <li>
355             <a href="./acq/legacy/search/unified" target="_self">
356               <span class="glyphicon glyphicon-search"></span>
357               [% l('General Search') %]
358             </a>
359           </li>
360           <li class="divider"></li>
361           <li>
362             <a href="./acq/legacy/search/unified?ca=pl" target="_self">
363               <span class="glyphicon glyphicon-list"></span>
364               [% l('My Selection Lists') %]
365             </a>
366           </li>
367           <li>
368             <a href="./acq/legacy/picklist/brief_record" target="_self">
369               <span class="glyphicon glyphicon-pencil"></span>
370               [% l('New Brief Record') %]
371             </a>
372           </li>
373           <li>
374             <a href="./acq/requests/list" target="_self">
375               <span class="glyphicon glyphicon-thumbs-up"></span>
376               [% l('Patron Requests') %]
377             </a>
378           </li>
379           <li>
380             <a href="./acq/legacy/picklist/bib_search" target="_self">
381               <span class="glyphicon glyphicon-cloud-download"></span>
382               [% l('MARC Federated Search') %]
383             </a>
384           </li>
385           <li>
386             <a href="./acq/legacy/picklist/from_bib" target="_self">
387               <span class="glyphicon glyphicon-import"></span>
388               [% l('Load Catalog Record IDs') %]
389             </a>
390           </li>
391           <li class="divider"></li>
392           <li>
393             <a href="./acq/legacy/picklist/upload" target="_self">
394               <span class="glyphicon glyphicon-cloud-upload"></span>
395               [% l('Load MARC Order Records') %]
396             </a>
397           </li>
398           <li>
399             <a href="./acq/legacy/search/unified?ca=po" target="_self">
400               <span class="glyphicon glyphicon-shopping-cart"></span>
401               [% l('Purchase Orders') %]
402             </a>
403           </li>
404           <li>
405             <a href="./acq/legacy/po/create" target="_self">
406               <span class="glyphicon glyphicon-plus"></span>
407               [% l('Create Purchase Order') %]
408             </a>
409           </li>
410           <li class="divider"></li>
411           <li>
412             <a href="./acq/legacy/financial/claim_eligible" target="_self">
413               <span class="glyphicon glyphicon-question-sign"></span>
414               [% l('Claim-Ready Items') %]
415             </a>
416           </li>
417           <li>
418             <a href="./acq/legacy/search/unified?ca=inv" target="_self">
419               <span class="glyphicon glyphicon-usd"></span>
420               [% l('Open Invoices') %]
421             </a>
422           </li>
423           <li>
424             <a href="./acq/legacy/invoice/view?create=1" target="_self">
425               <span class="glyphicon glyphicon-credit-card"></span>
426               [% l('Create Invoice') %]
427             </a>
428           </li>
429        </ul>
430       </li>
431
432       <!-- booking -->
433       <li class="dropdown" uib-dropdown>
434         <a href uib-dropdown-toggle>[% l('Booking') %]<b class="caret"></b>
435         </a>
436         <ul uib-dropdown-menu>
437           <li>
438             <a href="./booking/legacy/booking/reservation" target="_self">
439               <span class="glyphicon glyphicon-plus"></span>
440               [% l('Create Reservations') %]
441             </a>
442           </li>
443           <li>
444             <a href="./booking/legacy/booking/pull_list" target="_self">
445               <span class="glyphicon glyphicon-th-list"></span>
446               [% l('Pull List') %]
447             </a>
448           </li>
449           <li>
450             <a href="./booking/legacy/booking/capture" target="_self">
451               <span class="glyphicon glyphicon-pushpin"></span>
452               [% l('Capture Resources') %]
453             </a>
454           </li>
455           <li>
456             <a href="./booking/legacy/booking/pickup" target="_self">
457               <span class="glyphicon glyphicon-export"></span>
458               [% l('Pick Up Reservations') %]
459             </a>
460           </li>
461           <li>
462             <a href="./booking/legacy/booking/return" target="_self">
463               <span class="glyphicon glyphicon-import"></span>
464               [% l('Return Reservations') %]
465             </a>
466           </li>
467         </ul>
468       </li>
469
470       <!-- admin -->
471       <li class="dropdown" uib-dropdown>
472         <a href uib-dropdown-toggle>[% l('Administration') %]<b class="caret"></b></a>
473         <ul uib-dropdown-menu>
474           <li>
475             <a href="./admin/workstation/index" target="_self">
476               <span class="glyphicon glyphicon-hdd"></span>
477               [% l('Workstation') %]
478             </a>
479           </li>
480           <li>
481             <a href="./admin/user_perms" target="_self">
482               <span class="glyphicon glyphicon-user"></span>
483               [% l('User Permission Editor') %]
484             </a>
485           </li>
486           <li>
487             <a href="./admin/server/index" target="_self">
488               <span class="glyphicon glyphicon-briefcase"></span>
489               [% l('Server Administration') %]
490             </a>
491           </li>
492           <li>
493             <a href="./admin/local/index" target="_self">
494               <span class="glyphicon glyphicon-picture"></span>
495               [% l('Local Administration') %]
496             </a>
497           </li>
498           <li>
499             <a href="/eg2/staff/admin/acq/splash">
500               <span class="glyphicon glyphicon-usd"></span>
501               [% l('Acquisitions Administration') %]
502             </a>
503           </li>
504           <li>
505             <a href="./admin/serials/index" target="_self">
506               <span class="glyphicon glyphicon-paperclip"></span>
507               [% l('Serials Administration') %]
508             </a>
509           </li>
510           <li>
511             <a href="./admin/booking/index" target="_self">
512               <span class="glyphicon glyphicon-calendar"></span>
513               [% l('Booking Administration') %]
514             </a>
515           </li>
516           <li>
517             <a href="./reporter/legacy/main" target="_self">
518               <span class="glyphicon glyphicon-object-align-bottom"></span>
519               [% l('Reports') %]
520             </a>
521           </li>
522         </ul> <!-- admin dropdown -->
523       </li>
524     </ul> <!-- end left side entries -->
525
526     <!-- entries along the right side of the navbar -->
527     <ul class="nav navbar-nav navbar-right" style='margin-right: 6px;'>
528       <li>
529         <a ng-cloak ng-show="username" title="{{currentToken()}}"
530           ng-init="workstation = '[% l('<no workstation>') %]'">
531             {{username}} @ {{workstation}}
532         </a>
533       </li>
534
535       <!-- locale selector.  
536         only shown if multiple locales are registered -->
537       [% IF ctx.locales.keys.size > 1 %]
538       <li class="dropdown" uib-dropdown>
539         <a href uib-dropdown-toggle>
540           [% lcl = ctx.locale;  ctx.locales.$lcl %]
541           <span class="glyphicon glyphicon-flag"></span>
542         </a>
543         <ul uib-dropdown-menu>
544         [% FOR locale IN ctx.locales.keys.sort %]
545           <!-- disable the selected locale -->
546           <li ng-class="{disabled : '[% ctx.locale %]'=='[% locale %]'}">
547             <a href="" ng-click="applyLocale('[% locale %]')">
548                 [% ctx.locales.$locale %]
549             </a>
550           </li>
551         [% END %]
552         </ul>
553       </li>
554       [% END %]
555
556       <li class="dropdown" ng-show="username" uib-dropdown>
557         <a href class="glyphicon glyphicon-list" 
558           uib-dropdown-toggle></a>
559         <ul uib-dropdown-menu>
560           <li ng-if="!op_changed">
561             <a href="" ng-click="changeOperator()">
562               <span class="glyphicon glyphicon-random"></span>
563               [% l('Change Operator') %]
564             </a>
565           </li>
566           <li ng-if="op_changed">
567             <a href="" ng-click="changeOperatorUndo()">
568               <span class="glyphicon glyphicon-random"></span>
569               [% l('Restore Operator') %]
570             </a>
571           </li>
572           <li>
573             <a href="./login" ng-click="logout()" target="_self">
574               <span class="glyphicon glyphicon-log-out"></span>
575               [% l('Log Out') %]
576             </a>
577           </li>
578           <li>
579             <a href="./about" target="_self">
580               <span class="glyphicon glyphicon-question-sign"></span>
581               [% l('About') %]
582             </a>
583           </li>
584           <li class="divider"></li>
585           <li class="disabled">
586             <a href disabled="disabled">
587               <span
588                 title="[% l('Hatch Connection Status') %]"
589                 class="glyphicon glyphicon-transfer"
590                 ng-class="{'connect-status-ok' : hatchConnected()}">
591               </span>
592               [% l('Hatch') %]
593             </a>
594           </li>
595         </ul>
596       </li>
597     </ul>
598   </div>
599 </div>
600
601