html5/status issue-status.html,1.4,1.5

Update of /sources/public/html5/status
In directory hutz:/tmp/cvs-serv6877

Modified Files:
	issue-status.html 
Log Message:
make it sortable

Index: issue-status.html
===================================================================
RCS file: /sources/public/html5/status/issue-status.html,v
retrieving revision 1.4
retrieving revision 1.5
diff -u -d -r1.4 -r1.5
--- issue-status.html	25 Nov 2009 08:59:35 -0000	1.4
+++ issue-status.html	25 Nov 2009 09:58:40 -0000	1.5
@@ -8,63 +8,70 @@
 }
 th, td { padding: 0.3em; vertical-align: top; }
 h2 { text-align: center; }
+th { cursor: pointer; padding-left: 1.5em; padding-right: 1.5em; }
+th[aria-sort] { background: yellow; color: black; }
+th[aria-sort]:after { float: right; width: 1.5em; margin-right: -1.5em; }
+th[aria-sort=ascending]:after { content: '\2B07'; }
+th[aria-sort=descending]:after { content: '\2B06'; }
 </style>
 
 <h2>Change Proposal Status</h2>
 
 <table>
+<thead>
 <tr><th>Issue</th><th>Bug</th><th>Next Action</th><th>Deadline</th><th>Responsible</th><th>Notes</th></tr>
 
-<tr><td><a href="http://www.w3.org/html/wg/tracker/issues/1">ISSUE&#x2011;1</a></td>
+<tbody>
+<tr><td data-sort="ISSUE&#x2011;001"><a href="http://www.w3.org/html/wg/tracker/issues/1">ISSUE&#x2011;1</a></td>
     <td>none</td>
     <td>Volunteer to write Change Proposal</td>        
-    <td>Dec 17, 2009</td>
+    <td><time datetime="2009-12-17">Dec 17, 2009</time></td>
     <td>Working Group</td>
     <td>Will close without prejudice if no one volunteers by the deadline.<br>(Julian Reschke is a possible candidate but has not volunteered yet.)</td>
 </tr>
 
-<tr><td><a href="http://www.w3.org/html/wg/tracker/issues/2">ISSUE&#x2011;2</a></td>
+<tr><td data-sort="ISSUE&#x2011;002"><a href="http://www.w3.org/html/wg/tracker/issues/2">ISSUE&#x2011;2</a></td>
     <td>none</td>
     <td>Volunteer to write Change Proposal</td>        
-    <td>Dec 17, 2009</td>
+    <td><time datetime="2009-12-17">Dec 17, 2009</time></td>
     <td>Working Group</td>
     <td>Will close without prejudice if no one volunteers by the deadline.<br>(Julian Reschke is a possible candidate but has not volunteered yet.)</td>
 </tr>
 
-<tr><td><a href="http://www.w3.org/html/wg/tracker/issues/4">ISSUE&#x2011;4</a></td>
+<tr><td data-sort="ISSUE&#x2011;004"><a href="http://www.w3.org/html/wg/tracker/issues/4">ISSUE&#x2011;4</a></td>
     <td>none</td>
     <td>Volunteer to write Change Proposal</td>        
-    <td>Dec 3, 2009</td>
+    <td><time datetime="2009-12-03">Dec 3, 2009</time></td>
     <td>Working Group</td>
     <td>Will close without prejudice if no one volunteers by the deadline.</td>
 </tr>
 
-<tr><td><a href="http://www.w3.org/html/wg/tracker/issues/7">ISSUE&#x2011;7</a></td>
+<tr><td data-sort="ISSUE&#x2011;007"><a href="http://www.w3.org/html/wg/tracker/issues/7">ISSUE&#x2011;7</a></td>
     <td>none</td>
     <td>Volunteer to write Change Proposal</td>        
-    <td>Dec 3, 2009</td>
+    <td><time datetime="2009-12-03">Dec 3, 2009</time></td>
     <td>Working Group</td>
     <td>Will close without prejudice if no one volunteers by the deadline.</td>
 </tr>
 
-<tr><td><a href="http://www.w3.org/html/wg/tracker/issues/10">ISSUE&#x2011;10</a></td>
+<tr><td data-sort="ISSUE&#x2011;010"><a href="http://www.w3.org/html/wg/tracker/issues/10">ISSUE&#x2011;10</a></td>
     <td>none</td>
     <td>Volunteer to write Change Proposal</td>        
-    <td>Dec 17, 2009</td>
+    <td><time datetime="2009-12-17">Dec 17, 2009</time></td>
     <td>Working Group</td>
     <td>Will close without prejudice if no one volunteers by the deadline.</td>
 </tr>
 
-<tr><td><a href="http://www.w3.org/html/wg/tracker/issues/27">ISSUE&#x2011;27</a></td>
+<tr><td data-sort="ISSUE&#x2011;027"><a href="http://www.w3.org/html/wg/tracker/issues/27">ISSUE&#x2011;27</a></td>
     <td>none</td>
     <td><a href="http://www.w3.org/html/wg/tracker/actions/160">ACTION-160 Write CP</a></td>        
-    <td>Dec 17, 2009</td>
+    <td><time datetime="2009-12-17">Dec 17, 2009</time></td>
     <td>Paul Cotton</td>
     <td>Will close without prejudice if CP is not complete by the deadline.</td>
 </tr>
 
 
-<tr><td><a href="http://www.w3.org/html/wg/tracker/issues/30">ISSUE&#x2011;30</a></td>
+<tr><td data-sort="ISSUE&#x2011;030"><a href="http://www.w3.org/html/wg/tracker/issues/30">ISSUE&#x2011;30</a></td>
     <td>none</td>
     <td>Review Change Proposal</td>
     <td>n/a</td>
@@ -73,7 +80,7 @@
 </tr>
 
 
-<tr><td><a href="http://www.w3.org/html/wg/tracker/issues/32">ISSUE&#x2011;32</a></td>
+<tr><td data-sort="ISSUE&#x2011;032"><a href="http://www.w3.org/html/wg/tracker/issues/32">ISSUE&#x2011;32</a></td>
     <td><a href="http://www.w3.org/Bugs/Public/show_bug.cgi?id=7633">bug&nbsp;7633</a>,
         <a href="http://www.w3.org/Bugs/Public/show_bug.cgi?id=7539">bug&nbsp;7539</a></td>
     <td>Review Change Proposal</td>
@@ -83,27 +90,27 @@
 </tr>
 
 
-<tr><td><a href="http://www.w3.org/html/wg/tracker/issues/63">ISSUE&#x2011;63</a></td>
+<tr><td data-sort="ISSUE&#x2011;063"><a href="http://www.w3.org/html/wg/tracker/issues/63">ISSUE&#x2011;63</a></td>
     <td><a href="http://www.w3.org/Bugs/Public/show_bug.cgi?id=7599">bug&nbsp;7599</a></td>
     <td>Volunteer to write Change Proposal</td>
-    <td>Dec 3, 2009</td>
+    <td><time datetime="2009-12-03">Dec 3, 2009</time></td>
     <td>Working Group</td>
     <td>Will close without prejudice if no one volunteers by the deadline.</td>
 </tr>
 
 
 
-<tr><td><a href="http://www.w3.org/html/wg/tracker/issues/76">ISSUE&#x2011;76</a></td>
+<tr><td data-sort="ISSUE&#x2011;076"><a href="http://www.w3.org/html/wg/tracker/issues/76">ISSUE&#x2011;76</a></td>
     <td><a href="http://www.w3.org/Bugs/Public/show_bug.cgi?id=7542">bug&nbsp;7542</a></td>
     <td>Volunteer to write counter-proposal</td>
-    <td>Dec 2, 2009</td>
+    <td><time datetime="2009-12-02">Dec 2, 2009</time></td>
     <td>Working Group</td>
     <td><a href="http://lists.w3.org/Archives/Public/public-html/2009Oct/0773.html">Change Proposal: Remove Microdata from the HTML5 spec and publish as a separate draft.</a><br>
       Will proceed with CfC on this proposal if no one volunteers for a counter-proposal by the deadline.</td>
 </tr>
 
 
-<tr><td><a href="http://www.w3.org/html/wg/tracker/issues/83">ISSUE&#x2011;83</a></td>
+<tr><td data-sort="ISSUE&#x2011;083"><a href="http://www.w3.org/html/wg/tracker/issues/83">ISSUE&#x2011;83</a></td>
     <td><a href="http://www.w3.org/Bugs/Public/show_bug.cgi?id=7657">bug&nbsp;7657</a>,
         <a href="http://www.w3.org/Bugs/Public/show_bug.cgi?id=7669">bug&nbsp;7669</a></td>
     <td>Review Change Proposal</td>
@@ -113,20 +120,66 @@
 </tr>
 
 
-<tr><td><a href="http://www.w3.org/html/wg/tracker/issues/87">ISSUE&#x2011;87</a></td>
+<tr><td data-sort="ISSUE&#x2011;087"><a href="http://www.w3.org/html/wg/tracker/issues/87">ISSUE&#x2011;87</a></td>
     <td><a href="http://www.w3.org/Bugs/Public/show_bug.cgi?id=8003">bug&nbsp;8003</a></td>
     <td>Volunteer to write Change Proposal</td>
-    <td>Dec 17, 2009</td>
+    <td><time datetime="2009-12-17">Dec 17, 2009</time></td>
     <td>Working Group</td>
     <td>Will close without prejudice if no one volunteers by the deadline.</td>
 </tr>
 
-<tr><td><a href="http://www.w3.org/html/wg/tracker/issues/88">ISSUE&#x2011;88</a></td>
+<tr><td data-sort="ISSUE&#x2011;088"><a href="http://www.w3.org/html/wg/tracker/issues/88">ISSUE&#x2011;88</a></td>
     <td><a href="http://www.w3.org/Bugs/Public/show_bug.cgi?id=8088">bug&nbsp;8088</a></td>
     <td>Volunteer to write Change Proposal</td>
-    <td>Dec 17, 2009</td>
+    <td><time datetime="2009-12-17">Dec 17, 2009</time></td>
     <td>Working Group</td>
     <td>Will close without prejudice if no one volunteers by the deadline.</td>
 </tr>
 
 </table>
+
+<script>
+ var ths = document.getElementsByTagName('TH');
+ var last = null;
+ for (var i = 0; i < ths.length; i += 1) {
+   ths[i].onclick = function (event) {
+     var trs = event.target.parentNode.parentNode.parentNode.tBodies[0].getElementsByTagName('TR');
+     var cells = [];
+     for (var j = trs.length-1; j >= 0; j -= 1) {
+       cells.push(trs[j].cells[event.target.cellIndex]);
+       trs[j].parentNode.removeChild(trs[j]);
+     }
+     cells.sort(function cmp(a, b) {
+       if (a.firstChild.nodeName == 'TIME')
+          a_t1 = a.firstChild.getAttribute('datetime');
+       else if (a.hasAttribute('data-sort'))
+          a_t1 = a.getAttribute('data-sort');
+       else
+          a_t1 = a.textContent;
+       a_t2 = a.parentNode.cells[0].getAttribute('data-sort');
+       if (b.firstChild.nodeName == 'TIME')
+          b_t1 = b.firstChild.getAttribute('datetime');
+       else if (b.hasAttribute('data-sort'))
+          b_t1 = b.getAttribute('data-sort');
+       else
+          b_t1 = b.textContent;
+       b_t2 = b.parentNode.cells[0].getAttribute('data-sort');
+       var result = a_t1 > b_t1 ? 1 : a_t1 < b_t1 ? -1 : a_t2 > b_t2 ? 1 : a_t2 < b_t2 ? -1 : 0;
+       if (event.target.getAttribute('aria-sort') == 'ascending')
+         return 1-result;
+       return result;
+     });
+     for (var j = 0; j < cells.length; j += 1) {
+       event.target.parentNode.parentNode.parentNode.tBodies[0].appendChild(cells[j].parentNode);
+     }
+     if (event.target.getAttribute('aria-sort') == 'ascending') {
+       event.target.setAttribute('aria-sort', 'descending');
+     } else {
+       if (last)
+         last.removeAttribute('aria-sort');
+       event.target.setAttribute('aria-sort', 'ascending');
+     }
+     last = event.target;
+   };
+ }
+</script>

Received on Wednesday, 25 November 2009 09:58:44 UTC