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