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

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