task-updates-item.hbs

<div class='update'>
	<span class='created-at'>{{view.content.createdAt}}</span>
	{{view Ember.TextArea valueBinding='view.content.details'}}
	<a {{action deleteUpdate view.content}} href='#'>delete</button>
</div>

updates.coffee

App.TaskUpdatesController = Ember.ArrayController.extend {
	needs: ['task']
	taskBinding: 'controllers.task.model'

	sortProperties: ['createdAt']
	sortAscending: false

	newUpdateDetails: ""

	createUpdate: ->
		transaction = @store.transaction()
		transaction.add @get('task')
		newRecord = transaction.createRecord(App.Update, {
				details: @get('newUpdateDetails')
				task: @get('task')
				createdAt: new Date()
			})
		@set('newUpdateDetails', '')

		transaction.commit()

	deleteUpdate: (model) ->
		model.deleteRecord()
		model.get('transaction').commit()

}

App.TaskUpdatesView = Ember.View.extend {
	templateName: 'task-updates'
}

App.TaskUpdatesListView = Ember.CollectionView.extend {
	classNames: ['task-updates']

	contentBinding: 'controller'

	itemViewClass: Ember.View.extend({
		templateName: 'task-updates-item'

		didInsertElement: -> 
			$('.updates textarea').autosize({append: "\n"})

			# Hack to not transition textarea height on creation
			setTimeout ->
					$('.updates textarea').addClass('transition')
				, 1000

			this._super()
	})
}