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.
9 For icons, see http://getbootstrap.com/components/#glyphicons
12 <div id="top-navbar" role="navigation"
13 class="navbar navbar-default navbar-static-top" role="navigation">
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>
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>
33 <a href="javascript:;" class="dropdown-toggle"
34 data-toggle="dropdown">[% l('Search') %]
37 <ul class="dropdown-menu">
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-search"></span>
43 <span eg-accesskey-label>[% l('Search for Patrons') %]</span>
47 <a href="./cat/item/search" target="_self">
48 <span class="glyphicon glyphicon-search"></span>
49 <span>[% l('Search for Copies by Barcode') %]</span>
58 <a href="javascript:;" class="dropdown-toggle"
59 data-toggle="dropdown">[% l('Circulation') %]
63 <ul class="dropdown-menu">
65 <a href="./circ/patron/bcsearch" target="_self">
66 <span class="glyphicon glyphicon-export"></span>
71 <a href="./circ/checkin/checkin" target="_self">
72 <span class="glyphicon glyphicon-import"></span>
77 <a href="./circ/checkin/capture" target="_self">
78 <span class="glyphicon glyphicon-pushpin"></span>
79 [% l('Capture Holds') %]
83 <a href="./circ/holds/pull" target="_self">
84 <span class="glyphicon glyphicon-th-list"></span>
85 [% l('Pull List for Hold Requests') %]
89 <a href="./circ/renew/renew" target="_self">
90 <span class="glyphicon glyphicon-refresh"></span>
91 [% l('Renew Items') %]
95 <a href="./circ/patron/last" target="_self">
96 <span class="glyphicon glyphicon-share-alt"></span>
97 [% l('Retrieve Last Patron') %]
100 <li class="divider"></li>
102 <a href="./circ/patron/credentials" target="_self">
103 <span class="glyphicon glyphicon-ok"></span>
104 <span>[% l('Verify Credentials') %]</span>
108 <a href="./circ/in_house_use/index" target="_self">
109 <span class="glyphicon glyphicon-pencil"></span>
110 <span>[% l('Record In-House Use') %]</span>
114 <a href="./circ/holds/shelf" target="_self">
115 <span class="glyphicon glyphicon-tasks"></span>
116 <span>[% l('Holds Shelf') %]</span>
119 <li class="divider"></li>
121 <a href="./cat/item/replace_barcode/index" target="_self">
122 <span class="glyphicon glyphicon-barcode"></span>
123 <span>[% l('Replace Barcode') %]</span>
130 <li class="dropdown">
131 <a href="javascript:;" class="dropdown-toggle"
132 data-toggle="dropdown">[% l('Cataloging') %]
133 <b class="caret"></b>
135 <ul class="dropdown-menu">
137 <a href="./cat/bucket/record/view" target="_self">
138 <span class="glyphicon glyphicon-list-alt"></span>
139 [% l('Record Buckets') %]
146 <li class="dropdown">
147 <a href="javascript:;" class="dropdown-toggle"
148 data-toggle="dropdown">[% l('Administration') %]
149 <b class="caret"></b>
151 <ul class="dropdown-menu">
153 <a href="./admin/workstation/index" target="_self">
154 <span class="glyphicon glyphicon-hdd"></span>
155 [% l('Workstation') %]
161 </ul> <!-- end left side entries -->
163 <!-- entries along the right side of the navbar -->
164 <ul class="nav navbar-nav navbar-right" style='margin-right: 6px;'>
166 <a ng-cloak ng-show="username"
167 ng-init="workstation = '[% l('<no workstation>') %]'">
168 [% l('{{username}} @ {{workstation}}') %]
172 <!-- locale selector.
173 only shown if multiple locales are registered -->
174 [% IF ctx.locales.keys.size > 1 %]
175 <li class="dropdown">
176 <a href='' class="dropdown-toggle" data-toggle="dropdown">
177 [% lcl = ctx.locale; ctx.locales.$lcl %]
178 <span class="glyphicon glyphicon-flag"></span>
180 <ul class="dropdown-menu">
181 [% FOR locale IN ctx.locales.keys.sort %]
182 <!-- disable the selected locale -->
183 <li ng-class="{disabled : '[% ctx.locale %]'=='[% locale %]'}">
184 <a href="" ng-click="applyLocale('[% locale %]')">
185 [% ctx.locales.$locale %]
193 <li class="dropdown" ng-show="username">
194 <a href='' class="dropdown-toggle glyphicon glyphicon-list"
195 data-toggle="dropdown"></a>
196 <ul class="dropdown-menu">
197 <li class="disabled">
198 <a href="" ng-click="" target="_self">
199 <span class="glyphicon glyphicon-random"></span>
200 [% l('Change Operator') %]
204 <a href="./login" ng-click="logout()" target="_self">
205 <span class="glyphicon glyphicon-log-out"></span>