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>
  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>
  80             <a href="./circ/checkin/checkin" target="_self"
  81               eg-accesskey="[% l('f2') %]"
  82               eg-accesskey-desc="[% l('Check In') %]">
  83               <span class="glyphicon glyphicon-import"></span>
  84               [% l('Check In') %]
  85             </a>
  86           </li>
  87           <li>
  88             <a href="./circ/checkin/capture" target="_self"
  89               eg-accesskey="[% l('shift+f2') %]"
  90               eg-accesskey-desc="[% l('Capture Holds') %]">
  91               <span class="glyphicon glyphicon-pushpin"></span>
  92               [% l('Capture Holds') %]
  93             </a>
  94           </li>
  95           <li>
  96             <a href="./circ/holds/pull" target="_self">
  97               <span class="glyphicon glyphicon-th-list"></span>
  98               [% l('Pull List for Hold Requests') %]
  99             </a>
 100           </li>
 101           <li>
 102             <a href="./circ/renew/renew" target="_self"
 103               eg-accesskey="[% l('ctrl+f2') %]"
 104               eg-accesskey-desc="[% l('Renew items') %]">
 105               <span class="glyphicon glyphicon-refresh"></span>
 106               [% l('Renew Items') %]
 107             </a>
 108           </li>
 109           <li>
 110             <a href="./circ/patron/register" target="_self"
 111               eg-accesskey="[% l('shift+f1') %]"
 112               eg-accesskey-desc="[% l('Register Patron') %]">
 113               <span class="glyphicon glyphicon-user"></span>
 114               [% l('Register Patron') %]
 115             </a>
 116           </li>
 117           <li>
 118             <a href="./circ/patron/last" target="_self"
 119               eg-accesskey="[% l('f8') %]"
 120               eg-accesskey-desc="[% l('Retrieve Last Patron') %]">
 121               <span class="glyphicon glyphicon-share-alt"></span>
 122               [% l('Retrieve Last Patron') %]
 123             </a>
 124           </li>
 125           <li>
 126             <a href="./circ/patron/pending/list" target="_self">
 127               <span class="glyphicon glyphicon-thumbs-up"></span>
 128               [% l('Pending Patrons') %]
 129             </a>
 130           </li>
 131           <li class="divider"></li>
 132           <li>
 133             <a href="./circ/patron/credentials" target="_self">
 134               <span class="glyphicon glyphicon-ok"></span>
 135               <span>[% l('Verify Credentials') %]</span>
 136             </a>
 137           </li>
 138           <li>
 139             <a href="./circ/in_house_use/index" target="_self"
 140               eg-accesskey="[% l('f6') %]"
 141               eg-accesskey-desc="[% l('Record In-House Use') %]">
 142               <span class="glyphicon glyphicon-pencil"></span>
 143               <span>[% l('Record In-House Use') %]</span>
 144             </a>
 145           </li>
 146           <li>
 147             <a href="./circ/holds/shelf" target="_self">
 148               <span class="glyphicon glyphicon-tasks"></span>
 149               <span>[% l('Holds Shelf') %]</span>
 150             </a>
 151           </li>
 152           <li class="divider"></li>
 153           <li>
 154             <a href="./cat/item/replace_barcode/index" target="_self">
 155               <span class="glyphicon glyphicon-barcode"></span>
 156               <span>[% l('Replace Barcode') %]</span>
 157             </a>
 158           </li>
 159           <li>
 160             <a href="./cat/item/search" target="_self">
 161               <span class="glyphicon glyphicon-saved"></span>
 162               <span>[% l('Item Status') %]</span>
 163             </a>
 164           </li>
 165           <li>
 166             <a href="./cat/item/missing_pieces" target="_self">
 167               <span class="glyphicon glyphicon-th"></span>
 168               <span>[% l('Scan Item as Missing Pieces') %]</span>
 169             </a>
 170           </li>
 171           <li class="divider"></li>
 172           <li>
 173             <a href="" ng-click="reprintLast($event)"
 174               eg-accesskey="[% l('f9') %]"
 175               eg-accesskey-desc="[% l('Reprint Last Receipt') %]">
 176               <span class="glyphicon glyphicon-print"></span>
 177               <span>[% l('Reprint Last Receipt') %]</span>
 178             </a>
 179           </li>
 180         </ul>
 181       </li><!-- circ -->
 182
 183       <!-- cataloging -->
 184       <li class="dropdown" uib-dropdown>
 185         <a href uib-dropdown-toggle>[% l('Cataloging') %]<b class="caret"></b>
 186         </a>
 187         <ul uib-dropdown-menu>
 188           <li>
 189             <a href="./cat/catalog/index" target="_self">
 190               <span class="glyphicon glyphicon-search"></span>
 191               [% l('Search the Catalog') %]
 192             </a>
 193           </li>
 194           <li>
 195             <a href="./cat/bucket/record/view" target="_self">
 196               <span class="glyphicon glyphicon-list-alt"></span>
 197               [% l('Record Buckets') %]
 198             </a>
 199           </li>
 200           <li>
 201             <a href="./cat/bucket/copy/view" target="_self">
 202               <span class="glyphicon glyphicon-list-alt"></span>
 203               [% l('Copy Buckets') %]
 204             </a>
 205           </li>
 206           <li class="divider"></li>
 207           <li>
 208             <a href="./cat/catalog/retrieve_by_id" target="_self">
 209               <span class="glyphicon glyphicon-file"></span>
 210               [% l('Retrieve Bib Record by ID') %]
 211             </a>
 212           </li>
 213           <li>
 214             <a href="./cat/catalog/retrieve_by_tcn" target="_self"
 215               eg-accesskey="[% l('shift+f3') %]"
 216               eg-accesskey-desc="[% l('Retrieve Last Bib Record') %]">
 217               <span class="glyphicon glyphicon-tag"></span>
 218               [% l('Retrieve Bib Record by TCN') %]
 219             </a>
 220           </li>
 221           <li>
 222             <a href="" ng-click="retrieveLastRecord()" target="_self"
 223               eg-accesskey="[% l('shift+f8') %]"
 224               eg-accesskey-desc="[% l('Retrieve Last Bib Record') %]">
 225               <span class="glyphicon glyphicon-share-alt"></span>
 226               [% l('Retrieve Last Bib Record') %]
 227             </a>
 228           </li>
 229           <li class="divider"></li>
 230           <li>
 231             <a href="./cat/catalog/new_bib" target="_self">
 232               <span class="glyphicon glyphicon-plus"></span>
 233               [% l('Create New MARC Record') %]
 234             </a>
 235           </li>
 236           <li>
 237             <a href="./cat/z3950/index" target="_self">
 238               <span class="glyphicon glyphicon-cloud-download"></span>
 239               [% l('Import Record from Z39.50') %]
 240             </a>
 241           </li>
 242           <li>
 243             <a href="./cat/catalog/vandelay" target="_self">
 244               <span class="glyphicon glyphicon-transfer"></span>
 245               [% l('MARC Batch Import/Export') %]
 246             </a>
 247           </li>
 248           <li>
 249             <a href="./cat/catalog/batchEdit" target="_self">
 250               <span class="glyphicon glyphicon-edit"></span>
 251               [% l('MARC Batch Edit') %]
 252             </a>
 253           </li>
 254           <li class="divider"></li>
 255           <li>
 256             <a href="./cat/catalog/verifyURLs" target="_self">
 257               <span class="glyphicon glyphicon-link"></span>
 258               [% l('Link Checker') %]
 259             </a>
 260           </li>
 261           <li class="divider"></li>
 262           <li>
 263             <a href="./cat/catalog/manageAuthorities" target="_self">
 264               <span class="glyphicon glyphicon-lock"></span>
 265               [% l('Manage Authorities') %]
 266             </a>
 267           </li>
 268        </ul>
 269       </li>
 270
 271       <!-- acquisitions -->
 272       <li class="dropdown" uib-dropdown>
 273         <a href uib-dropdown-toggle>[% l('Acquisitions') %]<b class="caret"></b>
 274         </a>
 275         <ul uib-dropdown-menu>
 276           <li>
 277             <a href="./acq/legacy/search/unified" target="_self">
 278               <span class="glyphicon glyphicon-search"></span>
 279               [% l('General Search') %]
 280             </a>
 281           </li>
 282           <li class="divider"></li>
 283           <li>
 284             <a href="./acq/legacy/search/unified?ca=pl" target="_self">
 285               <span class="glyphicon glyphicon-list"></span>
 286               [% l('My Selection Lists') %]
 287             </a>
 288           </li>
 289           <li>
 290             <a href="./acq/legacy/picklist/brief_record" target="_self">
 291               <span class="glyphicon glyphicon-pencil"></span>
 292               [% l('New Brief Record') %]
 293             </a>
 294           </li>
 295           <li>
 296             <a href="./acq/legacy/picklist/user_request" target="_self">
 297               <span class="glyphicon glyphicon-thumbs-up"></span>
 298               [% l('Patron Requests') %]
 299             </a>
 300           </li>
 301           <li>
 302             <a href="./acq/legacy/picklist/bib_search" target="_self">
 303               <span class="glyphicon glyphicon-cloud-download"></span>
 304               [% l('MARC Federated Search') %]
 305             </a>
 306           </li>
 307           <li>
 308             <a href="./acq/legacy/picklist/from_bib" target="_self">
 309               <span class="glyphicon glyphicon-import"></span>
 310               [% l('Load Catalog Record IDs') %]
 311             </a>
 312           </li>
 313           <li class="divider"></li>
 314           <li>
 315             <a href="./acq/legacy/picklist/upload" target="_self">
 316               <span class="glyphicon glyphicon-cloud-upload"></span>
 317               [% l('Load MARC Order Records') %]
 318             </a>
 319           </li>
 320           <li>
 321             <a href="./acq/legacy/search/unified?ca=po" target="_self">
 322               <span class="glyphicon glyphicon-shopping-cart"></span>
 323               [% l('Purchase Orders') %]
 324             </a>
 325           </li>
 326           <li>
 327             <a href="./acq/legacy/po/create" target="_self">
 328               <span class="glyphicon glyphicon-plus"></span>
 329               [% l('Create Purchase Order') %]
 330             </a>
 331           </li>
 332           <li class="divider"></li>
 333           <li>
 334             <a href="./acq/legacy/financial/claim_eligible" target="_self">
 335               <span class="glyphicon glyphicon-question-sign"></span>
 336               [% l('Claim-Ready Items') %]
 337             </a>
 338           </li>
 339           <li>
 340             <a href="./acq/legacy/search/unified?ca=inv" target="_self">
 341               <span class="glyphicon glyphicon-usd"></span>
 342               [% l('Open Invoices') %]
 343             </a>
 344           </li>
 345           <li>
 346             <a href="./acq/legacy/invoice/view?create=1" target="_self">
 347               <span class="glyphicon glyphicon-credit-card"></span>
 348               [% l('Create Invoice') %]
 349             </a>
 350           </li>
 351        </ul>
 352       </li>
 353
 354       <!-- booking -->
 355       <li class="dropdown" uib-dropdown>
 356         <a href uib-dropdown-toggle>[% l('Booking') %]<b class="caret"></b>
 357         </a>
 358         <ul uib-dropdown-menu>
 359           <li>
 360             <a href="./booking/legacy/booking/reservation" target="_self">
 361               <span class="glyphicon glyphicon-plus"></span>
 362               [% l('Create Reservations') %]
 363             </a>
 364           </li>
 365           <li>
 366             <a href="./booking/legacy/booking/pull_list" target="_self">
 367               <span class="glyphicon glyphicon-th-list"></span>
 368               [% l('Pull List') %]
 369             </a>
 370           </li>
 371           <li>
 372             <a href="./booking/legacy/booking/capture" target="_self">
 373               <span class="glyphicon glyphicon-pushpin"></span>
 374               [% l('Capture Resources') %]
 375             </a>
 376           </li>
 377           <li>
 378             <a href="./booking/legacy/booking/pickup" target="_self">
 379               <span class="glyphicon glyphicon-export"></span>
 380               [% l('Pick Up Reservations') %]
 381             </a>
 382           </li>
 383           <li>
 384             <a href="./booking/legacy/booking/return" target="_self">
 385               <span class="glyphicon glyphicon-import"></span>
 386               [% l('Return Reservations') %]
 387             </a>
 388           </li>
 389         </ul>
 390       </li>
 391
 392       <!-- admin -->
 393       <li class="dropdown" uib-dropdown>
 394         <a href uib-dropdown-toggle>[% l('Administration') %]<b class="caret"></b></a>
 395         <ul uib-dropdown-menu>
 396           <li>
 397             <a href="./admin/workstation/index" target="_self">
 398               <span class="glyphicon glyphicon-hdd"></span>
 399               [% l('Workstation') %]
 400             </a>
 401           </li>
 402           <li>
 403             <a href="./admin/user_perms" target="_self">
 404               <span class="glyphicon glyphicon-user"></span>
 405               [% l('User Permission Editor') %]
 406             </a>
 407           </li>
 408           <li>
 409             <a href="./admin/server/index" target="_self">
 410               <span class="glyphicon glyphicon-briefcase"></span>
 411               [% l('Server Administration') %]
 412             </a>
 413           </li>
 414           <li>
 415             <a href="./admin/local/index" target="_self">
 416               <span class="glyphicon glyphicon-picture"></span>
 417               [% l('Local Administration') %]
 418             </a>
 419           </li>
 420           <li>
 421             <a href="./admin/acq/index" target="_self">
 422               <span class="glyphicon glyphicon-usd"></span>
 423               [% l('Acquisitions Administration') %]
 424             </a>
 425           </li>
 426           <li>
 427             <a href="./admin/booking/index" target="_self">
 428               <span class="glyphicon glyphicon-calendar"></span>
 429               [% l('Booking Administration') %]
 430             </a>
 431           </li>
 432           <li>
 433             <a href="./reporter/legacy/main" target="_self">
 434               <span class="glyphicon glyphicon-object-align-bottom"></span>
 435               [% l('Reports') %]
 436             </a>
 437           </li>
 438         </ul> <!-- admin dropdown -->
 439       </li>
 440     </ul> <!-- end left side entries -->
 441
 442     <!-- entries along the right side of the navbar -->
 443     <ul class="nav navbar-nav navbar-right" style='margin-right: 6px;'>
 444       <li>
 445         <a ng-cloak ng-show="username" title="{{currentToken()}}"
 446           ng-init="workstation = '[% l('<no workstation>') %]'">
 447             [% l('{{username}} @ {{workstation}}') %]
 448         </a>
 449       </li>
 450
 451       <!-- locale selector.
 452         only shown if multiple locales are registered -->
 453       [% IF ctx.locales.keys.size > 1 %]
 454       <li class="dropdown" uib-dropdown>
 455         <a href uib-dropdown-toggle>
 456           [% lcl = ctx.locale;  ctx.locales.$lcl %]
 457           <span class="glyphicon glyphicon-flag"></span>
 458         </a>
 459         <ul uib-dropdown-menu>
 460         [% FOR locale IN ctx.locales.keys.sort %]
 461           <!-- disable the selected locale -->
 462           <li ng-class="{disabled : '[% ctx.locale %]'=='[% locale %]'}">
 463             <a href="" ng-click="applyLocale('[% locale %]')">
 464                 [% ctx.locales.$locale %]
 465             </a>
 466           </li>
 467         [% END %]
 468         </ul>
 469       </li>
 470       [% END %]
 471
 472       <li class="dropdown" ng-show="username" uib-dropdown>
 473         <a href class="glyphicon glyphicon-list"
 474           uib-dropdown-toggle></a>
 475         <ul uib-dropdown-menu>
 476           <li ng-if="!op_changed">
 477             <a href="" ng-click="changeOperator()">
 478               <span class="glyphicon glyphicon-random"></span>
 479               [% l('Change Operator') %]
 480             </a>
 481           </li>
 482           <li ng-if="op_changed">
 483             <a href="" ng-click="changeOperatorUndo()">
 484               <span class="glyphicon glyphicon-random"></span>
 485               [% l('Restore Operator') %]
 486             </a>
 487           </li>
 488           <li>
 489             <a href="./login" ng-click="logout()" target="_self">
 490               <span class="glyphicon glyphicon-log-out"></span>
 491               [% l('Log Out') %]
 492             </a>
 493           </li>
 494           <li class="divider"></li>
 495           <li class="disabled">
 496             <a href disabled="disabled">
 497               <span
 498                 title="[% l('Hatch Connection Status') %]"
 499                 class="glyphicon glyphicon-transfer"
 500                 ng-class="{'connect-status-ok' : hatchConnected()}">
 501               </span>
 502               [% l('Hatch') %]
 503             </a>
 504           </li>
 505         </ul>
 506       </li>
 507     </ul>
 508   </div>
 509 </div>
 510
 511