import Ember from 'ember';

function applyLinesIntoArray(lines, ary) {
  lines.forEach((line) => {
    line = line.trim();
    if ( !line )
    {
      return;
    }

    var idx = line.indexOf('=');
    var key = '';
    var val = '';
    if ( idx > 0 )
    {
      key = line.substr(0,idx).trim();
      val = line.substr(idx+1).trim();
    }
    else
    {
      key = line.trim();
      val = '';
    }

    var existing = ary.filterBy('key',key)[0];
    if ( existing )
    {
      Ember.set(existing,'value',val);
    }
    else
    {
      ary.pushObject(Ember.Object.create({key: key, value: val}));
    }
  });
}

function removeEmptyEntries(ary, allowEmptyValue=false) {
  // Clean up empty user entries
  var toRemove = [];
  ary.forEach((item) => {
    if ( item.get('key') && (item.get('value') || allowEmptyValue) )
    {
      // ok
    }
    else
    {
      toRemove.push(item);
    }
  });

  ary.removeObjects(toRemove);
}


export default Ember.Component.extend({
  // Inputs
  initialStr: null,
  initialMap: null,
  nameLabel: 'Pair',
  keyLabel: 'Key',
  valueLabel: 'Value',
  keyPlaceholder: 'Key',
  valuePlaceholder: 'Value',
  allowEmptyValue: false,
  addInitialEmptyRow: false,
  allowMultilineValue: true,

  ary: null,
  asMap: null,

  actions: {
    add() {
      this.get('ary').pushObject(Ember.Object.create({key: '', value: ''}));
      Ember.run.next(() => {
        if ( this._state !== 'destroying' )
        {
          this.$('INPUT.key').last()[0].focus();
        }
      });
    },

    remove(obj) {
      this.get('ary').removeObject(obj);
    },

    pastedLabels(str, target) {
      var ary = this.get('ary');
      str = str.trim();
      if ( str.indexOf('=') === -1 )
      {
        // Just pasting a key
        $(target).val(str);
        return;
      }

      var lines = str.split(/\r?\n/);
      applyLinesIntoArray(lines, ary);
      removeEmptyEntries(ary, this.get('allowEmptyValue'));
    },
  },

  didInitAttrs() {
    var ary = [];
    var map = this.get('initialMap');
    if ( map )
    {
      Object.keys(map).forEach((key) => {
        ary.push(Ember.Object.create({key: key, value: map[key]}));
      });
    }
    else if ( this.get('initialStr') )
    {
      var lines = this.get('initialStr').split(',');
      applyLinesIntoArray(lines, ary);
      removeEmptyEntries(ary, this.get('allowEmptyValue'));
    }

    this.set('ary', ary);
    if ( !ary.length && this.get('addInitialEmptyRow') )
    {
      this.send('add');
    }
  },

  asMapObserver: function() {
    var out = {};
    var outStr = '';

    this.get('ary').forEach((row) => {
      var k = row.get('key').trim();
      var v = row.get('value').trim();

      if ( k && (v || this.get('allowEmptyValue')) )
      {
        out[row.get('key').trim()] = row.get('value').trim();
        outStr += (outStr ? ',' : '') + k + '=' + v;
      }
    });

    this.set('asMap', out);
    this.sendAction('changed', out);
    this.sendAction('changedStr', outStr);
  }.observes('ary.@each.{key,value}'),
});