Added dataChannel.id text field to peerconnection.html

chrome/test/data/webrtc/manual/peerconnection_manual.js

 /**
  * 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.
  */
 
  /**
  * See http://dev.w3.org/2011/webrtc/editor/getusermedia.html for more
  * information on getUserMedia. See
  * http://dev.w3.org/2011/webrtc/editor/webrtc.html for more information on
@@ skipping 963 matching lines @@
   // Trigger global.dataStatusCallback so an application is notified
   // about the created data channel.
   onDataChannelReadyStateChange_();
 }
 
 /** @private */
 function onDataChannelReadyStateChange_() {
   var readyState = global.dataChannel.readyState;
   print_('DataChannel state:' + readyState);
   global.dataStatusCallback(readyState);
+  // Display dataChannel.id only when dataChannel is active/open.
+  if (global.dataChannel.readyState == 'open') {
+    $('data-channel-id').value = global.dataChannel.id;
+  } else if (global.dataChannel.readyState == 'closed') {
+    $('data-channel-id').value = '';
+  }
 }
 
 /**
  * @private
  * @param {MediaStream} stream Media stream.
  */
 function getUserMediaOkCallback_(stream) {
   global.localStream = stream;
   global.requestWebcamAndMicrophoneResult = 'ok-got-stream';
   success_('getUserMedia');
@@ skipping 396 matching lines @@
 
 /** @private */
 function readResponseHeader_(request, key) {
   var value = request.getResponseHeader(key);
   if (value == null || value.length == 0) {
     error_('Received empty value ' + value +
            ' for response header key ' + key + '.');
   }
   return parseInt(value);
 }