old_contents: 'use strict'
  
  var React = require('react')
  var ReactBootstrap = require('react-bootstrap')
  var AssessmentReport = require('./assessmentReport')
  var Panel = ReactBootstrap.Panel
  var Alert = ReactBootstrap.Alert
  
  var Summary = React.createClass({
    propTypes: {
      key: React.PropTypes.number,
      eventKey: React.PropTypes.number,
      activeTab: React.PropTypes.number,
      params: React.PropTypes.object,
      template: React.PropTypes.object,
      measurements: React.PropTypes.array,
      attribute: React.PropTypes.object
    },
    getInitialState: function () {
      return {
        attribute: undefined,
        dirtyObservation: false
      }
    },
    render: function () {
      return (
        <Panel header='Summary' bsStyle='primary'>
          <Alert bsStyle='warning'>
            How did you go? Where are you strengths and weaknesses? What are some improvements you could make?
          </Alert>
          <AssessmentReport
            eventKey={this.props.template ? this.props.template.attributes.length + 1 : null}
            key={this.props.template ? this.props.template.attributes.length + 1 : null}
            id={this.props.template ? this.props.template.attributes.length + 1 : null}
            activeTab={this.props.activeTab}
            measurements={(this.props.measurements) ? this.props.measurements : []}
            attributes={(this.props.template) ? this.props.template.attributes : []}
            template={(this.props.template) ? this.props.template : {}}
            assessId={this.props.params.assessmentId}
          />
        </Panel>
      )
    }
  })
  
  module.exports = Summary
  
new_contents: 'use strict'
  
  var React = require('react')
  var ReactBootstrap = require('react-bootstrap')
  var AssessmentReport = require('./assessmentReport')
  var Panel = ReactBootstrap.Panel
  var Alert = ReactBootstrap.Alert
  
  var Summary = React.createClass({
    propTypes: {
      key: React.PropTypes.number,
      eventKey: React.PropTypes.number,
      activeTab: React.PropTypes.number,
      params: React.PropTypes.object,
      template: React.PropTypes.object,
      measurements: React.PropTypes.array,
      attribute: React.PropTypes.object
    },
    getInitialState: function () {
      return {
        attribute: undefined,
        dirtyObservation: false
      }
    },
    render: function () {
      return (
        <Panel header='Summary' bsStyle='primary'>
          <Alert bsStyle='warning'>
            How did you go? What improvements can your team could make?
          </Alert>
          <AssessmentReport
            eventKey={this.props.template ? this.props.template.attributes.length + 1 : null}
            key={this.props.template ? this.props.template.attributes.length + 1 : null}
            id={this.props.template ? this.props.template.attributes.length + 1 : null}
            activeTab={this.props.activeTab}
            measurements={(this.props.measurements) ? this.props.measurements : []}
            attributes={(this.props.template) ? this.props.template.attributes : []}
            template={(this.props.template) ? this.props.template : {}}
            assessId={this.props.params.assessmentId}
          />
        </Panel>
      )
    }
  })
  
  module.exports = Summary
  
subject: kill the 'strengths and weaknesses' language