]> git.evergreen-ils.org Git - Evergreen.git/blob - Open-ILS/src/templates/opac-new/parts/myopac/base.tt2
LP#1778972: OPAC Redesign
[Evergreen.git] / Open-ILS / src / templates / opac-new / parts / myopac / base.tt2
1 [%  WRAPPER "opac/parts/base.tt2" %]
2
3 [% myopac_pages = [
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")}
10     ];
11      IF (ctx.show_reservations_tab == 'true');
12         myopac_pages.push({url => "reservations", name => l("Reservations")});
13     END;
14     skin_root = "../"
15 %]
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" %]
20     </div>
21
22
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;
28                         cls_which = "active";
29                         ctx.page_title = l("My Account - [_1]", page.name);
30                     ELSE;
31                         cls_which = "";
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>
35                 [% END %]
36                         
37                         </ul>
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>
48                     [% ELSE; %]
49                         <option value="" disabled>[% page.name; %]</option>
50                     [% END;
51                    END; %] 
52                  </select>
53                     </form>
54             </div>
55             </div><!-- myopac_tabs -->
56         <div id="main-content" class="p-3">
57             [% content %]
58             <div class="common-full-pad"></div>
59         </div>
60     </div> <!-- content-wrapper -->
61     
62     <!--Table functions ~ Controlling TH checkbox dynamically and allowing for row clicks to select items -->
63   <script>
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);
66 });
67
68 jQuery( document ).ready(function( $ ) {
69     $('tr').click(function(event) {
70         if (event.target.type !== 'checkbox') {
71             $(':checkbox', this).trigger('click');
72         }
73     });  
74 });
75 </script>
76 [% END %]