<!DOCTYPE html>
<!--
Copyright (c) 2015 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/tracks/letter_dot_track.html">
<script>
'use strict';

tr.exportTo('tr.c.tracks', function() {
  /**
   * A track that displays an array of alert objects.
   * @constructor
   * @extends {HeadingTrack}
   */
  var AlertTrack = tr.b.ui.define(
      'alert-track', tr.c.tracks.LetterDotTrack);

  AlertTrack.prototype = {
    __proto__: tr.c.tracks.LetterDotTrack.prototype,

    decorate: function(viewport) {
      tr.c.tracks.LetterDotTrack.prototype.decorate.call(this, viewport);
      this.heading = 'Alerts';
      this.alerts_ = undefined;
    },

    get alerts() {
      return this.alerts_;
    },

    set alerts(alerts) {
      this.alerts_ = alerts;
      if (alerts === undefined) {
        this.items = undefined;
        return;
      }
      this.items = this.alerts_.map(function(alert) {
        return new tr.c.tracks.LetterDot(
            alert, String.fromCharCode(9888), alert.colorId, alert.start);
      });
    }
  };

  return {
    AlertTrack: AlertTrack
  };
});
</script>