Connecting webrtc-internals WebUI frontend with the backend

chrome/browser/resources/webrtc_internals/webrtc_internals.js

Index: chrome/browser/resources/webrtc_internals/webrtc_internals.js
diff --git a/chrome/browser/resources/webrtc_internals/webrtc_internals.js b/chrome/browser/resources/webrtc_internals/webrtc_internals.js
index 38ddb664b806f0df99f4b247edb84f2c9e0af70d..f9595a4093d467768139b216f6d1be6bbcf2eea3 100644
--- a/chrome/browser/resources/webrtc_internals/webrtc_internals.js
+++ b/chrome/browser/resources/webrtc_internals/webrtc_internals.js
@@ -2,7 +2,46 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+var peerConnectionsListElem = null;
+
 function initialize() {
+  peerConnectionsListElem = $('peer-connections-list');
+}
+
+function getPeerConnectionId(data) {
+  return data.pid + ':' + data.lid;
+}
+
+// Makes sure a LI element representing a PeerConnection is created
+// and appended to peerConnectionListElem.
+function ensurePeerConnectionElement(id) {
+  var element = $(id);
+  if (!element) {
+    element = document.createElement('li');
+    peerConnectionsListElem.appendChild(element);
+    element.id = id;
+  }
+  return element;
+}
+
+//
+// Browser message handlers
+//
+
+function removePeerConnection(data) {
+  var element = $(getPeerConnectionId(data));
+  if (element)
+    peerConnectionsListElem.removeChild(element);
+}
+
+function addPeerConnection(data) {
+  var peerConnectionElement = ensurePeerConnectionElement(
+      getPeerConnectionId(data));
+  peerConnectionElement.innerHTML = 'PeerConnection ' +
+                                     peerConnectionElement.id + '<br>' +
+                                     data.url + ', ' +
+                                     data.servers + ', ' +
+                                     data.constraints + '<br>';
 }
 
 document.addEventListener('DOMContentLoaded', initialize);