Modify viewusagestats to use tablesorter

weblog-viewusagestats-html.lsp

@@ -2,19 +2,39 @@
 <% htmlviewfunctions = require("htmlviewfunctions") %>
 <% html = require("acf.html") %>
 
+<script type="text/javascript">
+	if (typeof jQuery == 'undefined') {
+		document.write('<script type="text/javascript" src="<%= html.html_escape(page_info.wwwprefix) %>/js/jquery-latest.js"><\/script>');
+	}
+</script>
+
+<script type="text/javascript">
+	if (typeof $.tablesorter == 'undefined') {
+		document.write('<script type="text/javascript" src="<%= html.html_escape(page_info.wwwprefix) %>/js/jquery.tablesorter.js"><\/script>');
+	}
+</script>
+
+<script type="text/javascript">
+	$(function(){
+		$("#usage").tablesorter({headers: {0:{sorter: false}, 1:{sorter: 'text'}, 2:{sorter: 'digit'}, 3:{sorter: 'digit'}}, widgets: ['zebra']});
+	});
+</script>
+
 <% local subdata, pagedata = htmlviewfunctions.paginate(data.value, page_info.clientdata, 100) %>
 
 <H1><%= html.html_escape(data.label) %></H1>
 <DL>
 <% htmlviewfunctions.displaypagination(pagedata, page_info) %>
-<TABLE>
-	<TR style="background:#eee;font-weight:bold;">
-		<TD style="padding-right:20px;white-space:nowrap;" class="header">Date</TD>
-		<TD style="padding-right:20px;white-space:nowrap;" class="header">Source</TD>
-		<TD style="padding-right:20px;white-space:nowrap;" class="header">Requests</TD>
-		<TD style="white-space:nowrap;" WIDTH="90%" class="header">Blocks</TD>
+<TABLE id="usage" class="tablesorter">
+<THEAD>
+	<TR>
+		<TH>Date</TH>
+		<TH>Source</TH>
+		<TH>Requests</TH>
+		<TH>Blocks</TH>
 	</TR>
-
+</THEAD>
+<TBODY>
 <% for i,stat in ipairs(subdata) do %>
 	<TR>
 		<TD><%= html.html_escape(stat.date) %></TD>
@@ -23,6 +43,7 @@
 		<TD><%= html.html_escape(stat.numblock) %></TD>
 	</TR>
 <% end %>
+</TBODY>
 </TABLE>
 
 <% if data.errtxt then %>