Open-ILS/src/templates/staff/navbar.tt2

   1 <!--
   2   main navigation bar
   3
   4   note the use of target="_self" for navigation links.
   5   this tells angular to treat the href as a new page
   6   and not an intra-app route.  This is necessary when
   7   moving between applications.
   8
   9   For icons, see http://getbootstrap.com/components/#glyphicons
  10 -->
  11
  12 <div id="top-navbar" role="navigation"
  13   class="navbar navbar-default navbar-fixed-top" role="navigation">
  14
  15   <!-- navbar-header here needed for supporting angular-ui-bootstrap -->
  16   <div class="navbar-header">
  17     <button type="button" class="navbar-toggle"
  18         ng-init="navCollapsed = true" ng-click="navCollapsed = !navCollapsed">
  19       <span class="sr-only">[% l('Toggle navigation') %]</span>
  20       <span class="icon-bar"></span>
  21       <span class="icon-bar"></span>
  22       <span class="icon-bar"></span>
  23     </button>
  24   </div>
  25
  26   <div class="navbar-collapse collapse" ng-class="!navCollapsed && 'in'">
  27     <ul class="nav navbar-nav">
  28       <li><a href='./' title="[% l('Home') %]" target="_self"
  29         class="glyphicon glyphicon-home"></a><li>
  30
  31       <!-- search -->
  32       <li class="dropdown" uib-dropdown>
  33         <a href uib-dropdown-toggle>[% l('Search') %]
  34           <b class="caret"></b>
  35         </a>
  36         <ul uib-dropdown-menu>
  37           <li>
  38             <a href="./circ/patron/search" target="_self"
  39               eg-accesskey="[% l('alt+s') %] [% l('f4') %]"
  40               eg-accesskey-desc="[% l('Patron search by name, address, etc.') %]">
  41               <span class="glyphicon glyphicon-user"></span>
  42               <span eg-accesskey-label>[% l('Search for Patrons') %]</span>
  43             </a>
  44           </li>
  45           <li>
  46             <a href="./cat/item/search" target="_self"
  47               eg-accesskey="[% l('f5') %]"
  48               eg-accesskey-desc="[% l('Item Status') %]">
  49               <span class="glyphicon glyphicon-barcode"></span>
  50               <span>[% l('Search for Copies by Barcode') %]</span>
  51             </a>
  52           </li>
  53           <li>
  54             <a href="./cat/catalog/index" target="_self"
  55               eg-accesskey="[% l('f3') %]"
  56               eg-accesskey-desc="[% l('OPAC') %]">
  57               <span class="glyphicon glyphicon-search"></span>
  58               <span>[% l('Search the Catalog') %]</span>
  59             </a>
  60           </li>
  61         </ul>
  62       </li>
  63
  64
  65       <!-- circulation -->
  66       <li class="dropdown" uib-dropdown>
  67         <a href uib-dropdown-toggle>[% l('Circulation') %]<b class="caret"></b>
  68         </a>
  69
  70         <ul uib-dropdown-menu>
  71           <li ng-if="username">
  72             <a href="./circ/patron/bcsearch" target="_self"
  73               eg-accesskey="[% l('f1') %]"
  74               eg-accesskey-desc="[% l('Check Out') %]">
  75               <span class="glyphicon glyphicon-export"></span>
  76               [% l('Check Out') %]
  77             </a>
  78           </li>
  79           <li ng-if="!username">
  80             <a href="" ng-click="rs.active_tab('checkout')" target="_self"
  81               eg-accesskey="[% l('f1') %]"
  82               eg-accesskey-desc="[% l('Check Out') %]">
  83               <span class="glyphicon glyphicon-export"></span>
  84               [% l('Check Out') %]
  85             </a>
  86           </li>
  87           <li ng-if="username">
  88             <a href="./circ/checkin/checkin" target="_self"
  89               eg-accesskey="[% l('f2') %]"
  90               eg-accesskey-desc="[% l('Check In') %]">
  91               <span class="glyphicon glyphicon-import"></span>
  92               [% l('Check In') %]
  93             </a>
  94           </li>
  95           <li ng-if="!username">
  96             <a href="" ng-click="rs.active_tab('checkin')" target="_self"
  97               eg-accesskey="[% l('f2') %]"
  98               eg-accesskey-desc="[% l('Check In') %]">
  99               <span class="glyphicon glyphicon-import"></span>
 100               [% l('Check In') %]
 101             </a>
 102           </li>
 103           <li>
 104             <a href="./circ/checkin/capture" target="_self"
 105               eg-accesskey="[% l('shift+f2') %]"
 106               eg-accesskey-desc="[% l('Capture Holds') %]">
 107               <span class="glyphicon glyphicon-pushpin"></span>
 108               [% l('Capture Holds') %]
 109             </a>
 110           </li>
 111           <li>
 112             <a href="./circ/holds/pull" target="_self">
 113               <span class="glyphicon glyphicon-th-list"></span>
 114               [% l('Pull List for Hold Requests') %]
 115             </a>
 116           </li>
 117           <li ng-if="username">
 118             <a href="./circ/renew/renew" target="_self"
 119               eg-accesskey="[% l('ctrl+f2') %]"
 120               eg-accesskey-desc="[% l('Renew items') %]">
 121               <span class="glyphicon glyphicon-refresh"></span>
 122               [% l('Renew Items') %]
 123             </a>
 124           </li>
 125           <li ng-if="!username">
 126             <a href="" ng-click="rs.active_tab('renew')" target="_self"
 127               eg-accesskey="[% l('ctrl+f2') %]"
 128               eg-accesskey-desc="[% l('Renew items') %]">
 129               <span class="glyphicon glyphicon-refresh"></span>
 130               [% l('Renew Items') %]
 131             </a>
 132           </li>
 133           <li ng-if="username">
 134             <a href="./circ/patron/register" target="_self"
 135               eg-accesskey="[% l('shift+f1') %]"
 136               eg-accesskey-desc="[% l('Register Patron') %]">
 137               <span class="glyphicon glyphicon-user"></span>
 138               [% l('Register Patron') %]
 139             </a>
 140           </li>
 141           <li ng-if="!username">
 142             <a href="" ng-click="rs.active_tab('register')" target="_self"
 143               eg-accesskey="[% l('shift+f1') %]"
 144               eg-accesskey-desc="[% l('Register Patron') %]">
 145               <span class="glyphicon glyphicon-user"></span>
 146               [% l('Register Patron') %]
 147             </a>
 148           </li>
 149           <li>
 150             <a href="./circ/patron/last" target="_self"
 151               eg-accesskey="[% l('f8') %]"
 152               eg-accesskey-desc="[% l('Retrieve Last Patron') %]">
 153               <span class="glyphicon glyphicon-share-alt"></span>
 154               [% l('Retrieve Last Patron') %]
 155             </a>
 156           </li>
 157           <li>
 158             <a href="./circ/patron/pending/list" target="_self">
 159               <span class="glyphicon glyphicon-thumbs-up"></span>
 160               [% l('Pending Patrons') %]
 161             </a>
 162           </li>
 163           <li>
 164             <a href="./circ/patron/bucket/view" target="_self">
 165               <span class="glyphicon glyphicon-list-alt"></span>
 166               [% l('User Buckets') %]
 167             </a>
 168           </li>
 169           <li class="divider"></li>
 170           <li>
 171             <a href="./circ/patron/credentials" target="_self">
 172               <span class="glyphicon glyphicon-ok"></span>
 173               <span>[% l('Verify Credentials') %]</span>
 174             </a>
 175           </li>
 176           <li ng-if="username">
 177             <a href="./circ/in_house_use/index" target="_self"
 178               eg-accesskey="[% l('f6') %]"
 179               eg-accesskey-desc="[% l('Record In-House Use') %]">
 180               <span class="glyphicon glyphicon-pencil"></span>
 181               <span>[% l('Record In-House Use') %]</span>
 182             </a>
 183           </li>
 184           <li ng-if="!username">
 185             <a href="" ng-click="rs.active_tab('in_house_use')" target="_self"
 186               eg-accesskey="[% l('f6') %]"
 187               eg-accesskey-desc="[% l('Record In-House Use') %]">
 188               <span class="glyphicon glyphicon-pencil"></span>
 189               <span>[% l('Record In-House Use') %]</span>
 190             </a>
 191           </li>
 192           <li>
 193             <a href="./circ/holds/shelf" target="_self">
 194               <span class="glyphicon glyphicon-tasks"></span>
 195               <span>[% l('Holds Shelf') %]</span>
 196             </a>
 197           </li>
 198           <li class="divider"></li>
 199           <li>
 200             <a href="./cat/item/replace_barcode/index" target="_self">
 201               <span class="glyphicon glyphicon-barcode"></span>
 202               <span>[% l('Replace Barcode') %]</span>
 203             </a>
 204           </li>
 205           <li>
 206             <a href="./cat/item/search" target="_self">
 207               <span class="glyphicon glyphicon-saved"></span>
 208               <span>[% l('Item Status') %]</span>
 209             </a>
 210           </li>
 211           <li>
 212             <a href="./cat/item/missing_pieces" target="_self">
 213               <span class="glyphicon glyphicon-th"></span>
 214               <span>[% l('Scan Item as Missing Pieces') %]</span>
 215             </a>
 216           </li>
 217           <li class="divider"></li>
 218           <li>
 219             <a href="" ng-click="reprintLast($event)"
 220               eg-accesskey="[% l('f9') %]"
 221               eg-accesskey-desc="[% l('Reprint Last Receipt') %]">
 222               <span class="glyphicon glyphicon-print"></span>
 223               <span>[% l('Reprint Last Receipt') %]</span>
 224             </a>
 225           </li>
 226           <li class="divider"></li>
 227           <li>
 228             <a href="./offline-interface/session" target="_self">
 229               <span class="glyphicon glyphicon-alert"></span>
 230               <span>[% l('Offline Circulation') %]</span>
 231             </a>
 232           </li>
 233         </ul>
 234       </li><!-- circ -->
 235
 236       <!-- cataloging -->
 237       <li class="dropdown" uib-dropdown>
 238         <a href uib-dropdown-toggle>[% l('Cataloging') %]<b class="caret"></b>
 239         </a>
 240         <ul uib-dropdown-menu>
 241           <li>
 242             <a href="./cat/catalog/index" target="_self">
 243               <span class="glyphicon glyphicon-search"></span>
 244               [% l('Search the Catalog') %]
 245             </a>
 246           </li>
 247           <li>
 248             <a href="./cat/bucket/record/view" target="_self">
 249               <span class="glyphicon glyphicon-list-alt"></span>
 250               [% l('Record Buckets') %]
 251             </a>
 252           </li>
 253           <li>
 254             <a href="./cat/bucket/copy/view" target="_self">
 255               <span class="glyphicon glyphicon-list-alt"></span>
 256               [% l('Copy Buckets') %]
 257             </a>
 258           </li>
 259           <li class="divider"></li>
 260           <li>
 261             <a href="./cat/catalog/retrieve_by_id" target="_self">
 262               <span class="glyphicon glyphicon-file"></span>
 263               [% l('Retrieve Bib Record by ID') %]
 264             </a>
 265           </li>
 266           <li>
 267             <a href="./cat/catalog/retrieve_by_tcn" target="_self"
 268               eg-accesskey="[% l('shift+f3') %]"
 269               eg-accesskey-desc="[% l('Retrieve Last Bib Record') %]">
 270               <span class="glyphicon glyphicon-tag"></span>
 271               [% l('Retrieve Bib Record by TCN') %]
 272             </a>
 273           </li>
 274           <li>
 275             <a href="" ng-click="retrieveLastRecord()" target="_self"
 276               eg-accesskey="[% l('shift+f8') %]"
 277               eg-accesskey-desc="[% l('Retrieve Last Bib Record') %]">
 278               <span class="glyphicon glyphicon-share-alt"></span>
 279               [% l('Retrieve Last Bib Record') %]
 280             </a>
 281           </li>
 282           <li class="divider"></li>
 283           <li>
 284             <a href="./cat/catalog/new_bib" target="_self">
 285               <span class="glyphicon glyphicon-plus"></span>
 286               [% l('Create New MARC Record') %]
 287             </a>
 288           </li>
 289           <li>
 290             <a href="./cat/z3950/index" target="_self">
 291               <span class="glyphicon glyphicon-cloud-download"></span>
 292               [% l('Import Record from Z39.50') %]
 293             </a>
 294           </li>
 295           <li>
 296             <a href="./cat/catalog/vandelay" target="_self">
 297               <span class="glyphicon glyphicon-transfer"></span>
 298               [% l('MARC Batch Import/Export') %]
 299             </a>
 300           </li>
 301           <li>
 302             <a href="./cat/catalog/batchEdit" target="_self">
 303               <span class="glyphicon glyphicon-edit"></span>
 304               [% l('MARC Batch Edit') %]
 305             </a>
 306           </li>
 307           <li class="divider"></li>
 308           <li>
 309             <a href="./cat/catalog/verifyURLs" target="_self">
 310               <span class="glyphicon glyphicon-link"></span>
 311               [% l('Link Checker') %]
 312             </a>
 313           </li>
 314           <li class="divider"></li>
 315           <li>
 316             <a href="./cat/catalog/manageAuthorities" target="_self">
 317               <span class="glyphicon glyphicon-lock"></span>
 318               [% l('Manage Authorities') %]
 319             </a>
 320           </li>
 321        </ul>
 322       </li>
 323
 324       <!-- acquisitions -->
 325       <li class="dropdown" uib-dropdown>
 326         <a href uib-dropdown-toggle>[% l('Acquisitions') %]<b class="caret"></b>
 327         </a>
 328         <ul uib-dropdown-menu>
 329           <li>
 330             <a href="./acq/legacy/search/unified" target="_self">
 331               <span class="glyphicon glyphicon-search"></span>
 332               [% l('General Search') %]
 333             </a>
 334           </li>
 335           <li class="divider"></li>
 336           <li>
 337             <a href="./acq/legacy/search/unified?ca=pl" target="_self">
 338               <span class="glyphicon glyphicon-list"></span>
 339               [% l('My Selection Lists') %]
 340             </a>
 341           </li>
 342           <li>
 343             <a href="./acq/legacy/picklist/brief_record" target="_self">
 344               <span class="glyphicon glyphicon-pencil"></span>
 345               [% l('New Brief Record') %]
 346             </a>
 347           </li>
 348           <li>
 349             <a href="./acq/legacy/picklist/user_request" target="_self">
 350               <span class="glyphicon glyphicon-thumbs-up"></span>
 351               [% l('Patron Requests') %]
 352             </a>
 353           </li>
 354           <li>
 355             <a href="./acq/legacy/picklist/bib_search" target="_self">
 356               <span class="glyphicon glyphicon-cloud-download"></span>
 357               [% l('MARC Federated Search') %]
 358             </a>
 359           </li>
 360           <li>
 361             <a href="./acq/legacy/picklist/from_bib" target="_self">
 362               <span class="glyphicon glyphicon-import"></span>
 363               [% l('Load Catalog Record IDs') %]
 364             </a>
 365           </li>
 366           <li class="divider"></li>
 367           <li>
 368             <a href="./acq/legacy/picklist/upload" target="_self">
 369               <span class="glyphicon glyphicon-cloud-upload"></span>
 370               [% l('Load MARC Order Records') %]
 371             </a>
 372           </li>
 373           <li>
 374             <a href="./acq/legacy/search/unified?ca=po" target="_self">
 375               <span class="glyphicon glyphicon-shopping-cart"></span>
 376               [% l('Purchase Orders') %]
 377             </a>
 378           </li>
 379           <li>
 380             <a href="./acq/legacy/po/create" target="_self">
 381               <span class="glyphicon glyphicon-plus"></span>
 382               [% l('Create Purchase Order') %]
 383             </a>
 384           </li>
 385           <li class="divider"></li>
 386           <li>
 387             <a href="./acq/legacy/financial/claim_eligible" target="_self">
 388               <span class="glyphicon glyphicon-question-sign"></span>
 389               [% l('Claim-Ready Items') %]
 390             </a>
 391           </li>
 392           <li>
 393             <a href="./acq/legacy/search/unified?ca=inv" target="_self">
 394               <span class="glyphicon glyphicon-usd"></span>
 395               [% l('Open Invoices') %]
 396             </a>
 397           </li>
 398           <li>
 399             <a href="./acq/legacy/invoice/view?create=1" target="_self">
 400               <span class="glyphicon glyphicon-credit-card"></span>
 401               [% l('Create Invoice') %]
 402             </a>
 403           </li>
 404        </ul>
 405       </li>
 406
 407       <!-- booking -->
 408       <li class="dropdown" uib-dropdown>
 409         <a href uib-dropdown-toggle>[% l('Booking') %]<b class="caret"></b>
 410         </a>
 411         <ul uib-dropdown-menu>
 412           <li>
 413             <a href="./booking/legacy/booking/reservation" target="_self">
 414               <span class="glyphicon glyphicon-plus"></span>
 415               [% l('Create Reservations') %]
 416             </a>
 417           </li>
 418           <li>
 419             <a href="./booking/legacy/booking/pull_list" target="_self">
 420               <span class="glyphicon glyphicon-th-list"></span>
 421               [% l('Pull List') %]
 422             </a>
 423           </li>
 424           <li>
 425             <a href="./booking/legacy/booking/capture" target="_self">
 426               <span class="glyphicon glyphicon-pushpin"></span>
 427               [% l('Capture Resources') %]
 428             </a>
 429           </li>
 430           <li>
 431             <a href="./booking/legacy/booking/pickup" target="_self">
 432               <span class="glyphicon glyphicon-export"></span>
 433               [% l('Pick Up Reservations') %]
 434             </a>
 435           </li>
 436           <li>
 437             <a href="./booking/legacy/booking/return" target="_self">
 438               <span class="glyphicon glyphicon-import"></span>
 439               [% l('Return Reservations') %]
 440             </a>
 441           </li>
 442         </ul>
 443       </li>
 444
 445       <!-- admin -->
 446       <li class="dropdown" uib-dropdown>
 447         <a href uib-dropdown-toggle>[% l('Administration') %]<b class="caret"></b></a>
 448         <ul uib-dropdown-menu>
 449           <li>
 450             <a href="./admin/workstation/index" target="_self">
 451               <span class="glyphicon glyphicon-hdd"></span>
 452               [% l('Workstation') %]
 453             </a>
 454           </li>
 455           <li>
 456             <a href="./admin/user_perms" target="_self">
 457               <span class="glyphicon glyphicon-user"></span>
 458               [% l('User Permission Editor') %]
 459             </a>
 460           </li>
 461           <li>
 462             <a href="./admin/server/index" target="_self">
 463               <span class="glyphicon glyphicon-briefcase"></span>
 464               [% l('Server Administration') %]
 465             </a>
 466           </li>
 467           <li>
 468             <a href="./admin/local/index" target="_self">
 469               <span class="glyphicon glyphicon-picture"></span>
 470               [% l('Local Administration') %]
 471             </a>
 472           </li>
 473           <li>
 474             <a href="./admin/acq/index" target="_self">
 475               <span class="glyphicon glyphicon-usd"></span>
 476               [% l('Acquisitions Administration') %]
 477             </a>
 478           </li>
 479           <li>
 480             <a href="./admin/booking/index" target="_self">
 481               <span class="glyphicon glyphicon-calendar"></span>
 482               [% l('Booking Administration') %]
 483             </a>
 484           </li>
 485           <li>
 486             <a href="./reporter/legacy/main" target="_self">
 487               <span class="glyphicon glyphicon-object-align-bottom"></span>
 488               [% l('Reports') %]
 489             </a>
 490           </li>
 491         </ul> <!-- admin dropdown -->
 492       </li>
 493     </ul> <!-- end left side entries -->
 494
 495     <!-- entries along the right side of the navbar -->
 496     <ul class="nav navbar-nav navbar-right" style='margin-right: 6px;'>
 497       <li>
 498         <a ng-cloak ng-show="username" title="{{currentToken()}}"
 499           ng-init="workstation = '[% l('<no workstation>') %]'">
 500             [% l('{{username}} @ {{workstation}}') %]
 501         </a>
 502       </li>
 503
 504       <!-- locale selector.
 505         only shown if multiple locales are registered -->
 506       [% IF ctx.locales.keys.size > 1 %]
 507       <li class="dropdown" uib-dropdown>
 508         <a href uib-dropdown-toggle>
 509           [% lcl = ctx.locale;  ctx.locales.$lcl %]
 510           <span class="glyphicon glyphicon-flag"></span>
 511         </a>
 512         <ul uib-dropdown-menu>
 513         [% FOR locale IN ctx.locales.keys.sort %]
 514           <!-- disable the selected locale -->
 515           <li ng-class="{disabled : '[% ctx.locale %]'=='[% locale %]'}">
 516             <a href="" ng-click="applyLocale('[% locale %]')">
 517                 [% ctx.locales.$locale %]
 518             </a>
 519           </li>
 520         [% END %]
 521         </ul>
 522       </li>
 523       [% END %]
 524
 525       <li class="dropdown" ng-show="username" uib-dropdown>
 526         <a href class="glyphicon glyphicon-list"
 527           uib-dropdown-toggle></a>
 528         <ul uib-dropdown-menu>
 529           <li ng-if="!op_changed">
 530             <a href="" ng-click="changeOperator()">
 531               <span class="glyphicon glyphicon-random"></span>
 532               [% l('Change Operator') %]
 533             </a>
 534           </li>
 535           <li ng-if="op_changed">
 536             <a href="" ng-click="changeOperatorUndo()">
 537               <span class="glyphicon glyphicon-random"></span>
 538               [% l('Restore Operator') %]
 539             </a>
 540           </li>
 541           <li>
 542             <a href="./login" ng-click="logout()" target="_self">
 543               <span class="glyphicon glyphicon-log-out"></span>
 544               [% l('Log Out') %]
 545             </a>
 546           </li>
 547           <li class="divider"></li>
 548           <li class="disabled">
 549             <a href disabled="disabled">
 550               <span
 551                 title="[% l('Hatch Connection Status') %]"
 552                 class="glyphicon glyphicon-transfer"
 553                 ng-class="{'connect-status-ok' : hatchConnected()}">
 554               </span>
 555               [% l('Hatch') %]
 556             </a>
 557           </li>
 558         </ul>
 559       </li>
 560     </ul>
 561   </div>
 562 </div>
 563
 564