Ember Latest

The latest build of Ember.

HTML

<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v2.0.0.js"></script>
<script src="http://builds.emberjs.com/ember-latest.js"></script>
<script type="text/x-handlebars" data-template-name="application">
    <h1>ember-latest jsfiddle</h1>
    {{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="logged-in">
  <h2>Index Content:</h2>
  <ul>
  {{#each}}
      <li>{{firstName}} {{lastName}}</li>
  {{/each}}
   </ul>
</script>
<script type="text/x-handlebars" data-template-name="not-logged-in">
    Not logged in
</script>

CSS

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

JavaScript

App = Ember.Application.create({});

var session = {
    loggedIn: false // flip this and re-run
}; 

App.IndexRoute = Ember.Route.extend({
  renderTemplate: function () {
      var view = 'logged-in';

      if(!Ember.get(session, 'loggedIn')) {
          view = 'not-' + view ;
      }
      
      this.render(view);
  },
  model: function(){
      return [
          {firstName: 'Kris', lastName: 'Selden'},
          {firstName: 'Luke', lastName: 'Melia'},
          {firstName: 'Formerly Alex', lastName: 'Matchneer'}
      ];
  }
});

App.LoggedInView = Ember.View.extend({
    templateName: 'logged-in'
});

App.NotLoggedInView = Ember.View.extend({
    templateName: 'not-logged-in'
});