Support for inline div w/ SelectionMixin about ember-table HOT 6 CLOSED

Ember.Table.TableRow.reopen({
  forceHeight: null,
  forceTop:null,
  height: Ember.computed(function() {
    return (this.forceHeight==null) ? this.tableComponent.rowHeight : this.forceHeight;
  }).property('forceHeight','tableComponent.rowHeight'),
  heightObserver: function(){
    var height=this.get('height');
    this.get('childViews')[0].forEach(function(view){
      view.set('height',height);
      view.set('lineHeight',height);
    });
  }.observes('height'),
  getViewForEvent: function(event) {
    var $rowView, view;
    $rowView = $(event.target).closest('.ember-table-table-row');
    view = Ember.View.views[$rowView.attr('id')];
    if (view) {
      return view;
    }
  },
  getNextRowViews: function(itemIndex) {
    var $rowView, view;
    $rowViews = $('.ember-table-table-row');
    var arr=Ember.A();
    $rowViews.each(function(){
      var view = Ember.View.views[$(this).attr('id')];
      if (view.get('itemIndex')>itemIndex) {
        arr.pushObject(view);
      }
    });
    return arr;
  },
  mouseEnter: function(event) {
    var row_view = this.getViewForEvent(event);
    var $rowView=$(event.target).closest('.ember-table-table-row');
    if (!$rowView.closest(".ember-table-body-container").length) return;
    if (Ember.isEmpty(row_view)) return;
    var itemIndex=row_view.get('itemIndex');
    var nextViews=this.getNextRowViews(itemIndex);
    if (row_view.get('forceHeight')!=null) return;
    $rowView.css("height","auto");
    $rowView.find(".ember-table-cell").css("height","auto");
    var new_height=$rowView.height();
    row_view.set('forceHeight',new_height);
    nextViews.forEach(function(view){
      view.set('forceTop',new_height-view.get('rowHeight'));
    });
    this._super(event);
  },
  mouseLeave: function(event) {
    var row_view = this.getViewForEvent(event);
    var $rowView=$(event.target).closest('.ember-table-table-row');
    if (!$rowView.closest(".ember-table-body-container").length) return;
    if (Ember.isEmpty(row_view)) return;
    var itemIndex=row_view.get('itemIndex');
    var nextViews=this.getNextRowViews(itemIndex);
    if (row_view.get('forceHeight')==null) return;
    row_view.set('forceHeight',null);
    var new_height=null;
    nextViews.forEach(function(view){
      view.set('forceTop',null);
    });
    this._super(event);
  }
});

Ember.LazyItemView.reopen({
  top: Ember.computed(function() {
    var my_top=this.get('itemIndex') * this.get('rowHeight');
    if (this.forceTop!=null) my_top+=this.forceTop;
    return my_top;
  }).property('forceTop','itemIndex', 'rowHeight')
});

Ember.Table.TableCell.reopen({
  styleBindings: ['width','height','lineHeight'],
  height: Ember.computed(function() {
    var row=this.get('parentView').get('parentView');
    var height=row.get('height');
    return height;
  }).property('parentView.parentView'),
  lineHeight:Ember.computed.alias('height')
});

function isBelowView(elem)
{
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();

    var elemTop = $(elem).offset().top;
    var elemBottom = elemTop + $(elem).height();
    return (elemTop > docViewBottom);
}