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.SayHelloView = Ember.View.extend({    
    logout: function(e) {
        e.preventDefault();
        this.set("person", null);
    },
    
    login: function(e) {
        e.preventDefault();        
        var person = Ember.Object.create({
            firstName: "Joy",
            lastName: "Clojure"
        });     
        this.set("person", person);
    } 
});