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-fixed-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-user"></span>
43 <span eg-accesskey-label>[% l('Search for Patrons') %]</span>
47 <a href="./cat/item/search" target="_self"
48 eg-accesskey="[% l('f5') %]"
49 eg-accesskey-desc="[% l('Item Status') %]">
50 <span class="glyphicon glyphicon-barcode"></span>
51 <span>[% l('Search for Copies by Barcode') %]</span>
55 <a href="./cat/catalog/index" target="_self"
56 eg-accesskey="[% l('f3') %]"
57 eg-accesskey-desc="[% l('OPAC') %]">
58 <span class="glyphicon glyphicon-search"></span>
59 <span>[% l('Search the Catalog') %]</span>
68 <a href="javascript:;" class="dropdown-toggle"
69 data-toggle="dropdown">[% l('Circulation') %]
73 <ul class="dropdown-menu">
75 <a href="./circ/patron/bcsearch" target="_self"
76 eg-accesskey="[% l('f1') %]"
77 eg-accesskey-desc="[% l('Check Out') %]">
78 <span class="glyphicon glyphicon-export"></span>
83 <a href="./circ/checkin/checkin" target="_self"
84 eg-accesskey="[% l('f2') %]"
85 eg-accesskey-desc="[% l('Check In') %]">
86 <span class="glyphicon glyphicon-import"></span>
91 <a href="./circ/checkin/capture" target="_self"
92 eg-accesskey="[% l('shift+f2') %]"
93 eg-accesskey-desc="[% l('Capture Holds') %]">
94 <span class="glyphicon glyphicon-pushpin"></span>
95 [% l('Capture Holds') %]
99 <a href="./circ/holds/pull" target="_self">
100 <span class="glyphicon glyphicon-th-list"></span>
101 [% l('Pull List for Hold Requests') %]
105 <a href="./circ/renew/renew" target="_self">
106 <span class="glyphicon glyphicon-refresh"></span>
107 [% l('Renew Items') %]
111 <a href="./circ/patron/register" target="_self"
112 eg-accesskey="[% l('shift+f1') %]"
113 eg-accesskey-desc="[% l('Register Patron') %]">
114 <span class="glyphicon glyphicon-user"></span>
115 [% l('Register Patron') %]
119 <a href="./circ/patron/last" target="_self"
120 eg-accesskey="[% l('f8') %]"
121 eg-accesskey-desc="[% l('Retrieve Last Patron') %]">
122 <span class="glyphicon glyphicon-share-alt"></span>
123 [% l('Retrieve Last Patron') %]
127 <a href="./circ/patron/pending/list" target="_self">
128 <span class="glyphicon glyphicon-thumbs-up"></span>
129 [% l('Pending Patrons') %]
132 <li class="divider"></li>
134 <a href="./circ/patron/credentials" target="_self">
135 <span class="glyphicon glyphicon-ok"></span>
136 <span>[% l('Verify Credentials') %]</span>
140 <a href="./circ/in_house_use/index" target="_self"
141 eg-accesskey="[% l('f6') %]"
142 eg-accesskey-desc="[% l('Record In-House Use') %]">
143 <span class="glyphicon glyphicon-pencil"></span>
144 <span>[% l('Record In-House Use') %]</span>
148 <a href="./circ/holds/shelf" target="_self">
149 <span class="glyphicon glyphicon-tasks"></span>
150 <span>[% l('Holds Shelf') %]</span>
153 <li class="divider"></li>
155 <a href="./cat/item/replace_barcode/index" target="_self">
156 <span class="glyphicon glyphicon-barcode"></span>
157 <span>[% l('Replace Barcode') %]</span>
161 <a href="./cat/item/search" target="_self">
162 <span class="glyphicon glyphicon-saved"></span>
163 <span>[% l('Item Status') %]</span>
167 <a href="./cat/item/missing_pieces" target="_self">
168 <span class="glyphicon glyphicon-th"></span>
169 <span>[% l('Scan Item as Missing Pieces') %]</span>
176 <li class="dropdown">
177 <a href="javascript:;" class="dropdown-toggle"
178 data-toggle="dropdown">[% l('Cataloging') %]
179 <b class="caret"></b>
181 <ul class="dropdown-menu">
183 <a href="./cat/catalog/index" target="_self">
184 <span class="glyphicon glyphicon-search"></span>
185 [% l('Search the Catalog') %]
189 <a href="./cat/bucket/record/view" target="_self">
190 <span class="glyphicon glyphicon-list-alt"></span>
191 [% l('Record Buckets') %]
195 <a href="./cat/bucket/copy/view" target="_self">
196 <span class="glyphicon glyphicon-list-alt"></span>
197 [% l('Copy Buckets') %]
200 <li class="divider"></li>
202 <a href="./cat/catalog/retrieve_by_id" target="_self">
203 <span class="glyphicon glyphicon-file"></span>
204 [% l('Retrieve Bib Record by ID') %]
208 <a href="./cat/catalog/retrieve_by_tcn" target="_self"
209 eg-accesskey="[% l('shift+f3') %]"
210 eg-accesskey-desc="[% l('Retrieve Last Bib Record') %]">
211 <span class="glyphicon glyphicon-tag"></span>
212 [% l('Retrieve Bib Record by TCN') %]
216 <a href="" ng-click="retrieveLastRecord()" target="_self"
217 eg-accesskey="[% l('shift+f8') %]"
218 eg-accesskey-desc="[% l('Retrieve Last Bib Record') %]">
219 <span class="glyphicon glyphicon-share-alt"></span>
220 [% l('Retrieve Last Bib Record') %]
223 <li class="divider"></li>
225 <a href="./cat/catalog/new_bib" target="_self">
226 <span class="glyphicon glyphicon-plus"></span>
227 [% l('Create New MARC Record') %]
231 <a href="./cat/z3950/index" target="_self">
232 <span class="glyphicon glyphicon-cloud-download"></span>
233 [% l('Import Record from Z39.50') %]
237 <a href="./cat/catalog/vandelay" target="_self">
238 <span class="glyphicon glyphicon-transfer"></span>
239 [% l('MARC Batch Import/Export') %]
243 <a href="./cat/catalog/batchEdit" target="_self">
244 <span class="glyphicon glyphicon-edit"></span>
245 [% l('MARC Batch Edit') %]
248 <li class="divider"></li>
250 <a href="./cat/catalog/verifyURLs" target="_self">
251 <span class="glyphicon glyphicon-link"></span>
252 [% l('Link Checker') %]
255 <li class="divider"></li>
257 <a href="./cat/catalog/manageAuthorities" target="_self">
258 <span class="glyphicon glyphicon-lock"></span>
259 [% l('Manage Authorities') %]
266 <li class="dropdown">
267 <a href="javascript:;" class="dropdown-toggle"
268 data-toggle="dropdown">[% l('Administration') %]
269 <b class="caret"></b>
271 <ul class="dropdown-menu">
273 <a href="./admin/workstation/index" target="_self">
274 <span class="glyphicon glyphicon-hdd"></span>
275 [% l('Workstation') %]
279 <a href="./admin/user_perms" target="_self">
280 <span class="glyphicon glyphicon-user"></span>
281 [% l('User Permission Editor') %]
285 <a href="./admin/local/index" target="_self">
286 <span class="glyphicon glyphicon-picture"></span>
287 [% l('Local Administration') %]
290 </ul> <!-- admin dropdown -->
292 </ul> <!-- end left side entries -->
294 <!-- entries along the right side of the navbar -->
295 <ul class="nav navbar-nav navbar-right" style='margin-right: 6px;'>
297 <a ng-cloak ng-show="username"
298 ng-init="workstation = '[% l('<no workstation>') %]'">
299 [% l('{{username}} @ {{workstation}}') %]
303 <!-- locale selector.
304 only shown if multiple locales are registered -->
305 [% IF ctx.locales.keys.size > 1 %]
306 <li class="dropdown">
307 <a href='' class="dropdown-toggle" data-toggle="dropdown">
308 [% lcl = ctx.locale; ctx.locales.$lcl %]
309 <span class="glyphicon glyphicon-flag"></span>
311 <ul class="dropdown-menu">
312 [% FOR locale IN ctx.locales.keys.sort %]
313 <!-- disable the selected locale -->
314 <li ng-class="{disabled : '[% ctx.locale %]'=='[% locale %]'}">
315 <a href="" ng-click="applyLocale('[% locale %]')">
316 [% ctx.locales.$locale %]
324 <li class="dropdown" ng-show="username">
325 <a href='' class="dropdown-toggle glyphicon glyphicon-list"
326 data-toggle="dropdown"></a>
327 <ul class="dropdown-menu">
328 <li class="disabled">
329 <a href="" ng-click="" target="_self">
330 <span class="glyphicon glyphicon-random"></span>
331 [% l('Change Operator') %]
335 <a href="./login" ng-click="logout()" target="_self">
336 <span class="glyphicon glyphicon-log-out"></span>