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