Bug 30400: Convert invoices page tabs to Bootstrap

This patch updates the invoices page to use Bootstrap tabs instead of
jQueryUI.

To test, apply the patch and go to Acquisitions.

- Locate a vendor which has multiple invoices associated with it.
- View the vendor details, and click the "Invoices" link in the sidebar.
- Check that the "Open invoices" and "Closed invoices" tabs work
  correctly.

Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Signed-off-by: Fridolin Somers <fridolin.somers@biblibre.com>
This commit is contained in:
Owen Leonard 2022-03-29 16:59:47 +00:00 committed by Fridolin Somers
parent 4fed033c9d
commit 1a2deae54e
1 changed files with 24 additions and 23 deletions

View File

@ -130,29 +130,31 @@
[% END # /IF CAN_user_acquisition_merge_invoices %]
[% END # /BLOCK invoices_table %]
<div id="invoicestabs" class="toptabs" style="clear:both;">
<ul class="ui-tabs-nav">
<li><a href="#opened">Open invoices ([% openedinvoices.size || 0 | html %])</a></li>
<li><a href="#closed">Closed invoices ([% closedinvoices.size || 0 | html %]) </a></li>
<div id="invoicestabs" class="toptabs">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#opened" aria-controls="opened" role="tab" data-toggle="tab">Open invoices ([% openedinvoices.size || 0 | html %])</a></li>
<li role="presentation"><a href="#closed" aria-controls="closed" role="tab" data-toggle="tab">Closed invoices ([% closedinvoices.size || 0 | html %]) </a></li>
</ul>
<div id="opened">
[% IF openedinvoices %]
[% INCLUDE invoices_table invoices = openedinvoices %]
[% ELSE %]
<div class="dialog message">
<p>Your search returned no open invoices.</p>
</div>
[% END %]
</div> <!-- /#opened -->
<div id="closed">
[% IF closedinvoices %]
[% INCLUDE invoices_table invoices = closedinvoices closed = 1 %]
[% ELSE %]
<div class="dialog message">
<p>Your search returned no closed invoices.</p>
</div>
[% END %]
</div> <!-- /#closed -->
<div class="tab-content">
<div id="opened" role="tabpanel" class="tab-pane active">
[% IF openedinvoices %]
[% INCLUDE invoices_table invoices = openedinvoices %]
[% ELSE %]
<div class="dialog message">
<p>Your search returned no open invoices.</p>
</div>
[% END %]
</div> <!-- /#opened -->
<div id="closed" role="tabpanel" class="tab-pane">
[% IF closedinvoices %]
[% INCLUDE invoices_table invoices = closedinvoices closed = 1 %]
[% ELSE %]
<div class="dialog message">
<p>Your search returned no closed invoices.</p>
</div>
[% END %]
</div> <!-- /#closed -->
</div> <!-- /.tab-content -->
</div> <!-- /#invoicestabs -->
@ -397,7 +399,6 @@
[% INCLUDE 'calendar.inc' %]
<script>
$(document).ready(function() {
$('#invoicestabs').tabs();
$(".delete_invoice").click(function(){
return confirmDelete(_("Are you sure you want to delete this invoice?"));
});