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