       <div class="crop">
         <img class="crop-image" src="#{imagePath}">
         <div class="crop-actions">
-          <button class="btn blue-btn">Crop</button>
-          <button class="btn red-btn">Discard</button>
+          <button class="btn blue-btn" data-crop>Crop</button>
+          <button class="btn red-btn" data-close>Discard</button>
         </div>
         <input type="hidden" data-crop-attribute="x"/>
         <input type="hidden" data-crop-attribute="y"/>

        onSelect : @_updateCropAttributes

  check : (e) ->
    @close() if $(e.target).closest('.crop').length is 0

  crop : (e) ->
    e.preventDefault()
    @close()
    @trigger 'crop-image', @_getCropData()

  close : () ->
    @$el.hide()

  _getCropData : () ->


  events :
    'click' : 'check'
    'click [data-crop]' : 'crop'
    'click [data-close]' : 'close'

  setOriginalDimensions : (originalDimensions) ->
    @originalDimensions = originalDimensions
