[biblibre-newacq](bug #3611) use jquery table sorter

This patch, modify tables to use the jquery plugin to sort tables.
This commit is contained in:
Nahuel ANGELINETTI 2009-09-14 17:40:28 +02:00 committed by Henri-Damien LAURENT
parent c9938f63e2
commit 5ddc0e4ad6
2 changed files with 58 additions and 32 deletions

View File

@ -3,6 +3,7 @@
<!-- TMPL_INCLUDE NAME="calendar.inc" -->
<script type="text/javascript" src="<!-- TMPL_VAR name="themelang" -->/js/acq.js"></script>
<script type="text/javascript" src="<!-- TMPL_VAR name="themelang" -->/lib/jquery/plugins/jquery.tablesorter.min.js"></script>
<script type="text/javascript">
// #################################################################################
// Javascript
@ -46,6 +47,12 @@
alert(alertString2);
}
}
$(document).ready(function() {
$("#periodsh").tablesorter({
widgets : ['zebra'],
sortList: [[0,0]]
});
});
</script>
<title>
@ -270,17 +277,19 @@
<!-- TMPL_IF name="else" -->
<h2>Budget periods administration</h2>
<!-- TMPL_IF name="cur" --><b>Currency = <!-- TMPL_VAR name="cur" --></b><!-- /TMPL_IF -->
<table>
<tr>
<th>Period Name</th>
<th>Start Date</th>
<th>End Date</th>
<th>Active</th>
<th>Locked</th>
<th>Total</th>
<th>Actions</th>
</tr>
<table id="periodsh">
<thead>
<tr>
<th>Period Name</th>
<th>Start Date</th>
<th>End Date</th>
<th>Active</th>
<th>Locked</th>
<th>Total</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<!-- TMPL_LOOP name="period_loop" -->
<!-- TMPL_IF NAME="__odd__" -->
<tr>
@ -301,6 +310,7 @@
</td>
</tr>
<!-- /TMPL_LOOP -->
</tbody>
</table>
<div class="paginationBar"><!-- TMPL_VAR NAME="pagination_bar" --></div>
<!-- /TMPL_IF -->

View File

@ -6,6 +6,7 @@
<script type="text/javascript">
//<![CDATA[
//
var actTotal ="";
function ownerRemove(f) {
@ -79,6 +80,19 @@
}
//]]>
</script>
<!-- TMPL_ELSE -->
<script type="text/javascript" src="<!-- TMPL_VAR name="themelang" -->/lib/jquery/plugins/jquery.tablesorter.min.js"></script>
<script type="text/javascript">
//<![CDATA[
//
$(document).ready(function() {
$("#budgeth").tablesorter({
widgets : ['zebra'],
sortList: [[0,0]]
});
});
//]]>
</script>
<!-- /TMPL_IF -->
</head>
@ -127,26 +141,28 @@
</fieldset>
</form>
<table>
<tr>
<th>Budget hierarchy</th>
<th>Budget name</th>
<th>Total<br>allocated</th>
<th>Base-level<br>allocated</th>
<th>Sub-level<br>allocated (unallocated)</th>
<th>Base-level<br>spent</th>
<th>Base-level<br>remaining</th>
<!--
<th>Sub-level<br>spent</th>
<th>Encum%</th>
<th>Expend%</th>
-->
<th>Owner</th>
<th>Branch</th>
<th>Note</th>
<th colspan="3">Actions</th>
</tr>
<table id="budgeth">
<thead>
<tr>
<th>Budget hierarchy</th>
<th>Budget name</th>
<th>Total<br>allocated</th>
<th>Base-level<br>allocated</th>
<th>Sub-level<br>allocated (unallocated)</th>
<th>Base-level<br>spent</th>
<th>Base-level<br>remaining</th>
<!--
<th>Sub-level<br>spent</th>
<th>Encum%</th>
<th>Expend%</th>
-->
<th>Owner</th>
<th>Branch</th>
<th>Note</th>
<th colspan="3">Actions</th>
</tr>
</thead>
<tbody>
<!-- TMPL_LOOP name="budget" -->
<!-- TMPL_IF NAME="toggle" -->
<tr class="highlight">
@ -190,7 +206,7 @@
<!-- /TMPL_IF -->
</tr>
<!-- /TMPL_LOOP -->
</tbody>
<tfoot>
<tr>
<th colspan='2' style='text-align: left;' nowrap>Period allocated <!--TMPL_IF NAME="budget_period_total" --><!-- TMPL_VAR NAME='budget_period_total'--><!-- /TMPL_IF --> </th>