Changes to support a jquery based tablesorter for the Ward Callings page

[eq/.git] / templates / default / org_view.tpl

diff --git a/templates/default/org_view.tpl b/templates/default/org_view.tpl
index b9d25fd3c7566b24897aa6606bfb236c1588e9d6..70ce6d80f9fabe7d7c27c02b18e2dbd5ab8105f6 100644 (file)
--- a/templates/default/org_view.tpl
+++ b/templates/default/org_view.tpl
@@ -1,42 +1,43 @@
 <center>
+<script type="text/javascript" src="{jquery_url}"></script>
+<script type="text/javascript" src="{jquery_tablesorter_url}"></script>
+<script type="text/javascript">                                         
+$(document).ready(function() 
+    { 
+         $("#callings").tablesorter( {
+                                                                 cssHeader: "headerSort",
+                                                                 cssAsc: "headerSortUp",
+                                                                 cssDesc: "headerSortDown"
+                                                                 } );
+    } 
+); 
+</script>   
+
        <table border="0" width="80%" cellspacing="2" cellpadding="2">
                <tr>
                        <td align="center" bgcolor="#c9c9c9"><font face="{font}"><b>Ward Callings</b></font></td>
                </tr>
        </table>
-       <br><h2>By Name</h2>
 
-       <table border="0" width=80% cellspacing="2" cellpadding="2">
-               <tr>
-                       <td colspan="1" align="center" bgcolor="#c9c9c9"><font face="{font}"><b>Name</b></font></td>
-                       <td colspan="1" align="center" bgcolor="#c9c9c9"><font face="{font}"><b>Calling</b></font></td>
-                       <td colspan="1" align="center" bgcolor="#c9c9c9"><font face="{font}"><b>Date Sustained</b></font></td>
+       <table id="callings" class="tablesorter" border="0" width=80% cellspacing="2" cellpadding="2">
+               <thead>
+               <tr
+                       <th colspan="1" align="center" bgcolor="#c9c9c9"><font face="{font}"><b>Name</b></font></th>
+                       <th colspan="1" align="center" bgcolor="#c9c9c9"><font face="{font}"><b>Calling</b></font></th>
+                       <th colspan="1" align="center" bgcolor="#c9c9c9"><font face="{font}"><b>Organization</b></font></th>
+                       <th colspan="1" align="center" bgcolor="#c9c9c9"><font face="{font}"><b>Date Sustained</b></font></th>
                </tr>
+               </thead>
+               <tbody>
 <!-- BEGIN calling_list -->
                <tr bgcolor="{tr_color}">
                        <td align="left" width=25%><font face="{font}">{name}</font></td>
                        <td align="left" width=25%><font face="{font}">{position}</font></td>
-                       <td align="left" width=25%><font face="{font}">{sustained}</font></td>
-               </tr>
-<!-- END calling_list -->
-       </table>
-
-       <br><h2>By Organization</h2>
-       <table border="0" width=80% cellspacing="2" cellpadding="2">
-               <tr>
-                       <td colspan="1" align="center" bgcolor="#c9c9c9"><font face="{font}"><b>Organization</b></font></td>
-                       <td colspan="1" align="center" bgcolor="#c9c9c9"><font face="{font}"><b>Name</b></font></td>
-                       <td colspan="1" align="center" bgcolor="#c9c9c9"><font face="{font}"><b>Calling</b></font></td>
-                       <td colspan="1" align="center" bgcolor="#c9c9c9"><font face="{font}"><b>Date Sustained</b></font></td>
-               </tr>
-<!-- BEGIN org_list -->
-               <tr bgcolor="{tr_color}">
                        <td align="left" width=25%><font face="{font}">{organization}</font></td>
-                       <td align="left" width=25%><font face="{font}">{name}</font></td>
-                       <td align="left" width=25%><font face="{font}">{position}</font></td>
                        <td align="left" width=25%><font face="{font}">{sustained}</font></td>
                </tr>
-<!-- END org_list -->
+<!-- END calling_list -->
+               </tbody>
 
        </table>
 </center>