JSFiddle - React, Tailwind, and code Playground

by HendrikR

HTML

<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-0.9.5.min.js"></script>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css">
<script type="text/x-handlebars" >
    {{#each Test.userController.content}}
        {{#view Test.ProfileUserView contentBinding="this"}}
            <img {{bindAttr src="content.gravatar"}} /> {{content.name}}
        {{/view}}
    {{/each}}
</script>

JavaScript

Test= Ember.Application.create();

Test.User= Ember.Object.extend({
    name: "Type Name",
    gravatar: "Type gravatar User"
});

Test.userController= Ember.ArrayController.create({
    content: Ember.A([Test.User.create({
        name: "Roy",
        gravatar: "http://www.gravatar.com/avatar/40296c01231616590872a43ebab6512a.png"
    })])
});

Test.ProfileUserView= Ember.View.extend({
    
});