GoToStudy - Photo upload

app-assets-javascripts-photos.js.coffee

# Selecting a photo to upload shows photo and filename instantly
placeSelectedPhotoPreview = (input) ->
  if input.files && input.files[0]
    reader = new FileReader()
    reader.readAsDataURL(input.files[0])
    reader.onload = (e) ->
      $(input).closest('.thumbnail').find('img#photo-preview').attr("src", e.target.result)
      $(input).closest('.thumbnail').find("#upload-filename").html(input.files[0].name)

# When a photo is selected
$(document).on 'change', '.photo-inputs input', -> placeSelectedPhotoPreview(this)

# Clicking the photo preview also activates file_field input.
$(document).on 'click', '.photo-inputs img#photo-preview', -> 
  $(this).next('div').find('a.btn input').click()

# Add a new photo selection field when you select a photo.
# Only for .photo-inputs-auto_add_field
$(document).on 'change', '.photo-inputs-auto_add_field input', -> 
  $(this).closest('.photo-inputs-auto_add_field').find('a.add_fields').click()