Add Socket ref to HttpServer.

runtime/bin/vmservice/client/deployed/web/packages/observatory/src/elements/io_view.html

Index: runtime/bin/vmservice/client/deployed/web/packages/observatory/src/elements/io_view.html
diff --git a/runtime/bin/vmservice/client/deployed/web/packages/observatory/src/elements/io_view.html b/runtime/bin/vmservice/client/deployed/web/packages/observatory/src/elements/io_view.html
index 6b6b3574d263bc75ef48656566baed498b8fe292..2e0639d0333161175e5fda8f8f59bd42b6028ef1 100644
--- a/runtime/bin/vmservice/client/deployed/web/packages/observatory/src/elements/io_view.html
+++ b/runtime/bin/vmservice/client/deployed/web/packages/observatory/src/elements/io_view.html
@@ -87,6 +87,10 @@
 
       <div class="memberList">
         <div class="memberItem">
+          <div class="memberName">Socket</div>
+          <div class="memberValue"><io-socket-ref ref="{{ httpServer['socket'] }}"></io-socket-ref></div>
+        </div>
+        <div class="memberItem">
           <div class="memberName">Address</div>
           <div class="memberValue">{{ httpServer['address'] }}</div>
         </div>
@@ -109,6 +113,49 @@
   </template>
 </polymer-element>
 
+<polymer-element name="io-socket-ref" extends="service-ref">
+  <template>
+    <link rel="stylesheet" href="css/shared.css">
+    <a href="{{ url }}">{{ name }}</a>
+  </template>
+</polymer-element>
+
+<polymer-element name="io-socket-view" extends="observatory-element">
+  <template>
+    <link rel="stylesheet" href="css/shared.css">
+
+    <nav-bar>
+      <top-nav-menu last="{{ true }}"></top-nav-menu>
+      <nav-refresh callback="{{ refresh }}"></nav-refresh>
+    </nav-bar>
+
+    <div class="content">
+      <h1>Socket</h1>
+
+      <br>
+
+      <div class="memberList">
+        <div class="memberItem">
+          <div class="memberName">Address</div>
+          <div class="memberValue">{{ socket['address'] }}</div>
+        </div>
+        <div class="memberItem">
+          <div class="memberName">Port</div>
+          <div class="memberValue">{{ socket['port'] }}</div>
+        </div>
+      </div>
+    </div>
+    <br>
+    <hr>
+  </template>
+</polymer-element>
+
+<polymer-element name="io-random-access-file-ref" extends="service-ref">
+  <template>
+    <link rel="stylesheet" href="css/shared.css">
+    <a href="{{ url }}">{{ name }}</a>
+  </template>
+</polymer-element>
 
 <polymer-element name="io-random-access-file-list-view" extends="observatory-element">
   <template>
@@ -137,13 +184,6 @@
   </template>
 </polymer-element>
 
-<polymer-element name="io-random-access-file-ref" extends="service-ref">
-  <template>
-    <link rel="stylesheet" href="css/shared.css">
-    <a href="{{ url }}">{{ name }}</a>
-  </template>
-</polymer-element>
-
 <polymer-element name="io-random-access-file-view" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">