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">
  33         <a href="javascript:;" class="dropdown-toggle"
  34           data-toggle="dropdown">[% l('Search') %]
  35           <b class="caret"></b>
  36         </a>
  37         <ul class="dropdown-menu">
  38           <li>
  39             <a href="./circ/patron/search" target="_self"
  40               eg-accesskey="[% l('alt+s') %]"
  41               eg-accesskey-desc="[% l('Patron search by name, address, etc.') %]">
  42               <span class="glyphicon glyphicon-user"></span>
  43               <span eg-accesskey-label>[% l('Search for Patrons') %]</span>
  44             </a>
  45           </li>
  46           <li>
  47             <a href="./cat/item/search" target="_self"
  48               eg-accesskey="[% l('f5') %]"
  49               eg-accesskey-desc="[% l('Item Status') %]">
  50               <span class="glyphicon glyphicon-barcode"></span>
  51               <span>[% l('Search for Copies by Barcode') %]</span>
  52             </a>
  53           </li>
  54           <li>
  55             <a href="./cat/catalog/index" target="_self"
  56               eg-accesskey="[% l('f3') %]"
  57               eg-accesskey-desc="[% l('OPAC') %]">
  58               <span class="glyphicon glyphicon-search"></span>
  59               <span>[% l('Search the Catalog') %]</span>
  60             </a>
  61           </li>
  62         </ul>
  63       </li>
  64
  65
  66       <!-- circulation -->
  67       <li class="dropdown">
  68         <a href="javascript:;" class="dropdown-toggle"
  69           data-toggle="dropdown">[% l('Circulation') %]
  70           <b class="caret"></b>
  71         </a>
  72
  73         <ul class="dropdown-menu">
  74           <li>
  75             <a href="./circ/patron/bcsearch" target="_self"
  76               eg-accesskey="[% l('f1') %]"
  77               eg-accesskey-desc="[% l('Check Out') %]">
  78               <span class="glyphicon glyphicon-export"></span>
  79               [% l('Check Out') %]
  80             </a>
  81           </li>
  82           <li>
  83             <a href="./circ/checkin/checkin" target="_self"
  84               eg-accesskey="[% l('f2') %]"
  85               eg-accesskey-desc="[% l('Check In') %]">
  86               <span class="glyphicon glyphicon-import"></span>
  87               [% l('Check In') %]
  88             </a>
  89           </li>
  90           <li>
  91             <a href="./circ/checkin/capture" target="_self"
  92               eg-accesskey="[% l('shift+f2') %]"
  93               eg-accesskey-desc="[% l('Capture Holds') %]">
  94               <span class="glyphicon glyphicon-pushpin"></span>
  95               [% l('Capture Holds') %]
  96             </a>
  97           </li>
  98           <li>
  99             <a href="./circ/holds/pull" target="_self">
 100               <span class="glyphicon glyphicon-th-list"></span>
 101               [% l('Pull List for Hold Requests') %]
 102             </a>
 103           </li>
 104           <li>
 105             <a href="./circ/renew/renew" target="_self">
 106               <span class="glyphicon glyphicon-refresh"></span>
 107               [% l('Renew Items') %]
 108             </a>
 109           </li>
 110           <li>
 111             <a href="./circ/patron/register" target="_self"
 112               eg-accesskey="[% l('shift+f1') %]"
 113               eg-accesskey-desc="[% l('Register Patron') %]">
 114               <span class="glyphicon glyphicon-user"></span>
 115               [% l('Register Patron') %]
 116             </a>
 117           </li>
 118           <li>
 119             <a href="./circ/patron/last" target="_self"
 120               eg-accesskey="[% l('f8') %]"
 121               eg-accesskey-desc="[% l('Retrieve Last Patron') %]">
 122               <span class="glyphicon glyphicon-share-alt"></span>
 123               [% l('Retrieve Last Patron') %]
 124             </a>
 125           </li>
 126           <li>
 127             <a href="./circ/patron/pending/list" target="_self">
 128               <span class="glyphicon glyphicon-thumbs-up"></span>
 129               [% l('Pending Patrons') %]
 130             </a>
 131           </li>
 132           <li class="divider"></li>
 133           <li>
 134             <a href="./circ/patron/credentials" target="_self">
 135               <span class="glyphicon glyphicon-ok"></span>
 136               <span>[% l('Verify Credentials') %]</span>
 137             </a>
 138           </li>
 139           <li>
 140             <a href="./circ/in_house_use/index" target="_self"
 141               eg-accesskey="[% l('f6') %]"
 142               eg-accesskey-desc="[% l('Record In-House Use') %]">
 143               <span class="glyphicon glyphicon-pencil"></span>
 144               <span>[% l('Record In-House Use') %]</span>
 145             </a>
 146           </li>
 147           <li>
 148             <a href="./circ/holds/shelf" target="_self">
 149               <span class="glyphicon glyphicon-tasks"></span>
 150               <span>[% l('Holds Shelf') %]</span>
 151             </a>
 152           </li>
 153           <li class="divider"></li>
 154           <li>
 155             <a href="./cat/item/replace_barcode/index" target="_self">
 156               <span class="glyphicon glyphicon-barcode"></span>
 157               <span>[% l('Replace Barcode') %]</span>
 158             </a>
 159           </li>
 160           <li>
 161             <a href="./cat/item/search" target="_self">
 162               <span class="glyphicon glyphicon-saved"></span>
 163               <span>[% l('Item Status') %]</span>
 164             </a>
 165           </li>
 166           <li>
 167             <a href="./cat/item/missing_pieces" target="_self">
 168               <span class="glyphicon glyphicon-th"></span>
 169               <span>[% l('Scan Item as Missing Pieces') %]</span>
 170             </a>
 171           </li>
 172         </ul>
 173       </li><!-- circ -->
 174
 175       <!-- cataloging -->
 176       <li class="dropdown">
 177         <a href="javascript:;" class="dropdown-toggle"
 178           data-toggle="dropdown">[% l('Cataloging') %]
 179             <b class="caret"></b>
 180         </a>
 181         <ul class="dropdown-menu">
 182           <li>
 183             <a href="./cat/catalog/index" target="_self">
 184               <span class="glyphicon glyphicon-search"></span>
 185               [% l('Search the Catalog') %]
 186             </a>
 187           </li>
 188           <li>
 189             <a href="./cat/bucket/record/view" target="_self">
 190               <span class="glyphicon glyphicon-list-alt"></span>
 191               [% l('Record Buckets') %]
 192             </a>
 193           </li>
 194           <li>
 195             <a href="./cat/bucket/copy/view" target="_self">
 196               <span class="glyphicon glyphicon-list-alt"></span>
 197               [% l('Copy Buckets') %]
 198             </a>
 199           </li>
 200           <li class="divider"></li>
 201           <li>
 202             <a href="./cat/catalog/retrieve_by_id" target="_self">
 203               <span class="glyphicon glyphicon-file"></span>
 204               [% l('Retrieve Bib Record by ID') %]
 205             </a>
 206           </li>
 207           <li>
 208             <a href="./cat/catalog/retrieve_by_tcn" target="_self"
 209               eg-accesskey="[% l('shift+f3') %]"
 210               eg-accesskey-desc="[% l('Retrieve Last Bib Record') %]">
 211               <span class="glyphicon glyphicon-tag"></span>
 212               [% l('Retrieve Bib Record by TCN') %]
 213             </a>
 214           </li>
 215           <li>
 216             <a href="" ng-click="retrieveLastRecord()" target="_self"
 217               eg-accesskey="[% l('shift+f8') %]"
 218               eg-accesskey-desc="[% l('Retrieve Last Bib Record') %]">
 219               <span class="glyphicon glyphicon-share-alt"></span>
 220               [% l('Retrieve Last Bib Record') %]
 221             </a>
 222           </li>
 223           <li class="divider"></li>
 224           <li>
 225             <a href="./cat/catalog/new_bib" target="_self">
 226               <span class="glyphicon glyphicon-plus"></span>
 227               [% l('Create New MARC Record') %]
 228             </a>
 229           </li>
 230           <li>
 231             <a href="./cat/z3950/index" target="_self">
 232               <span class="glyphicon glyphicon-cloud-download"></span>
 233               [% l('Import Record from Z39.50') %]
 234             </a>
 235           </li>
 236           <li>
 237             <a href="./cat/catalog/vandelay" target="_self">
 238               <span class="glyphicon glyphicon-transfer"></span>
 239               [% l('MARC Batch Import/Export') %]
 240             </a>
 241           </li>
 242           <li>
 243             <a href="./cat/catalog/batchEdit" target="_self">
 244               <span class="glyphicon glyphicon-edit"></span>
 245               [% l('MARC Batch Edit') %]
 246             </a>
 247           </li>
 248           <li class="divider"></li>
 249           <li>
 250             <a href="./cat/catalog/verifyURLs" target="_self">
 251               <span class="glyphicon glyphicon-link"></span>
 252               [% l('Link Checker') %]
 253             </a>
 254           </li>
 255           <li class="divider"></li>
 256           <li>
 257             <a href="./cat/catalog/manageAuthorities" target="_self">
 258               <span class="glyphicon glyphicon-lock"></span>
 259               [% l('Manage Authorities') %]
 260             </a>
 261           </li>
 262        </ul>
 263       </li>
 264
 265       <!-- admin -->
 266       <li class="dropdown">
 267         <a href="javascript:;" class="dropdown-toggle"
 268           data-toggle="dropdown">[% l('Administration') %]
 269             <b class="caret"></b>
 270         </a>
 271         <ul class="dropdown-menu">
 272           <li>
 273             <a href="./admin/workstation/index" target="_self">
 274               <span class="glyphicon glyphicon-hdd"></span>
 275               [% l('Workstation') %]
 276             </a>
 277           </li>
 278           <li>
 279             <a href="./admin/user_perms" target="_self">
 280               <span class="glyphicon glyphicon-user"></span>
 281               [% l('User Permission Editor') %]
 282             </a>
 283           </li>
 284           <li>
 285             <a href="./admin/local/index" target="_self">
 286               <span class="glyphicon glyphicon-picture"></span>
 287               [% l('Local Administration') %]
 288             </a>
 289           </li>
 290         </ul> <!-- admin dropdown -->
 291       </li>
 292     </ul> <!-- end left side entries -->
 293
 294     <!-- entries along the right side of the navbar -->
 295     <ul class="nav navbar-nav navbar-right" style='margin-right: 6px;'>
 296       <li>
 297         <a ng-cloak ng-show="username"
 298           ng-init="workstation = '[% l('<no workstation>') %]'">
 299             [% l('{{username}} @ {{workstation}}') %]
 300         </a>
 301       </li>
 302
 303       <!-- locale selector.
 304         only shown if multiple locales are registered -->
 305       [% IF ctx.locales.keys.size > 1 %]
 306       <li class="dropdown">
 307         <a href='' class="dropdown-toggle" data-toggle="dropdown">
 308             [% lcl = ctx.locale;  ctx.locales.$lcl %]
 309             <span class="glyphicon glyphicon-flag"></span>
 310         </a>
 311         <ul class="dropdown-menu">
 312         [% FOR locale IN ctx.locales.keys.sort %]
 313           <!-- disable the selected locale -->
 314           <li ng-class="{disabled : '[% ctx.locale %]'=='[% locale %]'}">
 315             <a href="" ng-click="applyLocale('[% locale %]')">
 316                 [% ctx.locales.$locale %]
 317             </a>
 318           </li>
 319         [% END %]
 320         </ul>
 321       </li>
 322       [% END %]
 323
 324       <li class="dropdown" ng-show="username">
 325         <a href='' class="dropdown-toggle glyphicon glyphicon-list"
 326           data-toggle="dropdown"></a>
 327         <ul class="dropdown-menu">
 328           <li class="disabled">
 329             <a href="" ng-click="" target="_self">
 330               <span class="glyphicon glyphicon-random"></span>
 331               [% l('Change Operator') %]
 332             </a>
 333           </li>
 334           <li>
 335             <a href="./login" ng-click="logout()" target="_self">
 336               <span class="glyphicon glyphicon-log-out"></span>
 337               [% l('Log Out') %]
 338             </a>
 339           </li>
 340         </ul>
 341       </li>
 342     </ul>
 343   </div>
 344 </div>
 345
 346