1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
|
// Copyright 2014 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
cr.define('gcmInternals', function() {
'use strict';
var isRecording = false;
/**
* If the info dictionary has property prop, then set the text content of
* element to the value of this property. Otherwise clear the content.
* @param {!Object} info A dictionary of device infos to be displayed.
* @param {string} prop Name of the property.
* @param {string} element The id of a HTML element.
*/
function setIfExists(info, prop, element) {
if (info[prop] !== undefined) {
$(element).textContent = info[prop];
} else {
$(element).textContent = '';
}
}
/**
* Display device informations.
* @param {!Object} info A dictionary of device infos to be displayed.
*/
function displayDeviceInfo(info) {
setIfExists(info, 'androidId', 'android-id');
setIfExists(info, 'profileServiceCreated', 'profile-service-created');
setIfExists(info, 'gcmEnabled', 'gcm-enabled');
setIfExists(info, 'signedInUserName', 'signed-in-username');
setIfExists(info, 'gcmClientCreated', 'gcm-client-created');
setIfExists(info, 'gcmClientState', 'gcm-client-state');
setIfExists(info, 'connectionClientCreated', 'connection-client-created');
setIfExists(info, 'connectionState', 'connection-state');
setIfExists(info, 'registeredAppIds', 'registered-app-ids');
setIfExists(info, 'sendQueueSize', 'send-queue-size');
setIfExists(info, 'resendQueueSize', 'resend-queue-size');
}
/**
* Remove all the child nodes of the element.
* @param {HTMLElement} element A HTML element.
*/
function removeAllChildNodes(element) {
element.textContent = '';
}
/**
* For each item in line, add a row to the table. Each item is actually a list
* of sub-items; each of which will have a corresponding cell created in that
* row, and the sub-item will be displayed in the cell.
* @param {HTMLElement} table A HTML tbody element.
* @param {!Object} list A list of list of item.
*/
function addRows(table, list) {
for (var i = 0; i < list.length; ++i) {
var row = document.createElement('tr');
// The first element is always a timestamp.
var cell = document.createElement('td');
var d = new Date(list[i][0]);
cell.textContent = d;
row.appendChild(cell);
for (var j = 1; j < list[i].length; ++j) {
var cell = document.createElement('td');
cell.textContent = list[i][j];
row.appendChild(cell);
}
table.appendChild(row);
}
}
/**
* Refresh all displayed information.
*/
function refreshAll() {
chrome.send('getGcmInternalsInfo', [false]);
}
/**
* Toggle the isRecording variable and send it to browser.
*/
function setRecording() {
isRecording = !isRecording;
chrome.send('setGcmInternalsRecording', [isRecording]);
}
/**
* Clear all the activity logs.
*/
function clearLogs() {
chrome.send('getGcmInternalsInfo', [true]);
}
function initialize() {
$('recording').disabled = true;
$('refresh').onclick = refreshAll;
$('recording').onclick = setRecording;
$('clear-logs').onclick = clearLogs;
chrome.send('getGcmInternalsInfo', [false]);
}
/**
* Refresh the log html table by clearing it first. If data is not empty, then
* it will be used to populate the table.
* @param {string} id ID of the log html table.
* @param {!Object} data A list of list of data items.
*/
function refreshLogTable(id, data) {
removeAllChildNodes($(id));
if (data !== undefined) {
addRows($(id), data);
}
}
/**
* Callback function accepting a dictionary of info items to be displayed.
* @param {!Object} infos A dictionary of info items to be displayed.
*/
function setGcmInternalsInfo(infos) {
isRecording = infos.isRecording;
if (isRecording)
$('recording').textContent = 'Stop Recording';
else
$('recording').textContent = 'Start Recording';
$('recording').disabled = false;
if (infos.deviceInfo !== undefined) {
displayDeviceInfo(infos.deviceInfo);
}
refreshLogTable('checkin-info', infos.checkinInfo);
refreshLogTable('connection-info', infos.connectionInfo);
refreshLogTable('registration-info', infos.registrationInfo);
refreshLogTable('receive-info', infos.receiveInfo);
refreshLogTable('send-info', infos.sendInfo);
}
// Return an object with all of the exports.
return {
initialize: initialize,
setGcmInternalsInfo: setGcmInternalsInfo,
};
});
document.addEventListener('DOMContentLoaded', gcmInternals.initialize);
|