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-static-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               <span class="glyphicon glyphicon-barcode"></span>
  49               <span>[% l('Search for Copies by Barcode') %]</span>
  50             </a>
  51           </li>
  52           <li>
  53             <a href="./cat/catalog/index" target="_self">
  54               <span class="glyphicon glyphicon-search"></span>
  55               <span>[% l('Search the Catalog') %]</span>
  56             </a>
  57           </li>
  58         </ul>
  59       </li>
  60
  61
  62       <!-- circulation -->
  63       <li class="dropdown">
  64         <a href="javascript:;" class="dropdown-toggle"
  65           data-toggle="dropdown">[% l('Circulation') %]
  66           <b class="caret"></b>
  67         </a>
  68
  69         <ul class="dropdown-menu">
  70           <li>
  71             <a href="./circ/patron/bcsearch" target="_self">
  72               <span class="glyphicon glyphicon-export"></span>
  73               [% l('Check Out') %]
  74             </a>
  75           </li>
  76           <li>
  77             <a href="./circ/checkin/checkin" target="_self">
  78               <span class="glyphicon glyphicon-import"></span>
  79               [% l('Check In') %]
  80             </a>
  81           </li>
  82           <li>
  83             <a href="./circ/checkin/capture" target="_self">
  84               <span class="glyphicon glyphicon-pushpin"></span>
  85               [% l('Capture Holds') %]
  86             </a>
  87           </li>
  88           <li>
  89             <a href="./circ/holds/pull" target="_self">
  90               <span class="glyphicon glyphicon-th-list"></span>
  91               [% l('Pull List for Hold Requests') %]
  92             </a>
  93           </li>
  94           <li>
  95             <a href="./circ/renew/renew" target="_self">
  96               <span class="glyphicon glyphicon-refresh"></span>
  97               [% l('Renew Items') %]
  98             </a>
  99           </li>
 100           <li>
 101             <a href="./circ/patron/register" target="_self">
 102               <span class="glyphicon glyphicon-user"></span>
 103               [% l('Register Patron') %]
 104             </a>
 105           </li>
 106           <li>
 107             <a href="./circ/patron/last" target="_self">
 108               <span class="glyphicon glyphicon-share-alt"></span>
 109               [% l('Retrieve Last Patron') %]
 110             </a>
 111           </li>
 112           <li>
 113             <a href="./circ/patron/pending/list" target="_self">
 114               <span class="glyphicon glyphicon-thumbs-up"></span>
 115               [% l('Pending Patrons') %]
 116             </a>
 117           </li>
 118           <li class="divider"></li>
 119           <li>
 120             <a href="./circ/patron/credentials" target="_self">
 121               <span class="glyphicon glyphicon-ok"></span>
 122               <span>[% l('Verify Credentials') %]</span>
 123             </a>
 124           </li>
 125           <li>
 126             <a href="./circ/in_house_use/index" target="_self">
 127               <span class="glyphicon glyphicon-pencil"></span>
 128               <span>[% l('Record In-House Use') %]</span>
 129             </a>
 130           </li>
 131           <li>
 132             <a href="./circ/holds/shelf" target="_self">
 133               <span class="glyphicon glyphicon-tasks"></span>
 134               <span>[% l('Holds Shelf') %]</span>
 135             </a>
 136           </li>
 137           <li class="divider"></li>
 138           <li>
 139             <a href="./cat/item/replace_barcode/index" target="_self">
 140               <span class="glyphicon glyphicon-barcode"></span>
 141               <span>[% l('Replace Barcode') %]</span>
 142             </a>
 143           </li>
 144           <li>
 145             <a href="./cat/item/search" target="_self">
 146               <span class="glyphicon glyphicon-saved"></span>
 147               <span>[% l('Item Status') %]</span>
 148             </a>
 149           </li>
 150           <li>
 151             <a href="./cat/item/missing_pieces" target="_self">
 152               <span class="glyphicon glyphicon-th"></span>
 153               <span>[% l('Scan Item as Missing Pieces') %]</span>
 154             </a>
 155           </li>
 156         </ul>
 157       </li><!-- circ -->
 158
 159       <!-- cataloging -->
 160       <li class="dropdown">
 161         <a href="javascript:;" class="dropdown-toggle"
 162           data-toggle="dropdown">[% l('Cataloging') %]
 163             <b class="caret"></b>
 164         </a>
 165         <ul class="dropdown-menu">
 166           <li>
 167             <a href="./cat/catalog/index" target="_self">
 168               <span class="glyphicon glyphicon-search"></span>
 169               [% l('Search the Catalog') %]
 170             </a>
 171           </li>
 172           <li>
 173             <a href="./cat/bucket/record/view" target="_self">
 174               <span class="glyphicon glyphicon-list-alt"></span>
 175               [% l('Record Buckets') %]
 176             </a>
 177           </li>
 178           <li>
 179             <a href="./cat/bucket/copy/view" target="_self">
 180               <span class="glyphicon glyphicon-list-alt"></span>
 181               [% l('Copy Buckets') %]
 182             </a>
 183           </li>
 184           <li class="divider"></li>
 185           <li>
 186             <a href="./cat/catalog/retrieve_by_id" target="_self">
 187               <span class="glyphicon glyphicon-file"></span>
 188               [% l('Retrieve Bib Record by ID') %]
 189             </a>
 190           </li>
 191           <li>
 192             <a href="./cat/catalog/retrieve_by_tcn" target="_self">
 193               <span class="glyphicon glyphicon-tag"></span>
 194               [% l('Retrieve Bib Record by TCN') %]
 195             </a>
 196           </li>
 197           <li>
 198             <a href="" ng-click="retrieveLastRecord()" target="_self">
 199               <span class="glyphicon glyphicon-share-alt"></span>
 200               [% l('Retrieve Last Bib Record') %]
 201             </a>
 202           </li>
 203        </ul>
 204       </li>
 205
 206       <!-- admin -->
 207       <li class="dropdown">
 208         <a href="javascript:;" class="dropdown-toggle"
 209           data-toggle="dropdown">[% l('Administration') %]
 210             <b class="caret"></b>
 211         </a>
 212         <ul class="dropdown-menu">
 213           <li>
 214             <a href="./admin/workstation/index" target="_self">
 215               <span class="glyphicon glyphicon-hdd"></span>
 216               [% l('Workstation') %]
 217             </a>
 218           </li>
 219           <li>
 220             <a href="./admin/user_perms" target="_self">
 221               <span class="glyphicon glyphicon-user"></span>
 222               [% l('User Permission Editor') %]
 223             </a>
 224           </li>
 225         </ul> <!-- admin dropdown -->
 226       </li>
 227     </ul> <!-- end left side entries -->
 228
 229     <!-- entries along the right side of the navbar -->
 230     <ul class="nav navbar-nav navbar-right" style='margin-right: 6px;'>
 231       <li>
 232         <a ng-cloak ng-show="username"
 233           ng-init="workstation = '[% l('<no workstation>') %]'">
 234             [% l('{{username}} @ {{workstation}}') %]
 235         </a>
 236       </li>
 237
 238       <!-- locale selector.
 239         only shown if multiple locales are registered -->
 240       [% IF ctx.locales.keys.size > 1 %]
 241       <li class="dropdown">
 242         <a href='' class="dropdown-toggle" data-toggle="dropdown">
 243             [% lcl = ctx.locale;  ctx.locales.$lcl %]
 244             <span class="glyphicon glyphicon-flag"></span>
 245         </a>
 246         <ul class="dropdown-menu">
 247         [% FOR locale IN ctx.locales.keys.sort %]
 248           <!-- disable the selected locale -->
 249           <li ng-class="{disabled : '[% ctx.locale %]'=='[% locale %]'}">
 250             <a href="" ng-click="applyLocale('[% locale %]')">
 251                 [% ctx.locales.$locale %]
 252             </a>
 253           </li>
 254         [% END %]
 255         </ul>
 256       </li>
 257       [% END %]
 258
 259       <li class="dropdown" ng-show="username">
 260         <a href='' class="dropdown-toggle glyphicon glyphicon-list"
 261           data-toggle="dropdown"></a>
 262         <ul class="dropdown-menu">
 263           <li class="disabled">
 264             <a href="" ng-click="" target="_self">
 265               <span class="glyphicon glyphicon-random"></span>
 266               [% l('Change Operator') %]
 267             </a>
 268           </li>
 269           <li>
 270             <a href="./login" ng-click="logout()" target="_self">
 271               <span class="glyphicon glyphicon-log-out"></span>
 272               [% l('Log Out') %]
 273             </a>
 274           </li>
 275         </ul>
 276       </li>
 277     </ul>
 278   </div>
 279 </div>
 280
 281