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/missing_pieces" target="_self">
 146               <span class="glyphicon glyphicon-th"></span>
 147               <span>[% l('Scan Item as Missing Pieces') %]</span>
 148             </a>
 149           </li>
 150         </ul>
 151       </li><!-- circ -->
 152
 153       <!-- cataloging -->
 154       <li class="dropdown">
 155         <a href="javascript:;" class="dropdown-toggle"
 156           data-toggle="dropdown">[% l('Cataloging') %]
 157             <b class="caret"></b>
 158         </a>
 159         <ul class="dropdown-menu">
 160           <li>
 161             <a href="./cat/catalog/index" target="_self">
 162               <span class="glyphicon glyphicon-search"></span>
 163               [% l('Search the Catalog') %]
 164             </a>
 165           </li>
 166           <li>
 167             <a href="./cat/bucket/record/view" target="_self">
 168               <span class="glyphicon glyphicon-list-alt"></span>
 169               [% l('Record Buckets') %]
 170             </a>
 171           </li>
 172           <li>
 173             <a href="./cat/bucket/copy/view" target="_self">
 174               <span class="glyphicon glyphicon-list-alt"></span>
 175               [% l('Copy Buckets') %]
 176             </a>
 177           </li>
 178           <li class="divider"></li>
 179           <li>
 180             <a href="./cat/catalog/retrieve_by_id" target="_self">
 181               <span class="glyphicon glyphicon-file"></span>
 182               [% l('Retrieve Bib Record by ID') %]
 183             </a>
 184           </li>
 185           <li>
 186             <a href="./cat/catalog/retrieve_by_tcn" target="_self">
 187               <span class="glyphicon glyphicon-tag"></span>
 188               [% l('Retrieve Bib Record by TCN') %]
 189             </a>
 190           </li>
 191           <li>
 192             <a href="" ng-click="retrieveLastRecord()" target="_self">
 193               <span class="glyphicon glyphicon-share-alt"></span>
 194               [% l('Retrieve Last Bib Record') %]
 195             </a>
 196           </li>
 197        </ul>
 198       </li>
 199
 200       <!-- admin -->
 201       <li class="dropdown">
 202         <a href="javascript:;" class="dropdown-toggle"
 203           data-toggle="dropdown">[% l('Administration') %]
 204             <b class="caret"></b>
 205         </a>
 206         <ul class="dropdown-menu">
 207           <li>
 208             <a href="./admin/workstation/index" target="_self">
 209               <span class="glyphicon glyphicon-hdd"></span>
 210               [% l('Workstation') %]
 211             </a>
 212           </li>
 213           <li>
 214             <a href="./admin/user_perms" target="_self">
 215               <span class="glyphicon glyphicon-user"></span>
 216               [% l('User Permission Editor') %]
 217             </a>
 218           </li>
 219         </ul> <!-- admin dropdown -->
 220       </li>
 221     </ul> <!-- end left side entries -->
 222
 223     <!-- entries along the right side of the navbar -->
 224     <ul class="nav navbar-nav navbar-right" style='margin-right: 6px;'>
 225       <li>
 226         <a ng-cloak ng-show="username"
 227           ng-init="workstation = '[% l('<no workstation>') %]'">
 228             [% l('{{username}} @ {{workstation}}') %]
 229         </a>
 230       </li>
 231
 232       <!-- locale selector.
 233         only shown if multiple locales are registered -->
 234       [% IF ctx.locales.keys.size > 1 %]
 235       <li class="dropdown">
 236         <a href='' class="dropdown-toggle" data-toggle="dropdown">
 237             [% lcl = ctx.locale;  ctx.locales.$lcl %]
 238             <span class="glyphicon glyphicon-flag"></span>
 239         </a>
 240         <ul class="dropdown-menu">
 241         [% FOR locale IN ctx.locales.keys.sort %]
 242           <!-- disable the selected locale -->
 243           <li ng-class="{disabled : '[% ctx.locale %]'=='[% locale %]'}">
 244             <a href="" ng-click="applyLocale('[% locale %]')">
 245                 [% ctx.locales.$locale %]
 246             </a>
 247           </li>
 248         [% END %]
 249         </ul>
 250       </li>
 251       [% END %]
 252
 253       <li class="dropdown" ng-show="username">
 254         <a href='' class="dropdown-toggle glyphicon glyphicon-list"
 255           data-toggle="dropdown"></a>
 256         <ul class="dropdown-menu">
 257           <li class="disabled">
 258             <a href="" ng-click="" target="_self">
 259               <span class="glyphicon glyphicon-random"></span>
 260               [% l('Change Operator') %]
 261             </a>
 262           </li>
 263           <li>
 264             <a href="./login" ng-click="logout()" target="_self">
 265               <span class="glyphicon glyphicon-log-out"></span>
 266               [% l('Log Out') %]
 267             </a>
 268           </li>
 269         </ul>
 270       </li>
 271     </ul>
 272   </div>
 273 </div>
 274
 275