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

   1 <div id="staff-navbar" 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"
   6           href="/eg/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         <a ngbDropdownToggle i18n class="nav-link dropdown-toggle">
  17          Search
  18         </a>
  19         <div class="dropdown-menu" ngbDropdownMenu>
  20           <a class="dropdown-item" 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" 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" 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         <a ngbDropdownToggle class="nav-link dropdown-toggle">
  43          <span i18n>Circulation</span>
  44         </a>
  45         <div class="dropdown-menu" ngbDropdownMenu>
  46           <a class="dropdown-item" 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" 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" 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" href="/eg/staff/circ/holds/pull">
  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" 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" 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 class="dropdown-item" 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 class="dropdown-item" 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" 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" 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           <div class="dropdown-divider"></div>
  99           <a class="dropdown-item" href="/eg/staff/circ/patron/credentials">
 100             <span class="material-icons" aria-hidden="true">check_circle</span>
 101             <span i18n>Verify Credentials</span>
 102           </a>
 103           <a class="dropdown-item" href="/eg/staff/circ/in_house_use/index"
 104             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 105             keySpec="f6" keyDesc="Record In-House Use">
 106             <span class="material-icons" aria-hidden="true">playlist_add</span>
 107             <span i18n>Record In-House Use</span>
 108           </a>
 109           <a class="dropdown-item" href="/eg/staff/circ/holds/shelf">
 110             <span class="material-icons" aria-hidden="true">format_list_bulleted</span>
 111             <span i18n>Holds Shelf</span>
 112           </a>
 113           <div class="dropdown-divider"></div>
 114           <a class="dropdown-item" href="/eg/staff/cat/item/replace_barcode/index">
 115             <span class="material-icons" aria-hidden="true">library_books</span>
 116             <span i18n>Replace Barcode</span>
 117           </a>
 118           <a class="dropdown-item" href="/eg/staff/cat/item/search"
 119             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 120             keySpec="f5" keyDesc="Navigate To Item Status">
 121             <span class="material-icons" aria-hidden="true">question_answer</span>
 122             <span i18n>Item Status</span>
 123           </a>
 124           <a class="dropdown-item" href="/eg/staff/cat/item/missing_pieces">
 125             <span class="material-icons" aria-hidden="true">grid_on</span>
 126             <span i18n>Scan Item as Missing Pieces</span>
 127           </a>
 128           <div class="dropdown-divider"></div>
 129           <a class="dropdown-item" (click)="reprintLast()"
 130             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 131             keySpec="f9" keyDesc="Reprint Last Receipt">
 132             <span class="material-icons" aria-hidden="true">redo</span>
 133             <span i18n>Reprint Last Receipt</span>
 134           </a>
 135           <div class="dropdown-divider"></div>
 136           <a class="dropdown-item" href="/eg/staff/offline-interface">
 137             <span class="material-icons" aria-hidden="true">signal_wifi_off</span>
 138             <span i18n>Offline Circulation</span>
 139           </a>
 140           <div *ngIf="curbsideEnabled" class="dropdown-divider"></div>
 141           <a *ngIf="curbsideEnabled" class="dropdown-item" href="/eg/staff/circ/curbside/index">
 142             <span class="material-icons">directions_bus</span>
 143             <span i18n>Curbside Pickup</span>
 144           </a>
 145         </div>
 146       </div>
 147     </div>
 148
 149     <!-- CATALOGING -->
 150
 151     <div class="navbar-nav">
 152       <div ngbDropdown class="nav-item dropdown">
 153         <a ngbDropdownToggle i18n class="nav-link dropdown-toggle">
 154          Cataloging
 155         </a>
 156         <div class="dropdown-menu" ngbDropdownMenu>
 157
 158           <a class="dropdown-item" routerLink="/staff/catalog/search"
 159             egAccessKey keyCtx="navbar"i18n-keySpec i18n-keyDesc
 160             keySpec="f3" keyDesc="Catalog">
 161             <span class="material-icons" aria-hidden="true">search</span>
 162             <span i18n>Search the Catalog</span>
 163           </a>
 164           <a href="/eg/staff/cat/catalog/index" class="dropdown-item">
 165             <span class="material-icons" aria-hidden="true">search</span>
 166             <span i18n>Search the Catalog (Traditional)</span>
 167           </a>
 168           <a class="dropdown-item" href="/eg/staff/cat/item/search"
 169             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 170             keySpec="f5" keyDesc="Navigate To Item Status">
 171             <span class="material-icons" aria-hidden="true">question_answer</span>
 172             <span i18n>Item Status</span>
 173           </a>
 174           <div class="dropdown-divider"></div>
 175           <a href="/eg/staff/cat/bucket/record/view" class="dropdown-item">
 176             <span class="material-icons" aria-hidden="true">list</span>
 177             <span i18n>Record Buckets</span>
 178           </a>
 179           <a href="/eg/staff/cat/bucket/copy/view" class="dropdown-item">
 180             <span class="material-icons" aria-hidden="true">list</span>
 181             <span i18n>Item Buckets</span>
 182           </a>
 183           <div class="dropdown-divider"></div>
 184           <a routerLink="/staff/cat/bib-from/id" class="dropdown-item">
 185             <span class="material-icons" aria-hidden="true">collections</span>
 186             <span i18n>Retrieve Bib Record by ID</span>
 187           </a>
 188           <a routerLink="/staff/cat/bib-from/tcn" class="dropdown-item"
 189             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 190             keySpec="shift+f3" keyDesc="Retrieve Bib Record by TCN">
 191             <span class="material-icons" aria-hidden="true">collections_bookmark</span>
 192             <span i18n>Retrieve Bib Record by TCN</span>
 193           </a>
 194           <a (click)="retrieveLastRecord()"
 195             egAccessKey keyCtx="navbar" i18n-keySpec i18n-keyDesc
 196             keySpec="shift+f8" keyDesc="Retrieve Last Bib Record">
 197             <span class="material-icons" aria-hidden="true">redo</span>
 198             <span i18n>Retrieve Last Bib Record</span>
 199           </a>
 200           <div class="dropdown-divider"></div>
 201           <a href="/eg/staff/cat/catalog/new_bib" class="dropdown-item">
 202             <span class="material-icons" aria-hidden="true">add</span>
 203             <span i18n>Create New MARC Record</span>
 204           </a>
 205           <a href="/eg/staff/cat/z3950/index" class="dropdown-item">
 206             <span class="material-icons" aria-hidden="true">cloud_download</span>
 207             <span i18n>Import Record from Z39.50</span>
 208           </a>
 209           <a routerLink="/staff/cat/vandelay/import" class="dropdown-item">
 210             <span class="material-icons" aria-hidden="true">import_export</span>
 211             <span i18n>MARC Batch Import/Export</span>
 212           </a>
 213           <a routerLink="/staff/cat/marcbatch" class="dropdown-item">
 214             <span class="material-icons" aria-hidden="true">format_paint</span>
 215             <span i18n>MARC Batch Edit</span>
 216           </a>
 217           <div class="dropdown-divider"></div>
 218           <a href="/eg/staff/cat/catalog/verifyURLs" class="dropdown-item">
 219             <span class="material-icons" aria-hidden="true">link</span>
 220             <span i18n>Link Checker</span>
 221           </a>
 222           <div class="dropdown-divider"></div>
 223           <a routerLink="/staff/cat/authority/browse" class="dropdown-item">
 224             <span class="material-icons" aria-hidden="true">lock</span>
 225             <span i18n>Manage Authorities</span>
 226           </a>
 227           <a routerLink="/staff/cat/authority/edit" class="dropdown-item">
 228             <span class="material-icons" aria-hidden="true">collections</span>
 229             <span i18n>Retrieve Authority Record by ID</span>
 230           </a>
 231         </div>
 232       </div>
 233     </div>
 234
 235     <!-- ACQUISITIONS -->
 236
 237     <div class="navbar-nav">
 238       <div ngbDropdown class="nav-item dropdown">
 239         <a ngbDropdownToggle i18n class="nav-link dropdown-toggle">
 240           Acquisitions
 241         </a>
 242         <div class="dropdown-menu" ngbDropdownMenu>
 243           <a class="dropdown-item"
 244             routerLink="/staff/acq/search">
 245             <span class="material-icons" aria-hidden="true">search</span>
 246             <span i18n>General Search</span>
 247           </a>
 248           <div class="dropdown-divider"></div>
 249           <a class="dropdown-item"
 250             routerLink="/staff/acq/provider">
 251             <span class="material-icons" aria-hidden="true">search</span>
 252             <span i18n>Provider Search</span>
 253           </a>
 254           <div class="dropdown-divider"></div>
 255           <a class="dropdown-item"
 256             routerLink="/staff/acq/search/selectionlists">
 257             <span class="material-icons" aria-hidden="true">view_list</span>
 258             <span i18n>Selection Lists</span>
 259           </a>
 260           <a class="dropdown-item"
 261             href="/eg/staff/acq/legacy/picklist/brief_record">
 262             <span class="material-icons" aria-hidden="true">edit</span>
 263             <span i18n>New Brief Record</span>
 264           </a>
 265           <a class="dropdown-item"
 266             href="/eg/staff/acq/legacy/picklist/user_request">
 267             <span class="material-icons" aria-hidden="true">thumb_up</span>
 268             <span i18n>Patron Requests</span>
 269           </a>
 270           <a class="dropdown-item"
 271             href="/eg/staff/acq/legacy/picklist/bib_search">
 272             <span class="material-icons" aria-hidden="true">cloud_download</span>
 273             <span i18n>MARC Federated Search</span>
 274           </a>
 275           <a class="dropdown-item"
 276             href="/eg/staff/acq/legacy/picklist/from_bib">
 277             <span class="material-icons" aria-hidden="true">trending_down</span>
 278             <span i18n>Load Catalog Record IDs</span>
 279           </a>
 280           <div class="dropdown-divider"></div>
 281           <a class="dropdown-item"
 282             href="/eg/staff/acq/legacy/picklist/upload">
 283             <span class="material-icons" aria-hidden="true">cloud_upload</span>
 284             <span i18n>Load MARC Order Records</span>
 285           </a>
 286           <a class="dropdown-item"
 287             routerLink="/staff/acq/search/purchaseorders">
 288             <span class="material-icons" aria-hidden="true">shopping_cart</span>
 289             <span i18n>Purchase Orders</span>
 290           </a>
 291           <a class="dropdown-item" href="/eg/staff/acq/legacy/po/create">
 292             <span class="material-icons" aria-hidden="true">add_shopping_cart</span>
 293             <span i18n>Create Purchase Order</span>
 294           </a>
 295           <div class="dropdown-divider"></div>
 296           <a class="dropdown-item"
 297             href="/eg/staff/acq/legacy/financial/claim_eligible">
 298             <span class="material-icons" aria-hidden="true">contact_phone</span>
 299             <span i18n>Claim-Ready Items</span>
 300           </a>
 301           <a class="dropdown-item"
 302             routerLink="/staff/acq/search/invoices">
 303             <span class="material-icons" aria-hidden="true">attach_money</span>
 304             <span i18n>Invoices</span>
 305           </a>
 306           <a class="dropdown-item"
 307             href="/eg/staff/acq/legacy/invoice/view?create=1">
 308             <span class="material-icons" aria-hidden="true">monetization_on</span>
 309             <span i18n>Create Invoice</span>
 310           </a>
 311         </div>
 312       </div>
 313     </div>
 314
 315     <div class="navbar-nav">
 316       <div ngbDropdown class="nav-item dropdown">
 317         <a ngbDropdownToggle i18n class="nav-link dropdown-toggle">
 318           Booking
 319         </a>
 320         <div class="dropdown-menu" ngbDropdownMenu>
 321           <a class="dropdown-item" routerLink="/staff/booking/create_reservation">
 322             <span class="material-icons" aria-hidden="true">add</span>
 323             <span i18n>Create Reservations</span>
 324           </a>
 325           <a class="dropdown-item" routerLink="/staff/booking/pull_list">
 326             <span class="material-icons" aria-hidden="true">list</span>
 327             <span i18n>Pull List</span>
 328           </a>
 329           <a class="dropdown-item" routerLink="/staff/booking/capture">
 330             <span class="material-icons" aria-hidden="true">pin_drop</span>
 331             <span i18n>Capture Resources</span>
 332           </a>
 333           <a class="dropdown-item" routerLink="/staff/booking/pickup">
 334             <span class="material-icons" aria-hidden="true">trending_up</span>
 335             <span i18n>Pick Up Reservations</span>
 336           </a>
 337           <a class="dropdown-item" routerLink="/staff/booking/return">
 338             <span class="material-icons" aria-hidden="true">trending_down</span>
 339             <span i18n>Return Reservations</span>
 340           </a>
 341           <a class="dropdown-item" routerLink="/staff/booking/manage_reservations">
 342             <span class="material-icons" aria-hidden="true">layers</span>
 343             <span i18n>Manage Reservations</span>
 344           </a>
 345         </div>
 346       </div>
 347     </div>
 348
 349     <div class="navbar-nav">
 350       <div ngbDropdown class="nav-item dropdown">
 351         <a ngbDropdownToggle i18n class="nav-link dropdown-toggle">
 352           Administration
 353         </a>
 354         <div class="dropdown-menu" ngbDropdownMenu>
 355           <a class="dropdown-item" href="/eg/staff/admin/workstation/index">
 356             <span class="material-icons" aria-hidden="true">computer</span>
 357             <span i18n>Workstation</span>
 358           </a>
 359           <!--
 360           Leaving here as a reminder this UI exists.
 361           <a class="dropdown-item"
 362               routerLink="/staff/admin/workstation/workstations/manage">
 363             <span class="material-icons" aria-hidden="true">computer</span>
 364             <span i18n>Registered Workstations</span>
 365           </a>
 366           -->
 367           <a class="dropdown-item" href="/eg/staff/admin/user_perms">
 368             <span class="material-icons" aria-hidden="true">person</span>
 369             <span i18n>User Permission Editor</span>
 370           </a>
 371           <a class="dropdown-item"
 372               routerLink="/staff/admin/server/splash">
 373             <span class="material-icons" aria-hidden="true">account_balance</span>
 374             <span i18n>Server Administration</span>
 375           </a>
 376           <a class="dropdown-item" routerLink="/staff/admin/local/splash">
 377             <span class="material-icons" aria-hidden="true">landscape</span>
 378             <span i18n>Local Administration</span>
 379           </a>
 380           <a class="dropdown-item"
 381               routerLink="/staff/admin/acq/splash">
 382             <span class="material-icons" aria-hidden="true">attach_money</span>
 383             <span i18n>Acquisitions Administration</span>
 384           </a>
 385           <a class="dropdown-item" href="/eg/staff/admin/serials/index">
 386             <span class="material-icons" aria-hidden="true">layers</span>
 387             <span i18n>Serials Administration</span>
 388           </a>
 389           <a class="dropdown-item"
 390               routerLink="/staff/admin/booking/splash">
 391             <span class="material-icons" aria-hidden="true">business_center</span>
 392             <span i18n>Booking Administration</span>
 393           </a>
 394           <a class="dropdown-item" href="/eg/staff/reporter/legacy/main">
 395             <span class="material-icons" aria-hidden="true">insert_chart</span>
 396             <span i18n>Reports</span>
 397           </a>
 398         </div>
 399       </div>
 400     </div>
 401
 402
 403     <div class="navbar-nav mr-auto"></div>
 404     <div class="navbar-nav" *ngIf="user()">
 405       <span i18n>{{user()}} @ {{workstation()}}</span>
 406     </div>
 407     <div class="navbar-nav" *ngIf="locales.length > 1 && currentLocale">
 408       <div ngbDropdown class="nav-item dropdown" placement="bottom-right">
 409         <a ngbDropdownToggle i18n i18n-title
 410           title="Select Locale"
 411           class="nav-link dropdown-toggle no-caret with-material-icon">
 412           <i class="material-icons" aria-hidden="true">flag</i>
 413           <span>{{currentLocale.name()}}</span>
 414         </a>
 415         <div class="dropdown-menu" ngbDropdownMenu>
 416           <a class="dropdown-item" (click)="setLocale(locale)"
 417             [ngClass]="{disabled: currentLocale.code() == locale.code()}"
 418             *ngFor="let locale of locales">
 419             <span class="material-icons" aria-hidden="true">add_location</span>
 420             <span i18n>{{locale.name()}}</span>
 421           </a>
 422         </div>
 423       </div>
 424     </div>
 425     <div class="navbar-nav" *ngIf="user()">
 426       <div ngbDropdown class="nav-item dropdown" placement="bottom-right">
 427         <a ngbDropdownToggle i18n
 428           i18n-title
 429           title="Log out and more..."
 430           class="nav-link dropdown-toggle no-caret with-material-icon">
 431           <i class="material-icons">list</i>
 432         </a>
 433         <div class="dropdown-menu" ngbDropdownMenu>
 434           <eg-op-change #navOpChange
 435             i18n-failMessage
 436             i18n-successMessage
 437             failMessage="Operator Change Failed"
 438             successMessage="Operator Change Succeeded">
 439           </eg-op-change>
 440           <a class="dropdown-item" *ngIf="!opChangeActive()"
 441             (click)="navOpChange.open()">
 442             <span class="material-icons" aria-hidden="true">transform</span>
 443             <span i18n>Change Operator</span>
 444           </a>
 445           <a *ngIf="opChangeActive()" class="dropdown-item"
 446             (click)="navOpChange.restore()">
 447             <span class="material-icons" aria-hidden="true">transform</span>
 448             <span i18n>Restore Operator</span>
 449           </a>
 450           <a class="dropdown-item" (click)="logout()">
 451             <span class="material-icons" aria-hidden="true">lock_outline</span>
 452             <span i18n>Logout</span>
 453           </a>
 454           <a class="dropdown-item" routerLink="/staff/about">
 455             <span class="material-icons" aria-hidden="true">info_outline</span>
 456             <span i18n>About</span>
 457           </a>
 458         </div>
 459       </div>
 460     </div>
 461   </div>
 462 </div>
 463