Bug 33294: Use template wrapper for tabs: Checkout history
This patch updates the checkout history template so that it uses the new WRAPPER directive to build tabbed navigation. In order to make the template logic a little easier to parse I moved the table of checkouts into its own BLOCK to be used when on-site checkouts are enabled or disabled. To test, apply the patch and locate a patron who has a checkout history. - If you have on-site checkouts enabled you will see three tabs: All, Checkouts, and On-site checkouts. - Each tab should work correctly: The checkouts tab showing only regular checkouts, the on-site checkouts tab showing only on-site checkouts. - If you have on-site checkouts disabled there should be no tabs, the table of checkouts should be displayed inside a "page-section" div instead. Signed-off-by: Paul Derscheid <paul.derscheid@lmscloud.de> Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de> Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
This commit is contained in:
parent
d289cc0a3d
commit
84cdc74ba7
1 changed files with 103 additions and 99 deletions
|
@ -47,21 +47,9 @@
|
|||
[% ELSIF ( !loop_reading ) %]
|
||||
<div class="dialog message">This patron has no circulation history.</div>
|
||||
[% ELSE %]
|
||||
<form action="/cgi-bin/koha/members/readingrec.pl" method="get"><input type="hidden" name="borrowernumber" id="borrowernumber" value="[% patron.borrowernumber | html %]" /></form>
|
||||
<form action="/cgi-bin/koha/members/readingrec.pl" method="get"><input type="hidden" name="borrowernumber" id="borrowernumber" value="[% patron.borrowernumber | html %]" /></form>
|
||||
|
||||
|
||||
<div id="tabs" class="toptabs">
|
||||
[% IF Koha.Preference('OnSiteCheckouts') %]
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li role="presentation" class="active"><a href="#readingrec" aria-controls="readingrec" role="tab" data-toggle="tab" data-tabname="all" id="tab_all">All</a></li>
|
||||
<li role="presentation"><a href="#readingrec" aria-controls="readingrec" role="tab" data-toggle="tab" data-tabname="checkouts" id="tab_checkout">Checkouts</a></li>
|
||||
<li role="presentation"><a href="#readingrec" aria-controls="readingrec" role="tab" data-toggle="tab" id="tab_onsite_checkout" data-tabname="onsite">On-site checkouts</a></li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div id="readingrec" role="tabpanel" class="tab-pane active">
|
||||
[% ELSE %]
|
||||
<div id="readingrec" class="page-section">
|
||||
[% END %]
|
||||
[% BLOCK table_readingrec %]
|
||||
<table id="table_readingrec">
|
||||
<thead>
|
||||
<tr>
|
||||
|
@ -143,11 +131,27 @@
|
|||
[% END %]
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
[% IF Koha.Preference('OnSiteCheckouts') %]
|
||||
</div> <!-- /.tab-content -->
|
||||
[% END %]
|
||||
</div>
|
||||
|
||||
[% IF Koha.Preference('OnSiteCheckouts') %]
|
||||
[% WRAPPER tabs id= "tabs" %]
|
||||
[% WRAPPER tabs_nav %]
|
||||
[% WRAPPER tab_item tabname= "tab_all" bt_active= 1 %] <span>All</span> [% END %]
|
||||
[% WRAPPER tab_item tabname= "tab_checkout" %] <span>Checkouts</span> [% END %]
|
||||
[% WRAPPER tab_item tabname= "tab_onsite_checkout" %] <span>On-site checkouts</span> [% END %]
|
||||
[% END # /WRAPPER tabs_nav %]
|
||||
[% WRAPPER tab_panels %]
|
||||
[% WRAPPER tab_panel tabname="readingrec" bt_active= 1 %]
|
||||
[% INCLUDE table_readingrec %]
|
||||
[% END # /tab_panel# %]
|
||||
[% END # /WRAPPER tab_panels %]
|
||||
[% END # /WRAPPER tabs %]
|
||||
[% ELSE %]
|
||||
<div class="page-section">
|
||||
[% INCLUDE table_readingrec %]
|
||||
</div> <!-- /.page-section -->
|
||||
[% END # /IF Koha.Preference('OnSiteCheckouts') %]
|
||||
|
||||
[% END %]
|
||||
|
||||
</main>
|
||||
|
@ -178,10 +182,10 @@
|
|||
}, table_settings);
|
||||
|
||||
$("#tabs a[data-toggle='tab']").on("shown.bs.tab", function (e) {
|
||||
active_tab = $(this).data("tabname");
|
||||
if( active_tab == "checkouts" ){
|
||||
active_tab = $(this).attr("href");
|
||||
if( active_tab == "#tab_checkout_panel" ){
|
||||
table.fnFilter("standard_checkout", 0);
|
||||
} else if( active_tab == "onsite" ){
|
||||
} else if( active_tab == "#tab_onsite_checkout_panel" ){
|
||||
table.fnFilter("onsite_checkout", 0);
|
||||
} else {
|
||||
table.fnFilter('', 0);
|
||||
|
|
Loading…
Reference in a new issue