Initial UI for Metrics in Observatory

runtime/bin/vmservice/observatory/lib/src/elements/instance_ref.html

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="curly_block.html">
 <link rel="import" href="observatory_element.html">
 <link rel="import" href="service_ref.html">
 
 <polymer-element name="instance-ref" extends="service-ref">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <style>
       .errorBox {
@@ skipping 17 matching lines @@
 
       <template if="{{ isSentinel(ref) }}">
         <div title="{{ hoverText }}">{{ ref['valueAsString'] }}</div>
       </template>
 
       <template if="{{ (isString(ref) ||
                         isBool(ref) ||
                         isNull(ref) ||
                         isInt(ref)) ||
                         isDouble(ref)) }}">
-        <a on-click="{{ goto }}" href="{{ url }}">{{ ref['valueAsString'] }}</a>
+        <a on-click="{{ goto }}" _href="{{ url }}">{{ ref['valueAsString'] }}</a>
       </template>
 
       <template if="{{ (isType(ref)) }}">
-        <a on-click="{{ goto }}" href="{{ url }}">{{ ref['user_name'] }}</a>
+        <a on-click="{{ goto }}" _href="{{ url }}">{{ ref['user_name'] }}</a>
       </template>
 
       <template if="{{ isInstance(ref) &&
                        ref['closureFunc'] != null}}">
-        <a on-click="{{ goto }}" href="{{ url }}">
+        <a on-click="{{ goto }}" _href="{{ url }}">
           <!-- TODO(turnidge): Switch this to fully-qualified function -->
           {{ ref['closureFunc'].name }}
         </a>
       </template>
 
       <template if="{{ isInstance(ref) &&
                        ref['closureFunc'] == null}}">
-        <a on-click="{{ goto }}" href="{{ url }}"><em>{{ ref['class'].name }}</em></a>
+        <a on-click="{{ goto }}" _href="{{ url }}"><em>{{ ref['class'].name }}</em></a>
         <curly-block callback="{{ expander() }}">
           <div class="memberList">
             <template repeat="{{ field in ref['fields'] }}">
               <div class="memberItem">
                 <div class="memberName">
                   {{ field['decl']['user_name'] }}
                 </div>
                 <div class="memberValue">
                   <instance-ref ref="{{ field['value'] }}"></instance-ref>
                 </div>
               </div>
             </template>
           </div>
         </curly-block>
       </template>
 
       <template if="{{ isList(ref) }}">
-        <a on-click="{{ goto }}" href="{{ url }}"><em>{{ ref['class'].name }}</em> ({{ ref['length']}})</a>
+        <a on-click="{{ goto }}" _href="{{ url }}"><em>{{ ref['class'].name }}</em> ({{ ref['length']}})</a>
         <curly-block callback="{{ expander() }}">
           <div class="memberList">
             <template repeat="{{ element in ref['elements'] }}">
               <div class="memberItem">
                 <div class="memberName">[{{ element['index']}}]</div>
                 <div class="memberValue">
                   <instance-ref ref="{{ element['value'] }}"></instance-ref>
                 </div>
               </div>
             </template>
           </div>
         </curly-block>
       </template>
     </span>
   </template>
 </polymer-element>
 
 <script type="application/dart" src="instance_ref.dart"></script>