Ember Latest

The latest build of Ember.

HTML

<script src="http://ember.alexspeller.com/handlebars-1.0.0.js"></script>
<script src="http://ember.alexspeller.com/ember-latest.js"></script>
<script type="text/x-handlebars" data-template-name="application">
    {{outlet}}
</script>

<script type="text/x-handlebars" data-template-name="index">
    <h1>Home page</h1>
    <p>{{#linkTo "foos"}}Go to Foos{{/linkTo}}</p>
    <p>{{#linkTo "bars"}}Go to Bars{{/linkTo}}</p>
</script>

<script type="text/x-handlebars" data-template-name="foos">
    <h2>Foos</h2>
    <p>{{#linkTo "bars"}}Go to Bars{{/linkTo}}</p>
    <p>{{#linkTo "index"}}Go Home{{/linkTo}}</p>
</script>

<script type="text/x-handlebars" data-template-name="bars">
    <h2>Bars</h2>
    <p>User: {{user}}</p>
    <p>Email: {{email}}</p>
    <p>Email acessed alternatively: {{user.email}}</p>
    <p>{{#linkTo "foos"}}Go to Foos{{/linkTo}}</p>
    <p>{{#linkTo "index"}}Go Home{{/linkTo}}</p>
</script>

CSS

h1 { font-size: 1.6em; padding-bottom: 10px; }
h2 { font-size: 1.4em; }
ul { padding: 15px; font-size: 1.4em; color: green; }

CoffeeScript

window.App = Ember.Application.create()

App.Router.map ->
  @resource 'foos', ->
  	@route 'new'
    
  @resource 'bars'
    

App.ApplicationRoute = Em.Route.extend
    model: ->
      Em.Object.create email: "[email protected]"
    setupController: (controller, context) ->
      @controllerFor('user').set('model', context)

App.UserController = Em.ObjectController.extend()

App.FoosController = Em.Controller.extend
  needs: ['user']
  userBinding: 'controllers.user'

   
App.BarsController = App.FoosController.extend
  emailBinding: 'user.email'