import Ember from 'ember';
import moment from 'moment';
import stringToHue from 'bus-detective/utils/string-to-hue';
var inject = Ember.inject;

export default Ember.Component.extend({
  tagName: 'li',
  clock: inject.service(),
  attributeBindings: ['style'],
  classNames: ['rt-arrival'],
  classNameBindings: ['isPast:rt-arrival--past'],

  timeFromNow: Ember.computed('clock.time', function() {
    return moment(this.get('arrival.time')).fromNow();
  }),

  isPast: Ember.computed('clock.time', function() {
    return new Date(this.get('arrival.time')) < new Date();
  }),

  style: Ember.computed('arrival.route_id', function() {
    var hue = stringToHue(this.get('arrival.route_id').toString());
    return `color:            hsl(${hue}, 60%, 25%);
            background-color: hsl(${hue}, 40%, 95%);
            border-color:     hsl(${hue}, 40%, 80%);`;
  })
});

import Ember from 'ember';
import moment from 'moment';
import stringToHue from 'bus-detective/utils/string-to-hue';
var inject = Ember.inject;

export default Ember.Component.extend({
  tagName: 'li',
  clock: inject.service(),
  attributeBindings: ['style'],
  classNames: ['rt-arrival'],

  timeFromNow: Ember.computed('clock.time', function() {
    return moment(this.get('arrival.time')).fromNow();
  }),

  style: Ember.computed('arrival.route_id', function() {
    var hue = stringToHue(this.get('arrival.route_id').toString());
    return `color:            hsl(${hue}, 60%, 25%);
            background-color: hsl(${hue}, 40%, 95%);
            border-color:     hsl(${hue}, 40%, 80%);`;
  })
});

--- 
+++ 
@@ -8,9 +8,14 @@
   clock: inject.service(),
   attributeBindings: ['style'],
   classNames: ['rt-arrival'],
+  classNameBindings: ['isPast:rt-arrival--past'],
 
   timeFromNow: Ember.computed('clock.time', function() {
     return moment(this.get('arrival.time')).fromNow();
+  }),
+
+  isPast: Ember.computed('clock.time', function() {
+    return new Date(this.get('arrival.time')) < new Date();
   }),
 
   style: Ember.computed('arrival.route_id', function() {
Add a class to past stops for styling purposes
