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