<head>
  <link rel="import" href="observatory_element.html">
</head>
<polymer-element name="stack-trace" extends="observatory-element">
  <template>
  <div class="alert alert-info">Stack Trace</div>
  <table class="table table-hover">
    <thead>
      <tr>
        <th>Depth</th>
        <th>Function</th>
        <th>Url</th>
        <th>Line</th>
      </tr>
    </thead>
    <tbody>
      <tr template repeat="{{ frame in trace['members'] }}">
        <td>{{$index}}</td>
        <td>{{ frame['name'] }}</td>
        <td>{{ frame['url'] }}</td>
        <td>{{ frame['line'] }}</td>
      </tr>
    </tbody>
  </table>
  </template>
  <script type="application/dart" src="stack_trace.dart"></script>
</polymer-element>