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