[invalidations] Added table with registered objectsIds

chrome/browser/resources/about_invalidations.html

Index: chrome/browser/resources/about_invalidations.html
diff --git a/chrome/browser/resources/about_invalidations.html b/chrome/browser/resources/about_invalidations.html
index d7dd623dd0b8741f10617b213f18113b0a3dae56..e6b76a772763b5a943e4e099bf7cdfcc14ce799b 100644
--- a/chrome/browser/resources/about_invalidations.html
+++ b/chrome/browser/resources/about_invalidations.html
@@ -13,17 +13,31 @@
   <h1>Invalidations Debug Information</h1>
   <div id="invalidations-info">
     <div id="states" class="section">
-      <label>
-        <p>Invalidation service state:</p><span id="invalidations-state"></span>
-      </label>
+      <span class='lead'>Invalidation service state:</span>
+      <span id="invalidations-state"></span>
+    </div>
+    <div class="section" id="objectsid-table-div">
+      <span class='lead'>Registered objectsIds for invalidations:</span>
+      <table id="objectsid-table-container">
+      <!-- 'objectsidtable' can't have dashes in the name
+            as jstemplate can't deal with them-->
+        <tr jsselect="objectsidtable" jsvalues="class:$this.type">
+          <td jscontent="registrar" width=5%></td>
+          <td jscontent="source" width=5%></td>
+          <td jscontent="name" width=20%></td>
+          <td jscontent="count" width=5%></td>
+          <td jscontent="version" width=10%></td>
+          <td jscontent="time" width=20%></td>
+          <td jscontent="payload" width=35%></td>
+       </tr>
+     </table>
     </div>
     <div class="section">
-      <label>
-        <p>Invalidations Log:</p>
-        <textarea
-            id="invalidations-log" rows="10" cols="120" readonly></textarea>
-      </label>
+      <span class='lead'>Invalidations Log:</span>
+      <textarea
+        id="invalidations-log" rows="10" cols="120"readonly></textarea>
     </div>
   </div>
+  <script src="chrome://resources/js/jstemplate_compiled.js"></script>
 </body>
 </html>