var __getTensor = function (params) {
  if (!params.tensor) {
    params.tensor = Tensor.fromProduct(params.product);
  }

  return params.tensor;
};
MomentTensorPage.prototype.getDetailsContent = function (product) {
  var tensor = Tensor.fromProduct(product),
      el = document.createElement('div'),
      author;

  this._product = product;

  author = product.properties['beachball-source'] || product.source;

  // set layout
  el.className = 'tensor-detail';
  el.innerHTML = [
    this._getTitle(tensor),
    '<div class="row clearfix">',
      '<div class="column two-of-five">',
        this._getInfo(tensor),
        this._getPlanes(tensor),
      '</div>',
      '<div class="column three-of-five beachball"></div>',
    '</div>',
    this._getAxes(tensor)
  ].join('');

  // add beachball
  el.querySelector('.beachball').appendChild(
      new BeachBall({
        tensor: tensor,
        size: 320,
        fillColor: tensor.fillColor,
        labelAxes: true,
        labelPlanes: true
      }).getCanvas());

  return el;
};