var Component = require('./Component');

module.exports = Component.extend({

  defaults: _.extend({}, Component.prototype.defaults, {
      type: 'row',
      tagName: 'tr',
      draggable: ['table', 'tbody', 'thead'],
      droppable: ['th', 'td']
  }),

  initialize: function(o, opt) {
    Component.prototype.initialize.apply(this, arguments);

    // Clean the row from non cell components
    var cells = [];
    var components = this.get('components');
    components.each(function(model){
      if(model.get('type') == 'cell'){
        cells.push(model);
      }
    });
    components.reset(cells);
  }

},{

  /**
   * Detect if the passed element is a valid component.
   * In case the element is valid an object abstracted
   * from the element will be returned
   * @param {HTMLElement}
   * @return {Object}
   * @private
   */
  isComponent: function(el) {
    var result = '';
    if(el.tagName == 'TR'){
      result = {type: 'row'};
    }
    return result;
  },

});