Bug 5760 : MT3137 : Adding jquery.tablesorter and jquery.tablesorter.pager support...
authorPaul Poulain <paul.poulain@biblibre.com>
Sat, 12 Feb 2011 09:19:31 +0000 (04:19 -0500)
committerChris Cormack <chrisc@catalyst.net.nz>
Wed, 16 Feb 2011 01:45:41 +0000 (14:45 +1300)
Signed-off-by: Nicole Engard <nengard@bywatersolutions.com>
Signed-off-by: Chris Cormack <chrisc@catalyst.net.nz>
koha-tmpl/intranet-tmpl/prog/en/modules/members/readingrec.tmpl

index aa1bf22..682eaa9 100644 (file)
@@ -1,6 +1,13 @@
 <!-- TMPL_INCLUDE NAME="doc-head-open.inc" -->
 <title>Reading Record for <!-- TMPL_VAR NAME="firstname" --> <!-- TMPL_VAR NAME="surname" --></title>
 <!-- TMPL_INCLUDE NAME="doc-head-close.inc" -->
+<script type="text/javascript" src="<!-- TMPL_VAR name="themelang" -->/lib/jquery/plugins/jquery.tablesorter.min.js"></script>
+<script type="text/javascript" src="<!-- TMPL_VAR name="themelang" -->/lib/jquery/plugins/jquery.tablesorter.pager.js"></script>
+<script type="text/javascript" id="js">$(document).ready(function() {
+       $("#table_readingrec").tablesorter({
+               sortList: [[1,0]],
+       }).tablesorterPager({container: $("#pagertable_readingrec"),positionFixed: false,size: 20});
+}); </script>
 </head>
 <body>
 <!-- TMPL_INCLUDE NAME="header.inc" -->
 <p><!-- TMPL_IF NAME="showfulllink" -->Showing All Items |
        <a href="readingrec.pl?borrowernumber=<!-- TMPL_VAR name="borrowernumber" -->&amp;limit=50">Show Last 50 Items Only</a> <!-- TMPL_ELSE -->      Showing Last 50 Items | 
        <a href="readingrec.pl?borrowernumber=<!-- TMPL_VAR name="borrowernumber" -->&amp;limit=full">Show All Items</a><!-- /TMPL_IF --></p>
-<table>
-<tr>
+<span id="pagertable_readingrec" class="pager">
+       <form class="formpager">&nbsp;<strong>page(s)</strong>&nbsp;:
+               <img src="<!-- TMPL_VAR name="interface" -->/prog/img/first.png" class="first"/>
+               <img src="<!-- TMPL_VAR name="interface" -->/prog/img/prev.png" class="prev"/>
+               <input type="text" size="5" class="pagedisplay"/>
+               <img src="<!-- TMPL_VAR name="interface" -->/prog/img/next.png" class="next"/>
+               <img src="<!-- TMPL_VAR name="interface" -->/prog/img/last.png" class="last"/>
+               , entries/page :
+               <select class="pagesize">
+                       <option value="10">10</option>
+                       <option selected="selected" value="20">20</option>
+                       <option value="30">30</option>
+                       <option value="40">40</option>
+                       <option value="50">50</option>
+                       <option value="100">100</option>
+               </select>
+       </form>
+</span>
+<table id="table_readingrec">
+<thead>
     <th>
         <a href="readingrec.pl?borrowernumber=<!-- TMPL_VAR name="borrowernumber" -->&amp;order=issuestimestamp&amp;limit=<!-- TMPL_VAR name="limit" -->">Date</a>
     </th>
@@ -39,7 +64,7 @@
        <th>
                <a href="readingrec.pl?borrowernumber=<!-- TMPL_VAR name="borrowernumber" -->&amp;order=returndate%20DESC&amp;limit=<!-- TMPL_VAR name="limit" -->">Return Date</a>
        </th>
-</tr>
+</thead>
 <!-- TMPL_LOOP name="loop_reading" -->
 <!-- TMPL_UNLESS NAME="__odd__" -->
     <!-- TMPL_IF NAME="returndate" --><tr class="highlight"><!-- TMPL_ELSE --><tr class="highlight onissue"><!-- /TMPL_IF -->