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 App Layout</h1>
    {{yield}}
</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

App = Ember.Application.create()

App.Router.map ->
  @resource "foos"
  @resource "bars"
    
App.MainLayoutView = Em.View.extend layoutName: "layouts/main"

App.FoosView = App.MainLayoutView
App.BarsView = App.MainLayoutView