Ember Latest

The latest build of Ember.

by alexspeller

HTML

<script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
<script src="http://vps.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>Splash Screen</h1>
    <p>Welcome to the app</p>
    <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>{{#linkTo "foos"}}Go to Foos{{/linkTo}}</p>
    <p>{{#linkTo "index"}}Go Home{{/linkTo}}</p>
</script>



<script type="text/x-handlebars" data-template-name="layouts/main">
    <h1> Main Layout </h1>
    {{yield}}
    <h2> Main Footer </h2>

</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
  LOG_TRANSITIONS: true

App.Router.map ->
  @resource 'foos'
  @resource 'bars'

App.ApplicationView = Em.View.extend
   layoutName: (->
     'layouts/main' unless @get('controller.currentPath') is 'index'
   ).property 'controller.currentPath'
   
   updateLayout: (->
      @rerender()
   ).observes 'layoutName'