LP#1788260: stamp schema update
[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" aria-hidden="true"></span>
21       <span class="icon-bar" aria-hidden="true"></span>
22       <span class="icon-bar" aria-hidden="true"></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" aria-hidden="true"></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" aria-hidden="true"></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" aria-hidden="true"></span>
50               <span>[% l('Search for Items by Barcode') %]</span>
51             </a>
52           </li>
53           <li>
54             <a href="/eg2/staff/catalog/search"
55               eg-accesskey="[% l('f3') %]" 
56               eg-accesskey-desc="[% l('Catalog') %]">
57               <span class="glyphicon glyphicon-search" aria-hidden="true"></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" 
68           aria-hidden="true"></b>
69         </a>
70
71         <ul uib-dropdown-menu>
72           <li ng-if="username">
73             <a href="./circ/patron/bcsearch" target="_self"
74               eg-accesskey="[% l('f1') %]" 
75               eg-accesskey-desc="[% l('Check Out') %]">
76               <span class="glyphicon glyphicon-export" aria-hidden="true"></span>
77               [% l('Check Out') %]
78             </a>
79           </li>
80           <li ng-if="!username">
81             <a href="" ng-click="rs.active_tab('checkout')" target="_self"
82               eg-accesskey="[% l('f1') %]" 
83               eg-accesskey-desc="[% l('Check Out') %]">
84               <span class="glyphicon glyphicon-export" aria-hidden="true"></span>
85               [% l('Check Out') %]
86             </a>
87           </li>
88           <li ng-if="username">
89             <a href="./circ/checkin/checkin" target="_self"
90               eg-accesskey="[% l('f2') %]" 
91               eg-accesskey-desc="[% l('Check In') %]">
92               <span class="glyphicon glyphicon-import" aria-hidden="true"></span>
93               [% l('Check In') %]
94             </a>
95           </li>
96           <li ng-if="!username">
97             <a href="" ng-click="rs.active_tab('checkin')" target="_self"
98               eg-accesskey="[% l('f2') %]" 
99               eg-accesskey-desc="[% l('Check In') %]">
100               <span class="glyphicon glyphicon-import" aria-hidden="true"></span>
101               [% l('Check In') %]
102             </a>
103           </li>
104           <li>
105             <a href="./circ/checkin/capture" target="_self"
106               eg-accesskey="[% l('shift+f2') %]" 
107               eg-accesskey-desc="[% l('Capture Holds') %]">
108               <span class="glyphicon glyphicon-pushpin" aria-hidden="true"></span>
109               [% l('Capture Holds') %]
110             </a>
111           </li>
112           <li>
113             <a href="./circ/holds/pull" target="_self">
114               <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
115               [% l('Pull List for Hold Requests') %]
116             </a>
117           </li>
118           <li ng-if="username">
119             <a href="./circ/renew/renew" target="_self"
120               eg-accesskey="[% l('ctrl+f2') %]" 
121               eg-accesskey-desc="[% l('Renew items') %]">
122               <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
123               [% l('Renew Items') %]
124             </a>
125           </li>
126           <li ng-if="!username">
127             <a href="" ng-click="rs.active_tab('renew')" target="_self"
128               eg-accesskey="[% l('ctrl+f2') %]" 
129               eg-accesskey-desc="[% l('Renew items') %]">
130               <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
131               [% l('Renew Items') %]
132             </a>
133           </li>
134           <li ng-if="username">
135             <a href="./circ/patron/register" target="_self"
136               eg-accesskey="[% l('shift+f1') %]" 
137               eg-accesskey-desc="[% l('Register Patron') %]">
138               <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
139               [% l('Register Patron') %]
140             </a>
141           </li>
142           <li ng-if="!username">
143             <a href="" ng-click="rs.active_tab('register')" target="_self"
144               eg-accesskey="[% l('shift+f1') %]" 
145               eg-accesskey-desc="[% l('Register Patron') %]">
146               <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
147               [% l('Register Patron') %]
148             </a>
149           </li>
150           <li ng-if="showRecentPatron">
151             <a href="./circ/patron/last" target="_self"
152               eg-accesskey="[% l('f8') %]" 
153               eg-accesskey-desc="[% l('Retrieve Last Patron') %]">
154               <span class="glyphicon glyphicon-share-alt" aria-hidden="true"></span>
155               [% l('Retrieve Last Patron') %]
156             </a>
157           </li>
158           <li ng-if="showRecentPatrons">
159             <a href="./circ/patron/search?show_recent=1" target="_self"
160               eg-accesskey-desc="[% l('Retrieve Recent Patrons') %]">
161               <span class="glyphicon glyphicon-share-alt" aria-hidden="true"></span>
162               [% l('Retrieve Recent Patrons') %]
163             </a>
164           </li>
165           <li>
166             <a href="./circ/patron/pending/list" target="_self">
167               <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>
168               [% l('Pending Patrons') %]
169             </a>
170           </li>
171           <li>
172             <a href="./circ/patron/bucket/view" target="_self">
173               <span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>
174               [% l('User Buckets') %]
175             </a>
176           </li>
177           <li class="divider"></li>
178           <li>
179             <a href="./circ/patron/credentials" target="_self">
180               <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
181               <span>[% l('Verify Credentials') %]</span>
182             </a>
183           </li>
184           <li ng-if="username">
185             <a href="./circ/in_house_use/index" target="_self"
186               eg-accesskey="[% l('f6') %]" 
187               eg-accesskey-desc="[% l('Record In-House Use') %]">
188               <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
189               <span>[% l('Record In-House Use') %]</span>
190             </a>
191           </li>
192           <li ng-if="!username">
193             <a href="" ng-click="rs.active_tab('in_house_use')" target="_self"
194               eg-accesskey="[% l('f6') %]" 
195               eg-accesskey-desc="[% l('Record In-House Use') %]">
196               <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
197               <span>[% l('Record In-House Use') %]</span>
198             </a>
199           </li>
200           <li>
201             <a href="./circ/holds/shelf" target="_self">
202               <span class="glyphicon glyphicon-tasks" aria-hidden="true"></span>
203               <span>[% l('Holds Shelf') %]</span>
204             </a>
205           </li>
206           <li class="divider"></li>
207           <li>
208             <a href="./cat/item/replace_barcode/index" target="_self">
209               <span class="glyphicon glyphicon-barcode" aria-hidden="true"></span>
210               <span>[% l('Replace Barcode') %]</span>
211             </a>
212           </li>
213           <li>
214             <a href="./cat/item/search" target="_self">
215               <span class="glyphicon glyphicon-saved" aria-hidden="true"></span>
216               <span>[% l('Item Status') %]</span>
217             </a>
218           </li>
219           <li>
220             <a href="./cat/item/missing_pieces" target="_self">
221               <span class="glyphicon glyphicon-th" aria-hidden="true"></span>
222               <span>[% l('Scan Item as Missing Pieces') %]</span>
223             </a>
224           </li>
225           <li class="divider"></li>
226           <li>
227             <a href="" ng-click="reprintLast($event)"
228               eg-accesskey="[% l('f9') %]" 
229               eg-accesskey-desc="[% l('Reprint Last Receipt') %]">
230               <span class="glyphicon glyphicon-print" aria-hidden="true"></span>
231               <span>[% l('Reprint Last Receipt') %]</span>
232             </a>
233           </li>
234           <li class="divider"></li>
235           <li ng-class="{disabled : offlineDisabled()}">
236             <a href="./offline-interface" target="_self" ng-class="{disabled : offlineDisabled()}">
237               <span class="glyphicon glyphicon-alert" aria-hidden="true"></span>
238               <span>[% l('Offline Circulation') %]</span>
239             </a>
240           </li>
241           <li ng-if="enableCurbside" class="divider"></li>
242           <li ng-if="enableCurbside">
243             <a href="./circ/curbside/index" target="_self" ng-class="{disabled : curbsideDisabled()}">
244               <span class="glyphicon glyphicon-road"></span>
245               <span>[% l('Curbside Pickup') %]</span>
246             </a>
247           </li>
248         </ul>
249       </li><!-- circ -->
250
251       <!-- cataloging -->
252       <li class="dropdown" uib-dropdown>
253         <a href uib-dropdown-toggle>[% l('Cataloging') %]<b class="caret" 
254           aria-hidden="true"></b>
255         </a>
256         <ul uib-dropdown-menu>
257           <li> 
258             <a href="/eg2/staff/catalog/search">
259               <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
260               <span>[% l('Search the Catalog') %]</span>
261             </a>
262           </li>
263           <li>
264             <a href="./cat/catalog/index" target="_self">
265               <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
266               [% l('Search the Catalog (Traditional)') %]
267             </a>
268           </li>
269           <li>
270             <a href="./cat/item/search" target="_self">
271               <span class="glyphicon glyphicon-saved" aria-hidden="true"></span>
272               <span>[% l('Item Status') %]</span>
273             </a>
274           </li>
275           <li class="divider"></li>
276           <li>
277             <a href="./cat/bucket/record/view" target="_self">
278               <span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>
279               [% l('Record Buckets') %]
280             </a>
281           </li>
282           <li>
283             <a href="./cat/bucket/copy/view" target="_self">
284               <span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>
285               [% l('Item Buckets') %]
286             </a>
287           </li>
288           <li class="divider"></li>
289           <li>
290             <a href="./cat/catalog/retrieve_by_id" target="_self">
291               <span class="glyphicon glyphicon-file" aria-hidden="true"></span>
292               [% l('Retrieve Bib Record by ID') %]
293             </a>
294           </li>
295           <li>
296             <a href="./cat/catalog/retrieve_by_tcn" target="_self"
297               eg-accesskey="[% l('shift+f3') %]" 
298               eg-accesskey-desc="[% l('Retrieve Last Bib Record') %]">
299               <span class="glyphicon glyphicon-tag" aria-hidden="true"></span>
300               [% l('Retrieve Bib Record by TCN') %]
301             </a>
302           </li>
303           <li>
304             <a href="" ng-click="retrieveLastRecord()" target="_self"
305               eg-accesskey="[% l('shift+f8') %]" 
306               eg-accesskey-desc="[% l('Retrieve Last Bib Record') %]">
307               <span class="glyphicon glyphicon-share-alt" aria-hidden="true"></span>
308               [% l('Retrieve Last Bib Record') %]
309             </a>
310           </li>
311           <li class="divider"></li>
312           <li>
313             <a href="./cat/catalog/new_bib" target="_self">
314               <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
315               [% l('Create New MARC Record') %]
316             </a>
317           </li>
318           <li>
319             <a href="./cat/z3950/index" target="_self">
320               <span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span>
321               [% l('Import Record from Z39.50') %]
322             </a>
323           </li>
324           <li>
325             <a href="/eg2/staff/cat/vandelay/import">
326               <span class="glyphicon glyphicon-transfer" aria-hidden="true"></span>
327               [% l('MARC Batch Import/Export') %]
328             </a>
329           </li>
330           <li>
331             <a href="/eg2/staff/cat/marcbatch">
332               <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
333               [% l('MARC Batch Edit') %]
334             </a>
335           </li>
336           <li class="divider"></li>
337           <li>
338             <a href="./cat/catalog/verifyURLs" target="_self">
339               <span class="glyphicon glyphicon-link" aria-hidden="true"></span>
340               [% l('Link Checker') %]
341             </a>
342           </li>
343           <li class="divider"></li>
344           <li>
345             <a href="/eg2/staff/cat/authority/browse">
346               <span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
347               [% l('Manage Authorities') %]
348             </a>
349           </li>
350           <li>
351             <a href="/eg2/staff/cat/authority/edit" target="_self">
352               <span class="glyphicon glyphicon-file" aria-hidden="true"></span>
353               [% l('Retrieve Authority Record by ID') %]
354             </a>
355           </li>
356        </ul>
357       </li>
358
359       <!-- acquisitions -->
360       <li class="dropdown" uib-dropdown>
361         <a href uib-dropdown-toggle>[% l('Acquisitions') %]<b class="caret" 
362           aria-hidden="true"></b>
363         </a>
364         <ul uib-dropdown-menu>
365           <li>
366             <a href="/eg2/staff/acq/search" target="_self">
367               <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
368               [% l('General Search') %]
369             </a>
370           <li class="divider"></li>
371           <li>
372             <a href="/eg2/staff/acq/provider" target="_self">
373               <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
374               [% l('Provider Search') %]
375             </a>
376           </li>
377           <li class="divider"></li>
378           <li>
379             <a href="/eg2/staff/acq/search/selectionlists" target="_self">
380               <span class="glyphicon glyphicon-list" aria-hidden="true"></span>
381               [% l('Selection Lists') %]
382             </a>
383           </li>
384           <li>
385             <a href="./acq/legacy/picklist/brief_record" target="_self">
386               <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
387               [% l('New Brief Record') %]
388             </a>
389           </li>
390           <li>
391             <a href="./acq/requests/list" target="_self">
392               <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>
393               [% l('Patron Requests') %]
394             </a>
395           </li>
396           <li>
397             <a href="./acq/legacy/picklist/bib_search" target="_self">
398               <span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span>
399               [% l('MARC Federated Search') %]
400             </a>
401           </li>
402           <li>
403             <a href="./acq/legacy/picklist/from_bib" target="_self">
404               <span class="glyphicon glyphicon-import" aria-hidden="true"></span>
405               [% l('Load Catalog Record IDs') %]
406             </a>
407           </li>
408           <li class="divider"></li>
409           <li>
410             <a href="./acq/legacy/picklist/upload" target="_self">
411               <span class="glyphicon glyphicon-cloud-upload" aria-hidden="true"></span>
412               [% l('Load MARC Order Records') %]
413             </a>
414           </li>
415           <li>
416             <a href="/eg2/staff/acq/search/purchaseorders" target="_self">
417               <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
418               [% l('Purchase Orders') %]
419             </a>
420           </li>
421           <li>
422             <a href="./acq/legacy/po/create" target="_self">
423               <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
424               [% l('Create Purchase Order') %]
425             </a>
426           </li>
427           <li class="divider"></li>
428           <li>
429             <a href="./acq/legacy/financial/claim_eligible" target="_self">
430               <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
431               [% l('Claim-Ready Items') %]
432             </a>
433           </li>
434           <li>
435             <a href="/eg2/staff/acq/search/invoices" target="_self">
436               <span class="glyphicon glyphicon-usd" aria-hidden="true"></span>
437               [% l('Invoices') %]
438             </a>
439           </li>
440           <li>
441             <a href="./acq/legacy/invoice/view?create=1" target="_self">
442               <span class="glyphicon glyphicon-credit-card" aria-hidden="true"></span>
443               [% l('Create Invoice') %]
444             </a>
445           </li>
446        </ul>
447       </li>
448
449       <!-- booking -->
450       <li class="dropdown" uib-dropdown>
451         <a href uib-dropdown-toggle>[% l('Booking') %]<b class="caret" 
452           aria-hidden="true"></b>
453         </a>
454         <ul uib-dropdown-menu>
455           <li>
456             <a href="/eg2/staff/booking/create_reservation" target="_self">
457               <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
458               [% l('Create Reservations') %]
459             </a>
460           </li>
461           <li>
462             <a href="/eg2/staff/booking/pull_list" target="_self">
463               <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
464               [% l('Pull List') %]
465             </a>
466           </li>
467           <li>
468             <a href="/eg2/staff/booking/capture" target="_self">
469               <span class="glyphicon glyphicon-pushpin" aria-hidden="true"></span>
470               [% l('Capture Resources') %]
471             </a>
472           </li>
473           <li>
474             <a href="/eg2/staff/booking/pickup" target="_self">
475               <span class="glyphicon glyphicon-export" aria-hidden="true"></span>
476               [% l('Pick Up Reservations') %]
477             </a>
478           </li>
479           <li>
480             <a href="/eg2/staff/booking/return" target="_self">
481               <span class="glyphicon glyphicon-import" aria-hidden="true"></span>
482               [% l('Return Reservations') %]
483             </a>
484           </li>
485           <li>
486             <a href="/eg2/staff/booking/manage_reservations" target="_self">
487               <span class="glyphicon glyphicon-wrench" aria-hidden="true"></span>
488               [% l('Manage Reservations') %]
489             </a>
490           </li>
491         </ul>
492       </li>
493
494       <!-- admin -->
495       <li class="dropdown" uib-dropdown>
496         <a href uib-dropdown-toggle>[% l('Administration') %]<b class="caret" 
497           aria-hidden="true"></b>
498         </a>
499         <ul uib-dropdown-menu>
500           <li>
501             <a href="./admin/workstation/index" target="_self">
502               <span class="glyphicon glyphicon-hdd" aria-hidden="true"></span>
503               [% l('Workstation') %]
504             </a>
505           </li>
506           <li>
507             <a href="./admin/user_perms" target="_self">
508               <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
509               [% l('User Permission Editor') %]
510             </a>
511           </li>
512           <li>
513             <a href="/eg2/staff/admin/server/splash">
514               <span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span>
515               [% l('Server Administration') %]
516             </a>
517           </li>
518           <li>
519             <a href="/eg2/staff/admin/local/splash">
520               <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
521               [% l('Local Administration') %]
522             </a>
523           </li>
524           <li>
525             <a href="/eg2/staff/admin/acq/splash">
526               <span class="glyphicon glyphicon-usd" aria-hidden="true"></span>
527               [% l('Acquisitions Administration') %]
528             </a>
529           </li>
530           <li>
531             <a href="./admin/serials/index" target="_self">
532               <span class="glyphicon glyphicon-paperclip" aria-hidden="true"></span>
533               [% l('Serials Administration') %]
534             </a>
535           </li>
536           <li>
537             <a href="/eg2/staff/admin/booking/splash" target="_self">
538               <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
539               [% l('Booking Administration') %]
540             </a>
541           </li>
542           <li>
543             <a href="./reporter/legacy/main" target="_self">
544               <span class="glyphicon glyphicon-object-align-bottom" 
545                 aria-hidden="true"></span>
546               [% l('Reports') %]
547             </a>
548           </li>
549         </ul> <!-- admin dropdown -->
550       </li>
551     </ul> <!-- end left side entries -->
552
553     <!-- entries along the right side of the navbar -->
554     <ul class="nav navbar-nav navbar-right" style='margin-right: 6px;'>
555       <li>
556         <a ng-cloak ng-show="username" title="{{currentToken()}}"
557           ng-init="workstation = '[% l('<no workstation>') %]'">
558             {{username}} @ {{workstation}}
559         </a>
560       </li>
561
562       <!-- locale selector.  
563         only shown if multiple locales are registered -->
564       [% IF ctx.locales.keys.size > 1 %]
565       <li class="dropdown" uib-dropdown>
566         <a href uib-dropdown-toggle>
567           [% lcl = ctx.locale;  ctx.locales.$lcl %]
568           <span class="glyphicon glyphicon-flag" aria-hidden="true"></span>
569         </a>
570         <ul uib-dropdown-menu>
571         [% FOR locale IN ctx.locales.keys.sort %]
572           <!-- disable the selected locale -->
573           <li ng-class="{disabled : '[% ctx.locale %]'=='[% locale %]'}">
574             <a href="" ng-click="applyLocale('[% locale %]')">
575                 [% ctx.locales.$locale %]
576             </a>
577           </li>
578         [% END %]
579         </ul>
580       </li>
581       [% END %]
582
583       <li class="dropdown" ng-show="username" uib-dropdown title="Logout and more...">
584         <a href class="glyphicon glyphicon-list" 
585           uib-dropdown-toggle></a>
586         <ul uib-dropdown-menu>
587           <li ng-if="!op_changed">
588             <a href="" ng-click="changeOperator()">
589               <span class="glyphicon glyphicon-random" aria-hidden="true"></span>
590               [% l('Change Operator') %]
591             </a>
592           </li>
593           <li ng-if="op_changed">
594             <a href="" ng-click="changeOperatorUndo()">
595               <span class="glyphicon glyphicon-random" aria-hidden="true"></span>
596               [% l('Restore Operator') %]
597             </a>
598           </li>
599           <li>
600             <a href="./login" ng-click="logout()" target="_self">
601               <span class="glyphicon glyphicon-log-out" aria-hidden="true"></span>
602               [% l('Log Out') %]
603             </a>
604           </li>
605           <li>
606             <a href="./about" target="_self">
607               <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
608               [% l('About') %]
609             </a>
610           </li>
611           <li class="divider"></li>
612           <li class="disabled">
613             <a href disabled="disabled">
614               <span
615                 title="[% l('Hatch Connection Status') %]"
616                 class="glyphicon glyphicon-transfer"
617                 ng-class="{'connect-status-ok' : hatchConnected()}"
618                 aria-hidden="true">
619               </span>
620               [% l('Hatch') %]
621             </a>
622           </li>
623         </ul>
624       </li>
625     </ul>
626   </div>
627 </div>
628
629