<link rel="import" href="../../../../packages/polymer/polymer.html">
<link rel="import" href="service_ref.html">

<polymer-element name="code-ref" extends="service-ref">
  <template>
    <link rel="stylesheet" href="css/shared.css">
    <template if="{{ code.isDartCode }}">
        <template if="{{ code.isOptimized }}">
          <a on-click="{{ goto }}" href="{{ url }}">*{{ name }}</a>
        </template>
        <template if="{{ !code.isOptimized }}">
          <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a>
        </template>
    </template>
    <template if="{{ !code.isDartCode }}">
      <span>{{ name }}</span>
    </template>
  </template>
</polymer-element>

<script type="application/dart" src="code_ref.dart"></script>