// Generated by CoffeeScript 2.7.0
import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'span',
  type: null,
  classNames: ['value-type-display'],
  classNameBindings: ['typeClass'],
  typeClass: Ember.computed('type', function() {
    return this.get('type') || 'no-typ';
  }),
  iconClass: Ember.computed('type', function() {
    switch (this.get('type')) {
      case 'boolean':
        return 'check square outline';
      case 'date':
        return 'calendar alternate outline';
      case 'select':
        return 'list';
      case 'string':
        return 'terminal';
      case 'text':
        return 'sticky note outline';
      case 'number':
        return 'hashtag';
      case 'timestamp':
        return 'clock outline';
      default:
        return 'red warning circle';
    }
  })
});

//  &.date
//    @extend .fa-calendar
//  &.number
//    @extend .fa-hashtag
//  &.select
//    @extend .fa-list-ul
//  &.string
//    @extend .fa-terminal
//  &.text
//    @extend .fa-sticky-note-o
//  &.window_from
//    @extend .fa-clock-o
//  &.window_to
//    @extend .fa-clock-o
//  &.timestamp
//    @extend .fa-clock-o