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