[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..2b1a0e1278d9e9df857d707d5bdf7256639d44ed 100644
--- a/chrome/browser/resources/about_invalidations.html
+++ b/chrome/browser/resources/about_invalidations.html
@@ -13,17 +13,44 @@
   <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 id="objectsid-table-div" class="section">
+      <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-->
+        <thead>
+          <tr class="header">
+            <th>Registrar</th>
+            <th>Source</th>
+            <th>Name</th>
+            <th>Count</th>
+            <th>Version</th>
+            <th>Time</th>
+            <th>Last Payload</th>
+          </tr>
+        </thead>
+        <tbody>
+          <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>
+       </tbody>
+     </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>