```coffeescript
_ = require 'underscore'
React = require 'react'

{ExerciseCardMixin} = require '../task-plan/homework/exercises'
{ExerciseStore} = require '../../flux/exercise'
String = require '../../helpers/string'

Exercise = React.createClass

  mixins: [ExerciseCardMixin]

  propTypes:
    exercise: React.PropTypes.object.isRequired

  getPanelStyle: ->
    "default"

  renderHeader: ->
    <div className='pools'>
      {for pool in ExerciseStore.poolTypes(@props.exercise)
        <span key={pool} className={pool}>{String.titleize(pool)}</span>}
    </div>


  render: ->
    @renderExercise()


module.exports = Exercise
```

Use ExerciseCard component with all content shown
user
```coffeescript
_ = require 'underscore'
React = require 'react'

{ExerciseStore} = require '../../flux/exercise'
String = require '../../helpers/string'
ExerciseCard = require '../exercise-card'

Exercise = React.createClass

  propTypes:
    exercise: React.PropTypes.object.isRequired

  renderHeader: ->
    <div className='pools'>
      {for pool in ExerciseStore.poolTypes(@props.exercise)
        <span key={pool} className={pool}>{String.titleize(pool)}</span>}
    </div>

  render: ->
    <ExerciseCard {...@props} header={@renderHeader()} displayAll />


module.exports = Exercise
```
assistant