   resizing: false
 
   getInitialState: ->
+    console.log 'props.tool: ', @props.tool
     imageWidth: 0
     imageHeight: 0
 

              height = {@state.imageHeight} />
          </Draggable>

          { @state.marks.map ((mark, i) ->
              <ToolComponent
                key={i}
                mark={mark}
                subject={@state.subject}
                workflow={@props.workflow}
                getEventOffset={@getEventOffset}
                isSelected={mark is @state.selectedMark}
                handleMarkClick={@handleMarkClick.bind null, mark}
                onClickDelete={@onClickDelete}
                clickOffset={@state.clickOffset}
                imageWidth={@state.imageWidth}
                imageHeight={@state.imageHeight}
              />
            ), @
          }
        </svg>

    <div className="subject-viewer">

        x: mark.x - ex
        y: mark.y - ey
      # , => @forceUpdate()


          # SCRATCH CODE TAKEN FROM WITHIN SVG TAG
          #       { @state.marks.map ((mark, i) ->
          #     <ToolComponent
          #       key={i}
          #       mark={mark}
          #       subject={@state.subject}
          #       workflow={@props.workflow}
          #       getEventOffset={@getEventOffset}
          #       isSelected={mark is @state.selectedMark}
          #       handleMarkClick={@handleMarkClick.bind null, mark}
          #       onClickDelete={@onClickDelete}
          #       clickOffset={@state.clickOffset}
          #       imageWidth={@state.imageWidth}
          #       imageHeight={@state.imageHeight}
          #     />
          #   ), @
          # }

  render: ->
    # return null if @state.subjects is null or @state.subjects.length is 0
