<!DOCTYPE html>
<!--
Copyright (c) 2013 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->

<link rel="import" href="/core/analysis/analysis_sub_view.html">
<link rel="import" href="/core/analysis/single_event_sub_view.html">

<polymer-element name="tr-c-a-single-async-slice-sub-view"
    extends="tr-c-a-single-event-sub-view">
  <script>
  'use strict';

  Polymer({
    getEventRows_: function(event) {
      // TODO(nduca): Figure out if there is a cleaner way to do this.
      var rows = this.__proto__.__proto__.getEventRows_(event);

      // Put the ID up top.
      rows.splice(0, 0, {
        name: 'ID',
        value: event.id
      });
      return rows;
    },

    get relatedEventsToHighlight() {
      if (!this.currentSelection_)
        return undefined;
      if (!this.currentSelection_[0].associatedEvents)
        return;
      return new tr.c.Selection(this.currentSelection_[0].associatedEvents);
    }
  });
  </script>
</polymer-element>