1 [% WRAPPER "opac/parts/base.tt2" %]
4 {url => "main", name => l("Account Summary")},
5 {url => "messages", name => l("Messages")},
6 {url => "circs", name => l("Items Checked Out")},
7 {url => "holds", name => l("Holds")},
8 {url => "prefs", name => l("Account Preferences")},
9 {url => "lists", name => l("My Lists")}
11 IF (ctx.show_reservations_tab == 'true');
12 myopac_pages.push({url => "reservations", name => l("Reservations")});
16 <h2 class="sr-only">[% l('My Account') %]</h2>
17 [% INCLUDE "opac/parts/topnav.tt2" %]
18 <div class="mobile_hide">
19 [% INCLUDE "opac/parts/searchbar.tt2" %]
23 <div class="container my-3 min">
24 <div id="myopac_tabs">
25 <ul class="nav nav-tabs nav-justified d-none d-lg-flex">
26 [%- FOREACH page IN myopac_pages;
27 IF page.url == myopac_page;
29 ctx.page_title = l("My Account - [_1]", page.name);
32 END -%]<li class="nav-item">
33 <a href="[% mkurl(ctx.opac_root _ '/myopac/' _ page.url, {}, ['bbid', 'offset', 'limit','sort','sort_type', 'hid']) %]"
34 class="[% cls_which %] nav-link">[% page.name; %]</a></li>
38 <!-- Select box navigation for media view -->
39 <div class="mx-auto py-3 d-block d-lg-none">
40 <form name="acct_nav">
41 <select name="acct_url" class="form-control"
42 title="[% l('Select an account page') %]"
43 onchange="window.location.href=document.acct_nav.acct_url.options[document.acct_nav.acct_url.selectedIndex].value">
44 <option value="" selected="selected">[% l('Go to...') %]</option>
45 [% FOREACH page IN myopac_pages;
46 IF page.url != myopac_page; %]
47 <option value="[% mkurl(ctx.opac_root _ '/myopac/' _ page.url, {}, ['bbid', 'offset', 'limit', 'hid']) %]">[% page.name; %]</option>
49 <option value="" disabled>[% page.name; %]</option>
55 </div><!-- myopac_tabs -->
56 <div id="main-content" class="p-3">
58 <div class="common-full-pad"></div>
60 </div> <!-- content-wrapper -->
62 <!--Table functions ~ Controlling TH checkbox dynamically and allowing for row clicks to select items -->
64 jQuery('td input:checkbox').change(function(){
65 jQuery('th input:checkbox').prop('checked',jQuery('td input:checkbox:checked').length == jQuery('td input:checkbox').length);
68 jQuery( document ).ready(function( $ ) {
69 $('tr').click(function(event) {
70 if (event.target.type !== 'checkbox') {
71 $(':checkbox', this).trigger('click');