X-Git-Url: http://www.chiark.greenend.org.uk/ucgi/~yarrgweb/git?p=ypp-sc-tools.db-live.git;a=blobdiff_plain;f=yarrg%2Fweb%2Fquery_age;h=a02187eae01d1b85988382f3e82bc538c6ba010f;hp=a90ca3469811b249d5d9c3cde0364d63a136662b;hb=062f9c87d921e901c1daf85a3e602e7e4c9a0cb4;hpb=d1140fe21c4a6cdb1ba9c02e26b80d71ffe31965

diff --git a/yarrg/web/query_age b/yarrg/web/query_age
index a90ca34..a02187e 100644
--- a/yarrg/web/query_age
+++ b/yarrg/web/query_age
@@ -69,6 +69,7 @@ $sth->execute();
 % my %da_ages;
 % my %ts_sortkeys;
 % $da_ages{'id_loaded'}= 0;
+% my $rowix= 0;
 % while ($row=$sth->fetchrow_hashref) {
 %	my $rowid= "id_$row->{'islandid'}";
 %	my $cellid= "c$rowid";
@@ -76,19 +77,46 @@ $sth->execute();
 %	$ts_sortkeys{'0'}{$rowid}= $row->{'archipelago'};
 %	$ts_sortkeys{'1'}{$rowid}= $row->{'islandname'};
 %	$da_ages{$rowid}= $age;
-<tr id=<% $rowid %>
+<tr id=<% $rowid %> class="<% 'datarow'.($rowix & 1) %>"
    > <td><% $row->{'archipelago'} |h
   %> <td><% $row->{'islandname'} |h
   %> <td id="<% $cellid %>"><% prettyprint_age($age) %> </tr>
+%	$rowix++;
 % }
 </table>
 
-<& tabsort, table => 'ts_table', cols => [
+<& SELF:dataages, id2age => \%da_ages, elemidprefix => "'c'+" &>
+<%method dataages>
+<%args>
+  $id2age
+  $elemidprefix => ''
+</%args>
+<&| script &>
+  function da_Refresh() {
+    var now= Date.now();
+    debug('updating now='+now);
+    for (var ageid in da_ages) {
+      var oldage= da_ages[ageid];
+      var el= document.getElementById(<% $elemidprefix %>ageid);
+      var age= oldage + (now - da_pageload) / 1000;
+      var newhtml= <% meta_prettyprint_age('age','Math.floor','+') %>;
+      el.innerHTML= newhtml;
+    }
+  }
+  da_ages= <% to_json_protecttags($id2age) %>;
+  window.setInterval(da_Refresh, 10000);
+  register_onload(da_Refresh);
+</&>
+</%method>
+
+<&| tabsort, table => 'ts_table', rowclass => 'datarow', cols => [
 	{}, {},
 	{ DoReverse => 1,
 	  Numeric => 1,
 	  SortKey => "da_ages[rowid]" }]
   &>
+  ts_sortkeys= <% to_json_protecttags(\%ts_sortkeys) %>;
+</&tabsort>
 
 <p>
 Time since this page loaded:
@@ -99,36 +127,6 @@ Time since this page loaded:
 <& "lookup:formhidden", ours => sub { 0; } &>
 </form>
 
-<&| script &>
-  ts_sortkeys= <% to_json_protecttags(\%ts_sortkeys) %>;
-  da_ages= <% to_json_protecttags(\%da_ages) %>;
-
-  function da_Refresh() {
-    var now= Date.now();
-    debug('updating now='+now);
-    for (var rowid in da_ages) {
-      var oldage= da_ages[rowid];
-      var cellid= 'c'+rowid;
-      var el= document.getElementById(cellid);
-      var age= oldage + (now - da_pageload) / 1000;
-      var newhtml= <% meta_prettyprint_age('age','Math.floor','+') %>;
-% if ($ARGS{debug}) {
-      if (cellid == 'cid_loaded')
-	debug('element rowid='+rowid+' cellid='+cellid
-		+' oldage='+oldage+' age='+age+': '+newhtml);
-% }
-      el.innerHTML= newhtml;
-    }
-  }
-
-  function all_onload() {
-    ts_onload__ts_table();
-    da_Refresh();
-  }
-  window.onload= all_onload;
-  window.setInterval(da_Refresh, 10000);
-</&script>
-
 <%init>
 use POSIX;
 use CommodsWeb;