blob: 0f4cc0cde908eed55b7debab1105caa32f9d8bce (
plain)
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
|
// Copyright (c) 2013 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.
/**
* The data of a peer connection update.
* @param {number} pid The id of the renderer.
* @param {number} lid The id of the peer conneciton inside a renderer.
* @param {string} type The type of the update.
* @param {string} value The details of the update.
* @constructor
*/
var PeerConnectionUpdateEntry = function(pid, lid, type, value) {
/**
* @type {number}
*/
this.pid = pid;
/**
* @type {number}
*/
this.lid = lid;
/**
* @type {string}
*/
this.type = type;
/**
* @type {string}
*/
this.value = value;
};
/**
* Maintains the peer connection update log table.
*/
var PeerConnectionUpdateTable = (function() {
'use strict';
/**
* @constructor
*/
function PeerConnectionUpdateTable() {
/**
* @type {string}
* @const
* @private
*/
this.UPDATE_LOG_ID_SUFFIX_ = '-update-log';
/**
* @type {string}
* @const
* @private
*/
this.UPDATE_LOG_CONTAINER_CLASS_ = 'update-log-container';
/**
* @type {string}
* @const
* @private
*/
this.UPDATE_LOG_TABLE_CLASS = 'update-log-table';
}
PeerConnectionUpdateTable.prototype = {
/**
* Adds the update to the update table as a new row. The type of the update
* is set to the summary of the cell; clicking the cell will reveal or hide
* the details as the content of a TextArea element.
*
* @param {!Element} peerConnectionElement The root element.
* @param {!PeerConnectionUpdateEntry} update The update to add.
*/
addPeerConnectionUpdate: function(peerConnectionElement, update) {
var tableElement = this.ensureUpdateContainer_(peerConnectionElement);
var row = document.createElement('tr');
tableElement.firstChild.appendChild(row);
row.innerHTML = '<td>' + (new Date()).toLocaleString() + '</td>';
if (update.value.length == 0) {
row.innerHTML += '<td>' + update.type + '</td>';
return;
}
row.innerHTML += '<td><details><summary>' + update.type +
'</summary></details></td>';
var valueContainer = document.createElement('pre');
var details = row.cells[1].childNodes[0];
details.appendChild(valueContainer);
valueContainer.textContent = update.value;
},
/**
* Makes sure the update log table of the peer connection is created.
*
* @param {!Element} peerConnectionElement The root element.
* @return {!Element} The log table element.
* @private
*/
ensureUpdateContainer_: function(peerConnectionElement) {
var tableId = peerConnectionElement.id + this.UPDATE_LOG_ID_SUFFIX_;
var tableElement = $(tableId);
if (!tableElement) {
var tableContainer = document.createElement('div');
tableContainer.className = this.UPDATE_LOG_CONTAINER_CLASS_;
peerConnectionElement.appendChild(tableContainer);
tableElement = document.createElement('table');
tableElement.className = this.UPDATE_LOG_TABLE_CLASS;
tableElement.id = tableId;
tableElement.border = 1;
tableContainer.appendChild(tableElement);
tableElement.innerHTML = '<tr><th>Time</th>' +
'<th class="update-log-header-event">Event</th></tr>';
}
return tableElement;
}
};
return PeerConnectionUpdateTable;
})();
|
