(MT #1654) followup : Adding jquery.tablesorter and jquery.tablesorter.pager support...
authorStéphane Delaune <stephane.delaune@biblibre.com>
Tue, 31 Aug 2010 12:21:48 +0000 (14:21 +0200)
committerChris Cormack <chrisc@catalyst.net.nz>
Tue, 21 Dec 2010 08:18:12 +0000 (21:18 +1300)
koha-tmpl/intranet-tmpl/prog/en/modules/admin/cities.tmpl

index 203d19b..dbe2612 100644 (file)
@@ -1,6 +1,14 @@
 <!-- TMPL_INCLUDE NAME="doc-head-open.inc" -->
 <title>Koha &rsaquo; Administration &rsaquo; <!-- TMPL_IF NAME="add_form" -->Cities &rsaquo; <!-- TMPL_IF NAME="cityid" --> Modify City<!-- TMPL_ELSE --> New City<!-- /TMPL_IF --><!-- TMPL_ELSE --><!-- TMPL_IF NAME="delete_confirm" -->Cities &rsaquo; Confirm Deletion of City<!-- TMPL_ELSE --> Cities<!-- /TMPL_IF --><!-- /TMPL_IF --></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_cities").tablesorter({
+               sortList: [[1,0]],
+               headers: { 3: { sorter: false},4: { sorter: false}}
+       }).tablesorterPager({container: $("#pagertable_cities"),positionFixed: false,size: 20});
+}); </script>
 <script type="text/javascript">
 //<![CDATA[
     function Check(f) {
                Searching: <!-- TMPL_VAR NAME="searchfield" -->
        <!-- /TMPL_IF -->
 
-<!-- TMPL_IF NAME="loop" -->   <table>
-               <tr>
+<!-- TMPL_IF NAME="loop" -->
+<span id="pagertable_cities" 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_cities">
+               <thead>
                        <th>City ID</th>
                        <th>City, State</th>
                        <th>Zip/Postal code</th>
                        <th>&nbsp;</th>
                        <th>&nbsp;</th>
-               </tr>
+               </thead>
                <!-- TMPL_LOOP NAME="loop" -->
                <!-- TMPL_UNLESS NAME="__odd__" -->
                <tr class="highlight">