1<!DOCTYPE HTML>
2<html>
3<head>
4  <meta charset="utf-8">
5  <title>Invalidations</title>
6  <script src="chrome://resources/js/cr.js"></script>
7  <script src="chrome://resources/js/parse_html_subset.js"></script>
8  <script src="chrome://resources/js/util.js"></script>
9  <script src="chrome://invalidations/about_invalidations.js"></script>
10  <link rel="stylesheet" href="about_invalidations.css">
11</head>
12<body>
13  <h1>Invalidations Debug Information</h1>
14  <div id="invalidations-info">
15    <div id="states" class="section">
16      <span class="lead">Invalidation service state:</span>
17      <span id="invalidations-state"></span>
18    </div>
19    <div>
20      <span class="lead">Registered InvalidationHandlers:</span>
21      <span id="registered-handlers"></span>
22    </div>
23    <div id="objectsid-table-div" class="section">
24      <span class="lead">Registered objectsIds for invalidations:</span>
25      <table id="objectsid-table-container">
26      <!-- 'objectsidtable' can't have dashes in the name
27            as jstemplate can't deal with them-->
28        <thead>
29          <tr class="header">
30            <th>Registrar</th>
31            <th>Source</th>
32            <th>Name</th>
33            <th>Total Count</th>
34            <th>Session Count</th>
35            <th>Version</th>
36            <th>Time</th>
37            <th>Last Payload</th>
38          </tr>
39        </thead>
40        <tbody>
41          <tr jsselect="objectsidtable" jsvalues="class:$this.type">
42            <td jscontent="registrar" width=5%></td>
43            <td jscontent="source" width=5%></td>
44            <td jscontent="name" width=20%></td>
45            <td jscontent="totalCount" width=5%></td>
46            <td jscontent="sessionCount" width=5%></td>
47            <td jscontent="version" width=10%></td>
48            <td jscontent="time" width=20%></td>
49            <td jscontent="payload" width=30%></td>
50         </tr>
51       </tbody>
52     </table>
53    </div>
54    <div class="section">
55      <span class="lead">Invalidations Log:</span>
56      <textarea
57        id="invalidations-log" rows="10" cols="120"readonly></textarea>
58    </div>
59    <div class="section">
60      <span class="lead">Detailed Internal Status:
61        <button id="request-detailed-status">Refresh</button>
62      </span>
63      <textarea id="internal-display" rows="10" cols="120" readonly></textarea>
64    </div>
65  </div>
66  <script src="chrome://resources/js/jstemplate_compiled.js"></script>
67</body>
68</html>
69