Initial UI for Metrics in Observatory

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

Index: runtime/bin/vmservice/observatory/deployed/web/packages/observatory/src/elements/io_view.html
diff --git a/runtime/bin/vmservice/observatory/deployed/web/packages/observatory/src/elements/io_view.html b/runtime/bin/vmservice/observatory/deployed/web/packages/observatory/src/elements/io_view.html
index 661731563448e8fa372d874f1ca4601420486d1b..939e0b790947a180ba5c48eaa221dbec8d36cbf1 100644
--- a/runtime/bin/vmservice/observatory/deployed/web/packages/observatory/src/elements/io_view.html
+++ b/runtime/bin/vmservice/observatory/deployed/web/packages/observatory/src/elements/io_view.html
@@ -20,7 +20,7 @@
 
       <ul class="list-group">
         <li class="list-group-item">
-          <a on-click="{{ goto }}" href="{{gotoLink(io.isolate.relativeLink('io/http/servers'))}}">HTTP Servers</a>
+          <a on-click="{{ goto }}" _href="{{gotoLink(io.isolate.relativeLink('io/http/servers'))}}">HTTP Servers</a>
         </li>
       </ul>
 
@@ -28,7 +28,7 @@
 
       <ul class="list-group">
         <li class="list-group-item">
-          <a on-click="{{ goto }}" href="{{gotoLink(io.isolate.relativeLink('io/sockets'))}}">Sockets</a>
+          <a on-click="{{ goto }}" _href="{{gotoLink(io.isolate.relativeLink('io/sockets'))}}">Sockets</a>
         </li>
       </ul>
 
@@ -36,7 +36,7 @@
 
       <ul class="list-group">
         <li class="list-group-item">
-          <a on-click="{{ goto }}" href="{{gotoLink(io.isolate.relativeLink('io/websockets'))}}">WebSockets</a>
+          <a on-click="{{ goto }}" _href="{{gotoLink(io.isolate.relativeLink('io/websockets'))}}">WebSockets</a>
         </li>
       </ul>
 
@@ -44,7 +44,7 @@
 
       <ul class="list-group">
         <li class="list-group-item">
-          <a on-click="{{ goto }}" href="{{gotoLink(io.isolate.relativeLink('io/file/randomaccessfiles'))}}">Random Access Files</a>
+          <a on-click="{{ goto }}" _href="{{gotoLink(io.isolate.relativeLink('io/file/randomaccessfiles'))}}">Random Access Files</a>
         </li>
       </ul>
 
@@ -52,7 +52,7 @@
 
       <ul class="list-group">
         <li class="list-group-item">
-          <a on-click="{{ goto }}" href="{{gotoLink(io.isolate.relativeLink('io/processes'))}}">Processess</a>
+          <a on-click="{{ goto }}" _href="{{gotoLink(io.isolate.relativeLink('io/processes'))}}">Processess</a>
         </li>
       </ul>
 
@@ -113,7 +113,7 @@
 <polymer-element name="io-http-server-ref" extends="service-ref">
   <template>
     <link rel="stylesheet" href="css/shared.css">
-    <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a>
+    <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a>
   </template>
 </polymer-element>
 
@@ -174,7 +174,7 @@
 <polymer-element name="io-http-server-connection-ref" extends="service-ref">
   <template>
     <link rel="stylesheet" href="css/shared.css">
-    <a href="{{ url }}">{{ name }}</a>
+    <a _href="{{ url }}">{{ name }}</a>
   </template>
 </polymer-element>
 
@@ -215,7 +215,7 @@
 <polymer-element name="io-socket-ref" extends="service-ref">
   <template>
     <link rel="stylesheet" href="css/shared.css">
-    <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a>
+    <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a>
   </template>
 </polymer-element>
 
@@ -345,7 +345,7 @@
 <polymer-element name="io-web-socket-ref" extends="service-ref">
   <template>
     <link rel="stylesheet" href="css/shared.css">
-    <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a>
+    <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a>
   </template>
 </polymer-element>
 
@@ -405,7 +405,7 @@
 <polymer-element name="io-random-access-file-ref" extends="service-ref">
   <template>
     <link rel="stylesheet" href="css/shared.css">
-    <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a>
+    <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a>
   </template>
 </polymer-element>
 
@@ -501,10 +501,10 @@
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <template if="{{ small }}">
-      <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a>
+      <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a>
     </template>
     <template if="{{ !small }}">
-      <a on-click="{{ goto }}" href="{{ url }}">({{ ref['pid'] }}) {{ name }} {{ ref['arguments'] }}</a>
+      <a on-click="{{ goto }}" _href="{{ url }}">({{ ref['pid'] }}) {{ name }} {{ ref['arguments'] }}</a>
     </template>
   </template>
 </polymer-element>