Open-ILS/src/eg2/src/app/staff/nav.component.html

   1 <eg-confirm-dialog #confirmLogout
   2   dialogTitle="Log out?" i18n-dialogTitle
   3   dialogBody="Are you sure you want to log out?" i18n-dialogBody>
   4 </eg-confirm-dialog>
   5
   6 <nav id="staff-navbar" class="navbar fixed-top navbar-expand navbar-default" aria-label="Main Navigation" i18n-aria-label>
   7   <div class="collapse navbar-collapse">
   8     <div class="navbar-nav">
   9       <div class="nav-item">
  10         <a class="nav-link with-material-icon nav-link-home"
  11           routerLinkActive="active" ariaCurrentWhenActive="page" routerLink="/staff/"
  12           aria-label="Home" i18n-aria-label="Home button aria label@@navbar-home-button-aria-label"
  13           egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
  14           keySpec="alt+h" keyDesc="Navigate Home">
  15           <span class="material-icons" aria-hidden="true">home</span>
  16           <span class="visually-hidden" i18n>Home</span>
  17         </a>
  18       </div>
  19     </div>
  20
  21     <div class="navbar-nav">
  22       <div ngbDropdown class="nav-item dropdown">
  23         <button type="button" ngbDropdownToggle i18n class="nav-link dropdown-toggle">
  24           Search
  25         </button>
  26         <div class="dropdown-menu" ngbDropdownMenu>
  27           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/circ/patron/search"
  28             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
  29             keySpec="alt+s f4" keyDesc="Patron Search">
  30             <span class="material-icons" aria-hidden="true">person</span>
  31             <span i18n>Search for Patrons</span>
  32           </a>
  33           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/cat/item/search">
  34             <span class="material-icons" aria-hidden="true">assignment</span>
  35             <span i18n>Search for Items by Barcode</span>
  36           </a>
  37           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
  38             ariaCurrentWhenActive="page" routerLink="/staff/catalog"
  39             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
  40             keySpec="f3" keyDesc="Catalog">
  41             <span class="material-icons" aria-hidden="true">search</span>
  42             <span i18n>Search the Catalog</span>
  43           </a>
  44         </div>
  45       </div>
  46     </div>
  47
  48     <div class="navbar-nav">
  49       <div ngbDropdown class="nav-item dropdown">
  50         <button type="button" ngbDropdownToggle class="nav-link dropdown-toggle">
  51           <span i18n>Circulation</span>
  52         </button>
  53         <div class="dropdown-menu" ngbDropdownMenu>
  54           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/circ/patron/bcsearch"
  55             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
  56             keySpec="f1" keyDesc="Checkout">
  57             <span class="material-icons" aria-hidden="true">trending_up</span>
  58             <span i18n>Check Out</span>
  59           </a>
  60           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/circ/checkin/checkin"
  61             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
  62             keySpec="f2" keyDesc="Checkin">
  63             <span class="material-icons" aria-hidden="true">trending_down</span>
  64             <span i18n>Check In</span>
  65           </a>
  66           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/circ/checkin/capture"
  67             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
  68             keySpec="shift+f2" keyDesc="Capture Holds">
  69             <span class="material-icons" aria-hidden="true">pin_drop</span>
  70             <span i18n>Capture Holds</span>
  71           </a>
  72           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
  73             ariaCurrentWhenActive="page" routerLink="/staff/circ/holds/pull-list">
  74             <span class="material-icons" aria-hidden="true">view_list</span>
  75             <span i18n>Pull List for Hold Requests</span>
  76           </a>
  77           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/circ/renew/renew"
  78             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
  79             keySpec="ctrl+f2" keyDesc="Renew Items">
  80             <span class="material-icons" aria-hidden="true">autorenew</span>
  81             <span i18n>Renew Items</span>
  82           </a>
  83           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/circ/patron/register"
  84             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
  85             keySpec="shift+f1" keyDesc="Register Patron">
  86             <span class="material-icons" aria-hidden="true">person_add</span>
  87             <span i18n>Register Patron</span>
  88           </a>
  89           <a *ngIf="maxRecentPatrons" class="dropdown-item" ngbDropdownItem  href="/eg/staff/circ/patron/last"
  90             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
  91             keySpec="f8" keyDesc="Retrieve Last Patron">
  92             <span class="material-icons" aria-hidden="true">redo</span>
  93             <span i18n>Retrieve Last Patron</span>
  94           </a>
  95           <a *ngIf="maxRecentPatrons > 1" class="dropdown-item" ngbDropdownItem  href="/eg/staff/circ/patron/search?show_recent=1">
  96             <span class="material-icons" aria-hidden="true">redo</span>
  97             <span i18n>Retrieve Recent Patrons</span>
  98           </a>
  99           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/circ/patron/pending/list">
 100             <span class="material-icons" aria-hidden="true">thumb_up</span>
 101             <span i18n>Pending Patrons</span>
 102           </a>
 103           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/circ/patron/bucket/view">
 104             <span class="material-icons" aria-hidden="true">list</span>
 105             <span i18n>User Buckets</span>
 106           </a>
 107           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/cat/bucket/batch_hold/list">
 108             <span class="material-icons" aria-hidden="true">list</span>
 109             <span i18n>Hold Groups</span>
 110           </a>
 111           <div class="dropdown-divider"></div>
 112           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/circ/patron/credentials">
 113             <span class="material-icons" aria-hidden="true">check_circle</span>
 114             <span i18n>Verify Credentials</span>
 115           </a>
 116           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/circ/in_house_use/index"
 117             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 118             keySpec="f6" keyDesc="Record In-House Use">
 119             <span class="material-icons" aria-hidden="true">playlist_add</span>
 120             <span i18n>Record In-House Use</span>
 121           </a>
 122           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/circ/holds/shelf">
 123             <span class="material-icons" aria-hidden="true">format_list_bulleted</span>
 124             <span i18n>Holds Shelf</span>
 125           </a>
 126           <div class="dropdown-divider"></div>
 127           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/cat/item/replace_barcode/index">
 128             <span class="material-icons" aria-hidden="true">library_books</span>
 129             <span i18n>Replace Barcode</span>
 130           </a>
 131           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/cat/item/search"
 132             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 133             keySpec="f5" keyDesc="Navigate To Item Status">
 134             <span class="material-icons" aria-hidden="true">question_answer</span>
 135             <span i18n>Item Status</span>
 136           </a>
 137           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 138             ariaCurrentWhenActive="page" routerLink="/staff/cat/item/missing_pieces">
 139             <span class="material-icons" aria-hidden="true">grid_on</span>
 140             <span i18n>Scan Item as Missing Pieces</span>
 141           </a>
 142           <div class="dropdown-divider"></div>
 143           <button type="button" class="dropdown-item" ngbDropdownItem  (click)="reprintLast()"
 144             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 145             keySpec="f9" keyDesc="Reprint Last Receipt">
 146             <span class="material-icons" aria-hidden="true">redo</span>
 147             <span i18n>Reprint Last Receipt</span>
 148           </button>
 149           <div class="dropdown-divider"></div>
 150           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/offline-interface">
 151             <span class="material-icons" aria-hidden="true">signal_wifi_off</span>
 152             <span i18n>Offline Circulation</span>
 153           </a>
 154           <div *ngIf="curbsideEnabled" class="dropdown-divider"></div>
 155           <a *ngIf="curbsideEnabled" class="dropdown-item" href="/eg/staff/circ/curbside/index">
 156             <span class="material-icons">directions_bus</span>
 157             <span i18n>Curbside Pickup</span>
 158           </a>
 159         </div>
 160       </div>
 161     </div>
 162
 163     <div class="navbar-nav" *ngIf="showAngularCirc">
 164       <div ngbDropdown class="nav-item dropdown">
 165         <button type="button" ngbDropdownToggle i18n class="nav-link dropdown-toggle">
 166           Circulation (Experimental)
 167         </button>
 168         <div class="dropdown-menu" ngbDropdownMenu>
 169           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 170             ariaCurrentWhenActive="page" routerLink="/staff/circ/patron/search">
 171             <span class="material-icons" aria-hidden="true">person</span>
 172             <span i18n>Search for Patrons</span>
 173           </a>
 174           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 175             ariaCurrentWhenActive="page" routerLink="/staff/circ/patron/bcsearch"
 176             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 177             keySpec="f1" keyDesc="Checkout">
 178             <span class="material-icons" aria-hidden="true">trending_up</span>
 179             <span i18n>Check Out</span>
 180           </a>
 181           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 182             ariaCurrentWhenActive="page" routerLink="/staff/circ/checkin"
 183             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 184             keySpec="f2" keyDesc="Checkin">
 185             <span class="material-icons" aria-hidden="true">trending_down</span>
 186             <span i18n>Check In</span>
 187           </a>
 188           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 189             ariaCurrentWhenActive="page" routerLink="/staff/circ/checkin/capture"
 190             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 191             keySpec="shift+f2" keyDesc="Capture Holds">
 192             <span class="material-icons" aria-hidden="true">pin_drop</span>
 193             <span i18n>Capture Holds</span>
 194           </a>
 195           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 196             ariaCurrentWhenActive="page" routerLink="/staff/circ/holds/pull-list">
 197             <span class="material-icons" aria-hidden="true">view_list</span>
 198             <span i18n>Pull List for Hold Requests</span>
 199           </a>
 200           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 201             ariaCurrentWhenActive="page" routerLink="/staff/circ/renew"
 202             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 203             keySpec="ctrl+f2" keyDesc="Renew Items">
 204             <span class="material-icons" aria-hidden="true">autorenew</span>
 205             <span i18n>Renew Items</span>
 206           </a>
 207           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 208             ariaCurrentWhenActive="page" routerLink="/staff/circ/patron/register"
 209             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 210             keySpec="shift+f1" keyDesc="Register Patron">
 211             <span class="material-icons" aria-hidden="true">person_add</span>
 212             <span i18n>Register Patron</span>
 213           </a>
 214           <a *ngIf="maxRecentPatrons" class="dropdown-item" ngbDropdownItem
 215             routerLinkActive="active" ariaCurrentWhenActive="page"
 216             routerLink="/staff/circ/patron/last"
 217             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 218             keySpec="f8" keyDesc="Retrieve Last Patron">
 219             <span class="material-icons" aria-hidden="true">redo</span>
 220             <span i18n>Retrieve Last Patron</span>
 221           </a>
 222           <a *ngIf="maxRecentPatrons > 1" class="dropdown-item" ngbDropdownItem
 223             routerLinkActive="active" ariaCurrentWhenActive="page"
 224             routerLink="/staff/circ/patron/search/recents"
 225             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 226             keySpec="shift+f4" keyDesc="Retrieve Recent Patrons">
 227             <span class="material-icons" aria-hidden="true">redo</span>
 228             <span i18n>Retrieve Recent Patrons</span>
 229           </a>
 230           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 231             ariaCurrentWhenActive="page" routerLink="/staff/circ/patron/credentials"
 232             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 233             keySpec="alt+c" keyDesc="Verify Patron Credentials">
 234             <span class="material-icons" aria-hidden="true">check_circle</span>
 235             <span i18n>Verify Credentials</span>
 236           </a>
 237         </div>
 238       </div>
 239     </div>
 240
 241     <!-- CATALOGING -->
 242
 243     <div class="navbar-nav">
 244       <div ngbDropdown class="nav-item dropdown">
 245         <button type="button" ngbDropdownToggle i18n class="nav-link dropdown-toggle">
 246           Cataloging
 247         </button>
 248         <div class="dropdown-menu" ngbDropdownMenu>
 249
 250           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 251             ariaCurrentWhenActive="page" routerLink="/staff/catalog/search"
 252             egAccessKey keyCtx="navbar"i18n-keySpec i18n-keyDesc
 253             keySpec="f3" keyDesc="Catalog">
 254             <span class="material-icons" aria-hidden="true">search</span>
 255             <span i18n>Search the Catalog</span>
 256           </a>
 257           <a *ngIf="showTraditionalCatalog" href="/eg/staff/cat/catalog/index" class="dropdown-item">
 258             <span class="material-icons" aria-hidden="true">search</span>
 259             <span i18n>Search the Catalog (Traditional)</span>
 260           </a>
 261           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/cat/item/search"
 262             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 263             keySpec="f5" keyDesc="Navigate To Item Status">
 264             <span class="material-icons" aria-hidden="true">question_answer</span>
 265             <span i18n>Item Status</span>
 266           </a>
 267           <div class="dropdown-divider"></div>
 268           <a href="/eg/staff/cat/bucket/record/view" ngbDropdownItem class="dropdown-item">
 269             <span class="material-icons" aria-hidden="true">list</span>
 270             <span i18n>Record Buckets</span>
 271           </a>
 272           <a href="/eg/staff/cat/bucket/copy/view" ngbDropdownItem class="dropdown-item">
 273             <span class="material-icons" aria-hidden="true">list</span>
 274             <span i18n>Item Buckets</span>
 275           </a>
 276           <div class="dropdown-divider"></div>
 277           <a routerLinkActive="active" ariaCurrentWhenActive="page"
 278             routerLink="/staff/cat/bib-from/id" ngbDropdownItem class="dropdown-item">
 279             <span class="material-icons" aria-hidden="true">collections</span>
 280             <span i18n>Retrieve Bib Record by ID</span>
 281           </a>
 282           <a routerLinkActive="active" ariaCurrentWhenActive="page"
 283             routerLink="/staff/cat/bib-from/tcn" ngbDropdownItem class="dropdown-item"
 284             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 285             keySpec="shift+f3" keyDesc="Retrieve Bib Record by TCN">
 286             <span class="material-icons" aria-hidden="true">collections_bookmark</span>
 287             <span i18n>Retrieve Bib Record by TCN</span>
 288           </a>
 289           <button type="button" class="dropdown-item" ngbDropdownItem
 290             (click)="retrieveLastRecord()"
 291             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 292             keySpec="shift+f8" keyDesc="Retrieve Last Bib Record">
 293             <span class="material-icons" aria-hidden="true">redo</span>
 294             <span i18n>Retrieve Last Bib Record</span>
 295           </button>
 296           <div class="dropdown-divider"></div>
 297           <a href="/eg/staff/cat/catalog/new_bib" ngbDropdownItem class="dropdown-item"
 298             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 299             keySpec="ctrl+f3" keyDesc="Create New MARC Record">
 300             <span class="material-icons" aria-hidden="true">add</span>
 301             <span i18n>Create New MARC Record</span>
 302           </a>
 303           <a href="/eg/staff/cat/z3950/index" ngbDropdownItem class="dropdown-item">
 304             <span class="material-icons" aria-hidden="true">cloud_download</span>
 305             <span i18n>Import Record from Z39.50</span>
 306           </a>
 307           <a routerLinkActive="active" ariaCurrentWhenActive="page"
 308             routerLink="/staff/cat/vandelay/import" ngbDropdownItem class="dropdown-item">
 309             <span class="material-icons" aria-hidden="true">import_export</span>
 310             <span i18n>MARC Batch Import/Export</span>
 311           </a>
 312           <a routerLinkActive="active" ariaCurrentWhenActive="page"
 313             routerLink="/staff/cat/marcbatch" ngbDropdownItem class="dropdown-item">
 314             <span class="material-icons" aria-hidden="true">format_paint</span>
 315             <span i18n>MARC Batch Edit</span>
 316           </a>
 317           <div class="dropdown-divider"></div>
 318           <a routerLinkActive="active" ariaCurrentWhenActive="page"
 319             routerLink="/staff/cat/linkchecker" ngbDropdownItem class="dropdown-item">
 320             <span class="material-icons" aria-hidden="true">link</span>
 321             <span i18n>Link Checker</span>
 322           </a>
 323           <div class="dropdown-divider"></div>
 324           <a routerLinkActive="active" ariaCurrentWhenActive="page"
 325             routerLink="/staff/cat/authority/browse" ngbDropdownItem class="dropdown-item">
 326             <span class="material-icons" aria-hidden="true">lock</span>
 327             <span i18n>Manage Authorities</span>
 328           </a>
 329           <a routerLinkActive="active" ariaCurrentWhenActive="page"
 330             routerLink="/staff/cat/authority/edit" ngbDropdownItem class="dropdown-item">
 331             <span class="material-icons" aria-hidden="true">collections</span>
 332             <span i18n>Retrieve Authority Record by ID</span>
 333           </a>
 334         </div>
 335       </div>
 336     </div>
 337
 338     <!-- ACQUISITIONS -->
 339
 340     <div class="navbar-nav">
 341       <div ngbDropdown class="nav-item dropdown">
 342         <button type="button" ngbDropdownToggle i18n class="nav-link dropdown-toggle">
 343           Acquisitions
 344         </button>
 345         <div class="dropdown-menu" ngbDropdownMenu>
 346           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 347             ariaCurrentWhenActive="page" routerLink="/staff/acq/search">
 348             <span class="material-icons" aria-hidden="true">search</span>
 349             <span i18n>General Search</span>
 350           </a>
 351           <div class="dropdown-divider"></div>
 352           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 353             ariaCurrentWhenActive="page" routerLink="/staff/acq/provider">
 354             <span class="material-icons" aria-hidden="true">search</span>
 355             <span i18n>Provider Search</span>
 356           </a>
 357           <div class="dropdown-divider"></div>
 358           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 359             ariaCurrentWhenActive="page" routerLink="/staff/acq/search/selectionlists">
 360             <span class="material-icons" aria-hidden="true">view_list</span>
 361             <span i18n>Selection Lists</span>
 362           </a>
 363           <a class="dropdown-item" ngbDropdownItem
 364             href="/eg/staff/acq/legacy/picklist/brief_record">
 365             <span class="material-icons" aria-hidden="true">edit</span>
 366             <span i18n>New Brief Record</span>
 367           </a>
 368           <a class="dropdown-item" ngbDropdownItem
 369             href="/eg/staff/acq/requests/list">
 370             <span class="material-icons" aria-hidden="true">thumb_up</span>
 371             <span i18n>Patron Requests</span>
 372           </a>
 373           <a class="dropdown-item" ngbDropdownItem
 374             href="/eg/staff/acq/legacy/picklist/bib_search">
 375             <span class="material-icons" aria-hidden="true">cloud_download</span>
 376             <span i18n>MARC Federated Search</span>
 377           </a>
 378           <a class="dropdown-item" ngbDropdownItem
 379             href="/eg/staff/acq/legacy/picklist/from_bib">
 380             <span class="material-icons" aria-hidden="true">trending_down</span>
 381             <span i18n>Load Catalog Record IDs</span>
 382           </a>
 383           <div class="dropdown-divider"></div>
 384           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 385             ariaCurrentWhenActive="page" routerLink="/staff/acq/picklist/upload">
 386           <span class="material-icons" aria-hidden="true">cloud_upload</span>
 387           <span i18n>Load MARC Order Records</span>
 388         </a>
 389           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 390             ariaCurrentWhenActive="page" routerLink="/staff/acq/search/purchaseorders">
 391             <span class="material-icons" aria-hidden="true">shopping_cart</span>
 392             <span i18n>Purchase Orders</span>
 393           </a>
 394           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 395             ariaCurrentWhenActive="page" routerLink="/staff/acq/po/create">
 396             <span class="material-icons" aria-hidden="true">add_shopping_cart</span>
 397             <span i18n>Create Purchase Order</span>
 398           </a>
 399           <div class="dropdown-divider"></div>
 400           <a class="dropdown-item" ngbDropdownItem
 401             href="/eg/staff/acq/legacy/financial/claim_eligible">
 402             <span class="material-icons" aria-hidden="true">contact_phone</span>
 403             <span i18n>Claim-Ready Items</span>
 404           </a>
 405           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 406             ariaCurrentWhenActive="page" routerLink="/staff/acq/asn/receive">
 407             <span class="material-icons" aria-hidden="true">archive</span>
 408             <span i18n>Receive Shipment</span>
 409           </a>
 410           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 411             ariaCurrentWhenActive="page" routerLink="/staff/acq/search/invoices">
 412             <span class="material-icons" aria-hidden="true">attach_money</span>
 413             <span i18n>Invoices</span>
 414           </a>
 415           <a class="dropdown-item" ngbDropdownItem
 416             href="/eg/staff/acq/legacy/invoice/view?create=1">
 417             <span class="material-icons" aria-hidden="true">monetization_on</span>
 418             <span i18n>Create Invoice</span>
 419           </a>
 420         </div>
 421       </div>
 422     </div>
 423
 424     <div class="navbar-nav">
 425       <div ngbDropdown class="nav-item dropdown">
 426         <button type="button" ngbDropdownToggle i18n class="nav-link dropdown-toggle">
 427           Booking
 428         </button>
 429         <div class="dropdown-menu" ngbDropdownMenu>
 430           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 431             ariaCurrentWhenActive="page" routerLink="/staff/booking/create_reservation">
 432             <span class="material-icons" aria-hidden="true">add</span>
 433             <span i18n>Create Reservations</span>
 434           </a>
 435           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 436             ariaCurrentWhenActive="page" routerLink="/staff/booking/pull_list">
 437             <span class="material-icons" aria-hidden="true">list</span>
 438             <span i18n>Pull List</span>
 439           </a>
 440           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 441             ariaCurrentWhenActive="page" routerLink="/staff/booking/capture">
 442             <span class="material-icons" aria-hidden="true">pin_drop</span>
 443             <span i18n>Capture Resources</span>
 444           </a>
 445           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 446             ariaCurrentWhenActive="page" routerLink="/staff/booking/pickup">
 447             <span class="material-icons" aria-hidden="true">trending_up</span>
 448             <span i18n>Pick Up Reservations</span>
 449           </a>
 450           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 451             ariaCurrentWhenActive="page" routerLink="/staff/booking/return">
 452             <span class="material-icons" aria-hidden="true">trending_down</span>
 453             <span i18n>Return Reservations</span>
 454           </a>
 455           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 456             ariaCurrentWhenActive="page" routerLink="/staff/booking/manage_reservations">
 457             <span class="material-icons" aria-hidden="true">layers</span>
 458             <span i18n>Manage Reservations</span>
 459           </a>
 460         </div>
 461       </div>
 462     </div>
 463
 464     <div class="navbar-nav">
 465       <div ngbDropdown class="nav-item dropdown">
 466         <button type="button" ngbDropdownToggle i18n class="nav-link dropdown-toggle">
 467           Administration
 468         </button>
 469         <div class="dropdown-menu" ngbDropdownMenu>
 470           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/admin/workstation/index">
 471             <span class="material-icons" aria-hidden="true">computer</span>
 472             <span i18n>Workstation</span>
 473           </a>
 474           <!--
 475           Leaving here as a reminder this UI exists.
 476           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 477             ariaCurrentWhenActive="page" routerLink="/staff/admin/workstation/workstations/manage">
 478             <span class="material-icons" aria-hidden="true">computer</span>
 479             <span i18n>Registered Workstations</span>
 480           </a>
 481           -->
 482           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/admin/user_perms">
 483             <span class="material-icons" aria-hidden="true">person</span>
 484             <span i18n>User Permission Editor</span>
 485           </a>
 486           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 487             ariaCurrentWhenActive="page" routerLink="/staff/admin/server/splash">
 488             <span class="material-icons" aria-hidden="true">account_balance</span>
 489             <span i18n>Server Administration</span>
 490           </a>
 491           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 492             ariaCurrentWhenActive="page" routerLink="/staff/admin/local/splash">
 493             <span class="material-icons" aria-hidden="true">landscape</span>
 494             <span i18n>Local Administration</span>
 495           </a>
 496           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 497             ariaCurrentWhenActive="page" routerLink="/staff/admin/acq/splash">
 498             <span class="material-icons" aria-hidden="true">attach_money</span>
 499             <span i18n>Acquisitions Administration</span>
 500           </a>
 501           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/admin/serials/index">
 502             <span class="material-icons" aria-hidden="true">layers</span>
 503             <span i18n>Serials Administration</span>
 504           </a>
 505           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 506             ariaCurrentWhenActive="page" routerLink="/staff/admin/booking/splash">
 507             <span class="material-icons" aria-hidden="true">business_center</span>
 508             <span i18n>Booking Administration</span>
 509           </a>
 510           <a class="dropdown-item" ngbDropdownItem  href="/eg/staff/reporter/legacy/main">
 511             <span class="material-icons" aria-hidden="true">insert_chart</span>
 512             <span i18n>Reports</span>
 513           </a>
 514           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 515             ariaCurrentWhenActive="page" routerLink="/staff/reporter/simple">
 516             <span class="material-icons" aria-hidden="true">insert_chart</span>
 517             <span i18n>Simple Reports</span>
 518           </a>
 519         </div>
 520       </div>
 521     </div>
 522
 523
 524     <div class="navbar-nav me-auto"></div>
 525     <div class="navbar-nav navbar-user" *ngIf="user()">
 526       <span i18n>{{user()}} &#64; {{workstation()}}</span>
 527     </div>
 528     <div class="navbar-nav" *ngIf="locales.length > 1 && currentLocale">
 529       <div ngbDropdown class="nav-item dropdown" display="dynamic">
 530         <button type="button" ngbDropdownToggle i18n i18n-title
 531           title="Select Locale"
 532           class="nav-link dropdown-toggle no-caret with-material-icon">
 533           <i class="material-icons" aria-hidden="true">flag</i>
 534           <span>{{currentLocale.name()}}</span>
 535         </button>
 536         <div class="dropdown-menu" ngbDropdownMenu>
 537           <button type="button" class="dropdown-item" ngbDropdownItem  (click)="setLocale(locale)"
 538             [ngClass]="{disabled: currentLocale.code() === locale.code()}"
 539             *ngFor="let locale of locales">
 540             <span class="material-icons" aria-hidden="true">add_location</span>
 541             <span i18n>{{locale.name()}}</span>
 542           </button>
 543         </div>
 544       </div>
 545     </div>
 546     <div class="navbar-nav" *ngIf="user()">
 547       <div ngbDropdown class="nav-item dropdown" display="dynamic">
 548         <button ngbDropdownToggle type="button"
 549           i18n-title title="Log out and more..."
 550           i18n-aria-label aria-label="Log out and more..."
 551           class="nav-link dropdown-toggle no-caret with-material-icon">
 552           <i class="material-icons" aria-hidden="true">list</i>
 553         </button>
 554         <div class="dropdown-menu dropdown-menu-right" ngbDropdownMenu>
 555           <eg-op-change #navOpChange
 556             i18n-failMessage
 557             i18n-successMessage
 558             failMessage="Operator Change Failed"
 559             successMessage="Operator Change Succeeded">
 560           </eg-op-change>
 561           <button type="button" class="dropdown-item" ngbDropdownItem  *ngIf="!opChangeActive()"
 562             (click)="navOpChange.open()">
 563             <span class="material-icons" aria-hidden="true">transform</span>
 564             <span i18n>Change Operator</span>
 565           </button>
 566           <button type="button" *ngIf="opChangeActive()" class="dropdown-item" ngbDropdownItem
 567             (click)="navOpChange.restore()">
 568             <span class="material-icons" aria-hidden="true">transform</span>
 569             <span i18n>Restore Operator</span>
 570           </button>
 571           <button type="button" class="dropdown-item" ngbDropdownItem  (click)="maybeLogout()"
 572               egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 573               keySpec="alt+shift+q" keyDesc="Logout (Quit)">
 574             <span class="material-icons" aria-hidden="true">lock_outline</span>
 575             <span i18n>Logout</span>
 576           </button>
 577           <a class="dropdown-item" ngbDropdownItem routerLinkActive="active"
 578             ariaCurrentWhenActive="page" routerLink="/staff/about">
 579             <span class="material-icons" aria-hidden="true">info_outline</span>
 580             <span i18n>About</span>
 581           </a>
 582         </div>
 583       </div>
 584     </div>
 585   </div>
 586 </nav>
 587