Simple starting point for Ember.js fiddles

by rlivsey

HTML

<script src="https://github.com/downloads/emberjs/ember.js/ember-0.9.6.js"></script>
<script type="text/x-handlebars" >
{{#view App.SayHelloView}}   
    {{#if person}}
        Welcome back, <b>{{person.firstName}} {{person.lastName}}</b>!
        <a href="#" {{action logout}}>log out</a>
    {{else}}
        Please <a href="#" {{action login}}>log in</a>
    {{/if}}
{{/view}}
</script>

JavaScript

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

App.sessionController = Ember.Object.create({
    currentPerson: null,
    
    login: function(person) {
        this.set("currentPerson", person);        
    },

    logout: function() {
        this.set("currentPerson", null);
    }        
});

App.SayHelloView = Ember.View.extend({    
    personBinding: "App.sessionController.currentPerson",
    
    logout: function(e) {
        e.preventDefault();
        App.sessionController.logout();
    },
    
    login: function(e) {
        e.preventDefault();            
        App.sessionController.login(Ember.Object.create({
            firstName: "Joy",
            lastName: "Clojure"
        }));
    } 
});