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           routerLink="/staff/splash"
   7           egAccessKey keyCtx="navbar"
   8           keySpec="alt+h" i18n-keySpec
   9           keyDesc="Navigate Home" i18n-keyDesc>
  10           <span class="material-icons">home</span>
  11         </a>
  12       </div>
  13     </div>
  14
  15     <div class="navbar-nav">
  16       <div ngbDropdown class="nav-item dropdown">
  17         <a ngbDropdownToggle i18n class="nav-link dropdown-toggle">
  18          Search
  19         </a>
  20         <div class="dropdown-menu" ngbDropdownMenu>
  21           <a class="dropdown-item" href="/eg/staff/circ/patron/search">
  22             <span class="material-icons">person</span>
  23             <span i18n>Search for Patrons</span>
  24           </a>
  25           <a class="dropdown-item" href="/eg/staff/cat/item/search">
  26             <span class="material-icons">assignment</span>
  27             <span i18n>Search for Copies by Barcode</span>
  28           </a>
  29           <a href="/eg/staff/cat/catalog/index" class="dropdown-item">
  30             <span class="material-icons">search</span>
  31             <span i18n>Search the Catalog</span>
  32           </a>
  33         </div>
  34       </div>
  35     </div>
  36
  37     <div class="navbar-nav">
  38       <div ngbDropdown class="nav-item dropdown">
  39         <a ngbDropdownToggle class="nav-link dropdown-toggle">
  40          <span i18n>Circulation</span>
  41         </a>
  42         <div class="dropdown-menu" ngbDropdownMenu>
  43           <a class="dropdown-item" href="/eg/staff/circ/patron/bcsearch">
  44             <span class="material-icons">trending_up</span>
  45             <span i18n>Check Out</span>
  46           </a>
  47           <a class="dropdown-item" href="/eg/staff/circ/checkin/checkin">
  48             <span class="material-icons">trending_down</span>
  49             <span i18n>Check In</span>
  50           </a>
  51           <a class="dropdown-item" href="/eg/staff/circ/checkin/capture">
  52             <span class="material-icons">pin_drop</span>
  53             <span i18n>Capture Holds</span>
  54           </a>
  55           <a class="dropdown-item" href="/eg/staff/circ/holds/pull">
  56             <span class="material-icons">view_list</span>
  57             <span i18n>Pull List for Hold Requests</span>
  58           </a>
  59           <a class="dropdown-item" href="/eg/staff/circ/renew/renew">
  60             <span class="material-icons">autorenew</span>
  61             <span i18n>Renew Items</span>
  62           </a>
  63           <a class="dropdown-item" href="/eg/staff/circ/patron/register">
  64             <span class="material-icons">person_add</span>
  65             <span i18n>Register Patron</span>
  66           </a>
  67           <a class="dropdown-item" href="/eg/staff/circ/patron/last">
  68             <span class="material-icons">redo</span>
  69             <span i18n>Retrieve Last Patron</span>
  70           </a>
  71           <a class="dropdown-item" href="/eg/staff/circ/patron/search?show_recent=1">
  72             <span class="material-icons">redo</span>
  73             <span i18n>Retrieve Recent Patrons</span>
  74           </a>
  75           <a class="dropdown-item" href="/eg/staff/circ/patron/pending/list">
  76             <span class="material-icons">thumb_up</span>
  77             <span i18n>Pending Patrons</span>
  78           </a>
  79           <a class="dropdown-item" href="/eg/staff/circ/patron/bucket/view">
  80             <span class="material-icons">list</span>
  81             <span i18n>User Buckets</span>
  82           </a>
  83           <div class="dropdown-divider"></div>
  84           <a class="dropdown-item" href="/eg/staff/circ/patron/credentials">
  85             <span class="material-icons">check_circle</span>
  86             <span i18n>Verify Credentials</span>
  87           </a>
  88           <a class="dropdown-item" href="/eg/staff/circ/in_house_use/index">
  89             <span class="material-icons">playlist_add</span>
  90             <span i18n>Record In-House Use</span>
  91           </a>
  92           <a class="dropdown-item" href="/eg/staff/circ/holds/shelf">
  93             <span class="material-icons">format_list_bulleted</span>
  94             <span i18n>Holds Shelf</span>
  95           </a>
  96           <div class="dropdown-divider"></div>
  97           <a class="dropdown-item" href="/eg/staff/cat/item/replace_barcode/index">
  98             <span class="material-icons">library_books</span>
  99             <span i18n>Replace Barcode</span>
 100           </a>
 101           <a class="dropdown-item" href="/eg/staff/cat/item/search"
 102             egAccessKey keyCtx="navbar"
 103             keySpec="f5" i18n-keySpec
 104             keyDesc="Navigate To Item Status" i18n-keyDesc>
 105             <span class="material-icons">question_answer</span>
 106             <span i18n>Item Status</span>
 107           </a>
 108           <a class="dropdown-item" href="/eg/staff/cat/item/missing_pieces">
 109             <span class="material-icons">grid_on</span>
 110             <span i18n>Scan Item as Missing Pieces</span>
 111           </a>
 112           <div class="dropdown-divider"></div>
 113           <a class="dropdown-item" (click)="reprintLast()">
 114             <span class="material-icons">redo</span>
 115             <span i18n>Reprint Last Receipt</span>
 116           </a>
 117           <div class="dropdown-divider"></div>
 118           <a class="dropdown-item" href="/eg/staff/offline-interface">
 119             <span class="material-icons">signal_wifi_off</span>
 120             <span i18n>Offline Circulation</span>
 121           </a>
 122         </div>
 123       </div>
 124     </div>
 125
 126     <!-- CATALOGING -->
 127
 128     <div class="navbar-nav">
 129       <div ngbDropdown class="nav-item dropdown">
 130         <a ngbDropdownToggle i18n class="nav-link dropdown-toggle">
 131          Cataloging
 132         </a>
 133         <div class="dropdown-menu" ngbDropdownMenu>
 134
 135           <a href="/eg/staff/cat/catalog/index" class="dropdown-item">
 136             <span class="material-icons">search</span>
 137             <span i18n>Search the Catalog</span>
 138           </a>
 139           <!--
 140             Link to experimental Angular staff catalog.
 141             Leaving disabled until more functionality can be fleshed out.
 142           -->
 143           <a class="dropdown-item"
 144               routerLink="/staff/catalog/search">
 145             <span class="material-icons">search</span>
 146             <span i18n>Staff Catalog (Experimental)</span>
 147           </a>
 148           <a href="/eg/staff/cat/bucket/record/view" class="dropdown-item">
 149             <span class="material-icons">list_alt</span>
 150             <span i18n>Record Buckets</span>
 151           </a>
 152           <a href="/eg/staff/cat/bucket/copy/view" class="dropdown-item">
 153             <span class="material-icons">list_alt</span>
 154             <span i18n>Copy Buckets</span>
 155           </a>
 156           <div class="dropdown-divider"></div>
 157           <a href="/eg/staff/cat/catalog/retrieve_by_id" class="dropdown-item">
 158             <span class="material-icons">collections</span>
 159             <span i18n>Retrieve Bib Record by ID</span>
 160           </a>
 161           <a href="/eg/staff/cat/catalog/retrieve_by_tcn"
 162             eg-accesskey="shift+f3"
 163             eg-accesskey-desc="Retrieve Last Bib Record" class="dropdown-item">
 164             <span class="material-icons">collections_bookmark</span>
 165             <span i18n>Retrieve Bib Record by TCN</span>
 166           </a>
 167           <a href="" ng-click="retrieveLastRecord()"
 168             eg-accesskey="shift+f8"
 169             eg-accesskey-desc="Retrieve Last Bib Record" class="dropdown-item">
 170             <span class="material-icons">redo</span>
 171             <span i18n>Retrieve Last Bib Record</span>
 172           </a>
 173           <div class="dropdown-divider"></div>
 174           <a href="/eg/staff/cat/catalog/new_bib" class="dropdown-item">
 175             <span class="material-icons">add</span>
 176             <span i18n>Create New MARC Record</span>
 177           </a>
 178           <a href="/eg/staff/cat/z3950/index" class="dropdown-item">
 179             <span class="material-icons">cloud_download</span>
 180             <span i18n>Import Record from Z39.50</span>
 181           </a>
 182           <a routerLink="/staff/cat/vandelay/import" class="dropdown-item">
 183             <span class="material-icons">import_export</span>
 184             <span i18n>MARC Batch Import/Export</span>
 185           </a>
 186           <a href="/eg/staff/cat/catalog/batchEdit" class="dropdown-item">
 187             <span class="material-icons">format_paint</span>
 188             <span i18n>MARC Batch Edit</span>
 189           </a>
 190           <div class="dropdown-divider"></div>
 191           <a href="/eg/staff/cat/catalog/verifyURLs" class="dropdown-item">
 192             <span class="material-icons">link</span>
 193             <span i18n>Link Checker</span>
 194           </a>
 195           <div class="dropdown-divider"></div>
 196           <a href="/eg/staff/cat/catalog/manageAuthorities" class="dropdown-item">
 197             <span class="material-icons">lock</span>
 198             <span i18n>Manage Authorities</span>
 199           </a>
 200           <a href="/eg/staff/cat/catalog/retrieve_by_authority_id" class="dropdown-item">
 201             <span class="material-icons">collections</span>
 202             <span i18n>Retrieve Authority Record by ID</span>
 203           </a>
 204         </div>
 205       </div>
 206     </div>
 207
 208     <!-- ACQUISITIONS -->
 209
 210     <div class="navbar-nav">
 211       <div ngbDropdown class="nav-item dropdown">
 212         <a ngbDropdownToggle i18n class="nav-link dropdown-toggle">
 213           Acquisitions
 214         </a>
 215         <div class="dropdown-menu" ngbDropdownMenu>
 216           <a class="dropdown-item"
 217             href="/eg/staff/acq/legacy/search/unified">
 218             <span class="material-icons">search</span>
 219             <span i18n>General Search</span>
 220           </a>
 221           <div class="dropdown-divider"></div>
 222           <a class="dropdown-item"
 223             href="/eg/staff/acq/legacy/search/unified?ca=pl">
 224             <span class="material-icons">view_list</span>
 225             <span i18n>My Selection Lists</span>
 226           </a>
 227           <a class="dropdown-item"
 228             href="/eg/staff/acq/legacy/picklist/brief_record">
 229             <span class="material-icons">edit</span>
 230             <span i18n>New Brief Record</span>
 231           </a>
 232           <a class="dropdown-item"
 233             href="/eg/staff/acq/legacy/picklist/user_request">
 234             <span class="material-icons">thumb_up</span>
 235             <span i18n>Patron Requests</span>
 236           </a>
 237           <a class="dropdown-item"
 238             href="/eg/staff/acq/legacy/picklist/bib_search">
 239             <span class="material-icons">cloud_download</span>
 240             <span i18n>MARC Federated Search</span>
 241           </a>
 242           <a class="dropdown-item"
 243             href="/eg/staff/acq/legacy/picklist/from_bib">
 244             <span class="material-icons">trending_down</span>
 245             <span i18n>Load Catalog Record IDs</span>
 246           </a>
 247           <div class="dropdown-divider"></div>
 248           <a class="dropdown-item"
 249             href="/eg/staff/acq/legacy/picklist/upload">
 250             <span class="material-icons">cloud_upload</span>
 251             <span i18n>Load MARC Order Records</span>
 252           </a>
 253           <a class="dropdown-item"
 254             href="/eg/staff/acq/legacy/search/unified?ca=po">
 255             <span class="material-icons">shopping_cart</span>
 256             <span i18n>Purchase Orders</span>
 257           </a>
 258           <a class="dropdown-item" href="/eg/staff/acq/legacy/po/create">
 259             <span class="material-icons">add_shopping_cart</span>
 260             <span i18n>Create Purchase Order</span>
 261           </a>
 262           <div class="dropdown-divider"></div>
 263           <a class="dropdown-item"
 264             href="/eg/staff/acq/legacy/financial/claim_eligible">
 265             <span class="material-icons">contact_phone</span>
 266             <span i18n>Claim-Ready Items</span>
 267           </a>
 268           <a class="dropdown-item"
 269             href="/eg/staff/acq/legacy/search/unified?ca=inv">
 270             <span class="material-icons">attach_money</span>
 271             <span i18n>Open Invoices</span>
 272           </a>
 273           <a class="dropdown-item"
 274             href="/eg/staff/acq/legacy/invoice/view?create=1">
 275             <span class="material-icons">monetization_on</span>
 276             <span i18n>Create Invoice</span>
 277           </a>
 278         </div>
 279       </div>
 280     </div>
 281
 282     <div class="navbar-nav">
 283       <div ngbDropdown class="nav-item dropdown">
 284         <a ngbDropdownToggle i18n class="nav-link dropdown-toggle">
 285           Booking
 286         </a>
 287         <div class="dropdown-menu" ngbDropdownMenu>
 288           <a class="dropdown-item" href="/eg/staff/booking/legacy/booking/reservation">
 289             <span class="material-icons">add</span>
 290             <span i18n>Create Reservations</span>
 291           </a>
 292           <a class="dropdown-item" href="/eg/staff/booking/legacy/booking/pull_list">
 293             <span class="material-icons">list</span>
 294             <span i18n>Pull List</span>
 295           </a>
 296           <a class="dropdown-item" href="/eg/staff/booking/legacy/booking/capture">
 297             <span class="material-icons">pin_drop</span>
 298             <span i18n>Capture Resources</span>
 299           </a>
 300           <a class="dropdown-item" href="/eg/staff/booking/legacy/booking/pickup">
 301             <span class="material-icons">trending_up</span>
 302             <span i18n>Pick Up Reservations</span>
 303           </a>
 304           <a class="dropdown-item" href="/eg/staff/booking/legacy/booking/return">
 305             <span class="material-icons">trending_down</span>
 306             <span i18n>Return Reservations</span>
 307           </a>
 308         </div>
 309       </div>
 310     </div>
 311
 312     <div class="navbar-nav">
 313       <div ngbDropdown class="nav-item dropdown">
 314         <a ngbDropdownToggle i18n class="nav-link dropdown-toggle">
 315           Administration
 316         </a>
 317         <div class="dropdown-menu" ngbDropdownMenu>
 318           <a class="dropdown-item" href="/eg/staff/admin/workstation/index">
 319             <span class="material-icons">computer</span>
 320             <span i18n>Workstation</span>
 321           </a>
 322           <!--
 323           Leaving here as a reminder this UI exists.
 324           <a class="dropdown-item"
 325               routerLink="/staff/admin/workstation/workstations/manage">
 326             <span class="material-icons">computer</span>
 327             <span i18n>Registered Workstations</span>
 328           </a>
 329           -->
 330           <a class="dropdown-item" href="/eg/staff/admin/user_perms">
 331             <span class="material-icons">person</span>
 332             <span i18n>User Permission Editor</span>
 333           </a>
 334           <a class="dropdown-item"
 335               routerLink="/staff/admin/server/splash">
 336             <span class="material-icons">account_balance</span>
 337             <span i18n>Server Administration</span>
 338           </a>
 339           <a class="dropdown-item" href="/eg/staff/admin/local/index">
 340             <span class="material-icons">landscape</span>
 341             <span i18n>Local Administration</span>
 342           </a>
 343           <a class="dropdown-item"
 344               routerLink="/staff/admin/acq/splash">
 345             <span class="material-icons">attach_money</span>
 346             <span i18n>Acquisitions Administration</span>
 347           </a>
 348           <a class="dropdown-item" href="/eg/staff/admin/serials/index">
 349             <span class="material-icons">layers</span>
 350             <span i18n>Serials Administration</span>
 351           </a>
 352           <a class="dropdown-item"
 353               routerLink="/staff/admin/booking/splash">
 354             <span class="material-icons">business_center</span>
 355             <span i18n>Booking Administration</span>
 356           </a>
 357           <a class="dropdown-item" href="/eg/staff/reporter/legacy/main">
 358             <span class="material-icons">insert_chart_outlined</span>
 359             <span i18n>Reports</span>
 360           </a>
 361         </div>
 362       </div>
 363     </div>
 364
 365
 366     <div class="navbar-nav mr-auto"></div>
 367     <div class="navbar-nav" *ngIf="user()">
 368       <span i18n>{{user()}} @ {{workstation()}}</span>
 369     </div>
 370     <div class="navbar-nav" *ngIf="locales.length > 1 && currentLocale">
 371       <div ngbDropdown class="nav-item dropdown" placement="bottom-right">
 372         <a ngbDropdownToggle i18n i18n-title
 373           title="Select Locale"
 374           class="nav-link dropdown-toggle no-caret with-material-icon">
 375           <i class="material-icons">flag</i>
 376           <span>{{currentLocale.name()}}</span>
 377         </a>
 378         <div class="dropdown-menu" ngbDropdownMenu>
 379           <a class="dropdown-item" (click)="setLocale(locale)"
 380             [ngClass]="{disabled: currentLocale.code() == locale.code()}"
 381             *ngFor="let locale of locales">
 382             <span class="material-icons">add_location</span>
 383             <span i18n>{{locale.name()}}</span>
 384           </a>
 385         </div>
 386       </div>
 387     </div>
 388     <div class="navbar-nav" *ngIf="user()">
 389       <div ngbDropdown class="nav-item dropdown" placement="bottom-right">
 390         <a ngbDropdownToggle i18n
 391           i18n-title
 392           title="Log out and more..."
 393           class="nav-link dropdown-toggle no-caret with-material-icon">
 394           <i class="material-icons">list</i>
 395         </a>
 396         <div class="dropdown-menu" ngbDropdownMenu>
 397           <eg-op-change #navOpChange
 398             i18n-failMessage
 399             i18n-successMessage
 400             failMessage="Operator Change Failed"
 401             successMessage="Operator Change Succeeded">
 402           </eg-op-change>
 403           <a class="dropdown-item" *ngIf="!opChangeActive()"
 404             (click)="navOpChange.open()">
 405             <span class="material-icons">transform</span>
 406             <span i18n>Change Operator</span>
 407           </a>
 408           <a *ngIf="opChangeActive()" class="dropdown-item"
 409             (click)="navOpChange.restore()">
 410             <span class="material-icons">transform</span>
 411             <span i18n>Restore Operator</span>
 412           </a>
 413           <a class="dropdown-item" (click)="logout()">
 414             <span class="material-icons">lock_outline</span>
 415             <span i18n>Logout</span>
 416           </a>
 417           <a class="dropdown-item" routerLink="/staff/about">
 418             <span class="material-icons">info_outline</span>
 419             <span i18n>About</span>
 420           </a>
 421         </div>
 422       </div>
 423     </div>
 424   </div>
 425 </div>
 426