_index.coffee

#app/controllers/index.coffee
`import Ember from 'ember'`

IndexController = Ember.Controller.extend(
  actions:
    sendSms: ->
      console.log "IndexController::actions::sendSms"
      console.log @get('model')
      console.log @get('model.to')
      @get('model').save()
)

`export default IndexController`

full-header.coffee

# app/components/full-header.coffee
`import Ember from 'ember'`

FullHeaderComponent = Ember.Component.extend(
  classNames: ['header', 'row']
  actions:
    sendSms: ->
      console.log "FullHeaderComponent::actions::sendSms"
      console.log @get('sendTo')
      console.log @get('model')
      @sendAction('sendSms')
)

`export default FullHeaderComponent`

full-header.emblem

/app/templates/components/full-header.emblem
.col-lg-8.col-md-8.visible-lg-block.visible-md-block
  form#text-me-link-form
    input type="text" class="form-control" placeholder="Enter your phone number" value=sendTo
    button.btn.btn-default{action "sendSms"} type="submit" Text me a link
== yield

index.coffee

#app/routes/index.coffee
`import Ember from 'ember'`

IndexRoute = Ember.Route.extend(
  model: ->
    @store.createRecord 'sms',
      from: "+16504198197"

)

`export default IndexRoute`

index.emblem

/ app/templates/index.emblem
== full-header sendSms="sendSms" sendTo=model.to
.row.tweet-box
  .col-md-offset-3.col-lg-offset-4.col-lg-6.col-md-6
    == tweet-timeline

== outlet

sms.coffee

#app/models/sms.coffee
`import DS from 'ember-data'`

Sms = DS.Model.extend {
  to: DS.attr('string')
  from: DS.attr('string')
  body: DS.attr('string')
}

`export default Sms`