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">
  {{#view App.MainLayout}}
    {{outlet}}
  {{/view}}
</script>

<script type="text/x-handlebars" data-template-name="bars">
  {{#view App.MainLayout}}
    {{outlet}}
  {{/view}}
</script>

<script type="text/x-handlebars" data-template-name="foos/index">
    <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/index">
    <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}}
</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 "foosNew"
  @resource 'bars', ->
    @route "barsNew"
    
App.MainLayout = Em.View.extend
  layoutName: 'layouts/main'