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