<head>
  <link rel="import" href="observatory_element.html">
  <link rel="import" href="stack_frame.html">
</head>
<polymer-element name="stack-trace" extends="observatory-element">
  <template>
    <template if="{{ trace['members'].isEmpty }}">
      <div class="col-md-1"></div>
      <div class="col-md-11">
        <em>No stack</em>
      </div>
    </template>
    <template if="{{ trace['members'].isNotEmpty }}">
      <ul class="list-group">
        <template repeat="{{ frame in trace['members'] }}">
          <li class="list-group-item">
            <stack-frame app="{{ app }}" frame="{{ frame }}"></stack-frame>
          </li>
        </template>
      </ul>
    </template>
  </template>
  <script type="application/dart" src="stack_trace.dart"></script>
</polymer-element>