text: import Ember from 'ember';
  import { colorForState } from 'travis/utils/helpers';
  import { languageConfigKeys } from 'travis/utils/keys-map';
  
  export default Ember.Component.extend({
    tagName: 'li',
    classNameBindings: ['job.state'],
    classNames: ['jobs-item'],
  
    languages: function() {
      var config, gemfile, key, languageName, output, version;
      output = [];
      if (config = this.get('job.config')) {
        for (key in languageConfigKeys) {
          languageName = languageConfigKeys[key];
          if (version = config[key]) {
            output.push(languageName + ': ' + version);
          }
        }
        gemfile = this.get('job.config.gemfile');
        if (gemfile && this.get('job.config.env')) {
          output.push("Gemfile: " + gemfile);
        }
      }
      return output.join(' ');
    }.property('job.config'),
  
    environment: function() {
      var env, gemfile;
      if (env = this.get('job.config.env')) {
        return env;
      } else if (gemfile = this.get('job.config.gemfile')) {
        return "Gemfile: " + gemfile;
      }
    }.property('job.config.env', 'job.config.gemfile')
  });
  