LP1896512 Angular retrieve record by ID/TCN
[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="/eg2/staff/cat/bib-from/id">
291               <span class="glyphicon glyphicon-file" aria-hidden="true"></span>
292               [% l('Retrieve Bib Record by ID') %]
293             </a>
294           </li>
295           <li>
296
297             <a href="/eg2/staff/cat/bib-from/tcn"
298               eg-accesskey="[% l('shift+f3') %]" 
299               eg-accesskey-desc="[% l('Retrieve Last Bib Record') %]">
300               <span class="glyphicon glyphicon-tag" aria-hidden="true"></span>
301               [% l('Retrieve Bib Record by TCN') %]
302             </a>
303           </li>
304           <li>
305             <a href="" ng-click="retrieveLastRecord()" target="_self"
306               eg-accesskey="[% l('shift+f8') %]" 
307               eg-accesskey-desc="[% l('Retrieve Last Bib Record') %]">
308               <span class="glyphicon glyphicon-share-alt" aria-hidden="true"></span>
309               [% l('Retrieve Last Bib Record') %]
310             </a>
311           </li>
312           <li class="divider"></li>
313           <li>
314             <a href="./cat/catalog/new_bib" target="_self">
315               <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
316               [% l('Create New MARC Record') %]
317             </a>
318           </li>
319           <li>
320             <a href="./cat/z3950/index" target="_self">
321               <span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span>
322               [% l('Import Record from Z39.50') %]
323             </a>
324           </li>
325           <li>
326             <a href="/eg2/staff/cat/vandelay/import">
327               <span class="glyphicon glyphicon-transfer" aria-hidden="true"></span>
328               [% l('MARC Batch Import/Export') %]
329             </a>
330           </li>
331           <li>
332             <a href="/eg2/staff/cat/marcbatch">
333               <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
334               [% l('MARC Batch Edit') %]
335             </a>
336           </li>
337           <li class="divider"></li>
338           <li>
339             <a href="./cat/catalog/verifyURLs" target="_self">
340               <span class="glyphicon glyphicon-link" aria-hidden="true"></span>
341               [% l('Link Checker') %]
342             </a>
343           </li>
344           <li class="divider"></li>
345           <li>
346             <a href="/eg2/staff/cat/authority/browse">
347               <span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
348               [% l('Manage Authorities') %]
349             </a>
350           </li>
351           <li>
352             <a href="/eg2/staff/cat/authority/edit" target="_self">
353               <span class="glyphicon glyphicon-file" aria-hidden="true"></span>
354               [% l('Retrieve Authority Record by ID') %]
355             </a>
356           </li>
357        </ul>
358       </li>
359
360       <!-- acquisitions -->
361       <li class="dropdown" uib-dropdown>
362         <a href uib-dropdown-toggle>[% l('Acquisitions') %]<b class="caret" 
363           aria-hidden="true"></b>
364         </a>
365         <ul uib-dropdown-menu>
366           <li>
367             <a href="/eg2/staff/acq/search" target="_self">
368               <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
369               [% l('General Search') %]
370             </a>
371           <li class="divider"></li>
372           <li>
373             <a href="/eg2/staff/acq/provider" target="_self">
374               <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
375               [% l('Provider Search') %]
376             </a>
377           </li>
378           <li class="divider"></li>
379           <li>
380             <a href="/eg2/staff/acq/search/selectionlists" target="_self">
381               <span class="glyphicon glyphicon-list" aria-hidden="true"></span>
382               [% l('Selection Lists') %]
383             </a>
384           </li>
385           <li>
386             <a href="./acq/legacy/picklist/brief_record" target="_self">
387               <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
388               [% l('New Brief Record') %]
389             </a>
390           </li>
391           <li>
392             <a href="./acq/requests/list" target="_self">
393               <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>
394               [% l('Patron Requests') %]
395             </a>
396           </li>
397           <li>
398             <a href="./acq/legacy/picklist/bib_search" target="_self">
399               <span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span>
400               [% l('MARC Federated Search') %]
401             </a>
402           </li>
403           <li>
404             <a href="./acq/legacy/picklist/from_bib" target="_self">
405               <span class="glyphicon glyphicon-import" aria-hidden="true"></span>
406               [% l('Load Catalog Record IDs') %]
407             </a>
408           </li>
409           <li class="divider"></li>
410           <li>
411             <a href="./acq/legacy/picklist/upload" target="_self">
412               <span class="glyphicon glyphicon-cloud-upload" aria-hidden="true"></span>
413               [% l('Load MARC Order Records') %]
414             </a>
415           </li>
416           <li>
417             <a href="/eg2/staff/acq/search/purchaseorders" target="_self">
418               <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
419               [% l('Purchase Orders') %]
420             </a>
421           </li>
422           <li>
423             <a href="./acq/legacy/po/create" target="_self">
424               <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
425               [% l('Create Purchase Order') %]
426             </a>
427           </li>
428           <li class="divider"></li>
429           <li>
430             <a href="./acq/legacy/financial/claim_eligible" target="_self">
431               <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
432               [% l('Claim-Ready Items') %]
433             </a>
434           </li>
435           <li>
436             <a href="/eg2/staff/acq/search/invoices" target="_self">
437               <span class="glyphicon glyphicon-usd" aria-hidden="true"></span>
438               [% l('Invoices') %]
439             </a>
440           </li>
441           <li>
442             <a href="./acq/legacy/invoice/view?create=1" target="_self">
443               <span class="glyphicon glyphicon-credit-card" aria-hidden="true"></span>
444               [% l('Create Invoice') %]
445             </a>
446           </li>
447        </ul>
448       </li>
449
450       <!-- booking -->
451       <li class="dropdown" uib-dropdown>
452         <a href uib-dropdown-toggle>[% l('Booking') %]<b class="caret" 
453           aria-hidden="true"></b>
454         </a>
455         <ul uib-dropdown-menu>
456           <li>
457             <a href="/eg2/staff/booking/create_reservation" target="_self">
458               <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
459               [% l('Create Reservations') %]
460             </a>
461           </li>
462           <li>
463             <a href="/eg2/staff/booking/pull_list" target="_self">
464               <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
465               [% l('Pull List') %]
466             </a>
467           </li>
468           <li>
469             <a href="/eg2/staff/booking/capture" target="_self">
470               <span class="glyphicon glyphicon-pushpin" aria-hidden="true"></span>
471               [% l('Capture Resources') %]
472             </a>
473           </li>
474           <li>
475             <a href="/eg2/staff/booking/pickup" target="_self">
476               <span class="glyphicon glyphicon-export" aria-hidden="true"></span>
477               [% l('Pick Up Reservations') %]
478             </a>
479           </li>
480           <li>
481             <a href="/eg2/staff/booking/return" target="_self">
482               <span class="glyphicon glyphicon-import" aria-hidden="true"></span>
483               [% l('Return Reservations') %]
484             </a>
485           </li>
486           <li>
487             <a href="/eg2/staff/booking/manage_reservations" target="_self">
488               <span class="glyphicon glyphicon-wrench" aria-hidden="true"></span>
489               [% l('Manage Reservations') %]
490             </a>
491           </li>
492         </ul>
493       </li>
494
495       <!-- admin -->
496       <li class="dropdown" uib-dropdown>
497         <a href uib-dropdown-toggle>[% l('Administration') %]<b class="caret" 
498           aria-hidden="true"></b>
499         </a>
500         <ul uib-dropdown-menu>
501           <li>
502             <a href="./admin/workstation/index" target="_self">
503               <span class="glyphicon glyphicon-hdd" aria-hidden="true"></span>
504               [% l('Workstation') %]
505             </a>
506           </li>
507           <li>
508             <a href="./admin/user_perms" target="_self">
509               <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
510               [% l('User Permission Editor') %]
511             </a>
512           </li>
513           <li>
514             <a href="/eg2/staff/admin/server/splash">
515               <span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span>
516               [% l('Server Administration') %]
517             </a>
518           </li>
519           <li>
520             <a href="/eg2/staff/admin/local/splash">
521               <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
522               [% l('Local Administration') %]
523             </a>
524           </li>
525           <li>
526             <a href="/eg2/staff/admin/acq/splash">
527               <span class="glyphicon glyphicon-usd" aria-hidden="true"></span>
528               [% l('Acquisitions Administration') %]
529             </a>
530           </li>
531           <li>
532             <a href="./admin/serials/index" target="_self">
533               <span class="glyphicon glyphicon-paperclip" aria-hidden="true"></span>
534               [% l('Serials Administration') %]
535             </a>
536           </li>
537           <li>
538             <a href="/eg2/staff/admin/booking/splash" target="_self">
539               <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
540               [% l('Booking Administration') %]
541             </a>
542           </li>
543           <li>
544             <a href="./reporter/legacy/main" target="_self">
545               <span class="glyphicon glyphicon-object-align-bottom" 
546                 aria-hidden="true"></span>
547               [% l('Reports') %]
548             </a>
549           </li>
550         </ul> <!-- admin dropdown -->
551       </li>
552     </ul> <!-- end left side entries -->
553
554     <!-- entries along the right side of the navbar -->
555     <ul class="nav navbar-nav navbar-right" style='margin-right: 6px;'>
556       <li>
557         <a ng-cloak ng-show="username" title="{{currentToken()}}"
558           ng-init="workstation = '[% l('<no workstation>') %]'">
559             {{username}} @ {{workstation}}
560         </a>
561       </li>
562
563       <!-- locale selector.  
564         only shown if multiple locales are registered -->
565       [% IF ctx.locales.keys.size > 1 %]
566       <li class="dropdown" uib-dropdown>
567         <a href uib-dropdown-toggle>
568           [% lcl = ctx.locale;  ctx.locales.$lcl %]
569           <span class="glyphicon glyphicon-flag" aria-hidden="true"></span>
570         </a>
571         <ul uib-dropdown-menu>
572         [% FOR locale IN ctx.locales.keys.sort %]
573           <!-- disable the selected locale -->
574           <li ng-class="{disabled : '[% ctx.locale %]'=='[% locale %]'}">
575             <a href="" ng-click="applyLocale('[% locale %]')">
576                 [% ctx.locales.$locale %]
577             </a>
578           </li>
579         [% END %]
580         </ul>
581       </li>
582       [% END %]
583
584       <li class="dropdown" ng-show="username" uib-dropdown title="Logout and more...">
585         <a href class="glyphicon glyphicon-list" 
586           uib-dropdown-toggle></a>
587         <ul uib-dropdown-menu>
588           <li ng-if="!op_changed">
589             <a href="" ng-click="changeOperator()">
590               <span class="glyphicon glyphicon-random" aria-hidden="true"></span>
591               [% l('Change Operator') %]
592             </a>
593           </li>
594           <li ng-if="op_changed">
595             <a href="" ng-click="changeOperatorUndo()">
596               <span class="glyphicon glyphicon-random" aria-hidden="true"></span>
597               [% l('Restore Operator') %]
598             </a>
599           </li>
600           <li>
601             <a href="./login" ng-click="logout()" target="_self">
602               <span class="glyphicon glyphicon-log-out" aria-hidden="true"></span>
603               [% l('Log Out') %]
604             </a>
605           </li>
606           <li>
607             <a href="./about" target="_self">
608               <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
609               [% l('About') %]
610             </a>
611           </li>
612           <li class="divider"></li>
613           <li class="disabled">
614             <a href disabled="disabled">
615               <span
616                 title="[% l('Hatch Connection Status') %]"
617                 class="glyphicon glyphicon-transfer"
618                 ng-class="{'connect-status-ok' : hatchConnected()}"
619                 aria-hidden="true">
620               </span>
621               [% l('Hatch') %]
622             </a>
623           </li>
624         </ul>
625       </li>
626     </ul>
627   </div>
628 </div>
629
630