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