 
     <div>
       <div>
-        <label>Exercise Number</label>
-        <input onChange={@updateNumber} value={ExerciseStore.getNumber(id)}/>
+        <label>Exercise Number</label>: {ExerciseStore.getNumber(id)}
       </div><div>
         <label>Exercise Stimulus</label>
         <textarea onChange={@updateStimulus} defaultValue={ExerciseStore.getStimulus(id)}>

        <div>
          <label>Published: {ExerciseStore.getPublishedDate(id)}</label>
        </div>
    else
      form = @renderForm(id)

    <BS.Grid>
      <BS.Row><BS.Col xs={5} className="exercise-editor">
        <div>
          <label>Exercise ID {ExerciseStore.getId(id)}</label>
        </div>
        {publishedLabel}
        {form}
      </BS.Col><BS.Col xs={6} className="pull-right">
        {preview}


  getId: ->
    @props.id or @state.id

  getDraftId: ->
    id = if @props.id.indexOf("@") is -1 then @props.id else @props.id.split("@")[0]
    "#{id}@d"

  saveExercise: ->
    if confirm('Are you sure you want to save?')
