weave-scope/client/app/scripts/components/node-details-table.js

const React = require('react');

const NodeDetailsTable = React.createClass({

  render: function() {
    const isNumeric = this.props.isNumeric;

    return (
      <div className="node-details-table">
        <h4 className="node-details-table-title truncate" title={this.props.title}>
          {this.props.title}
        </h4>

        {this.props.rows.map(function(row) {
          return (
            <div className="node-details-table-row" key={row.key + row.value_major}>
              <div className="node-details-table-row-key truncate" title={row.key}>{row.key}</div>
              {isNumeric && <div className="node-details-table-row-value-scalar">{row.value_major}</div>}
              {isNumeric && <div className="node-details-table-row-value-unit">{row.value_minor}</div>}
              {!isNumeric && <div className="node-details-table-row-value-major truncate" title={row.value_major}>
                {row.value_major}
              </div>}
              {!isNumeric && row.value_minor && <div className="node-details-table-row-value-minor truncate" title={row.value_minor}>
                {row.value_minor}
              </div>}
            </div>
          );
        })}
      </div>
    );
  }

});

module.exports = NodeDetailsTable;