JSFiddle - React, Tailwind, and code Playground

by chintsu

HTML

<script src="http://builds.emberjs.com/release/ember.js"></script>
<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v1.3.0.js"></script>
<script src="http://builds.emberjs.com/tags/v1.0.0-beta.11/ember-data.js"></script>
<section id="notes-editor">
    
    <script type="text/x-handlebars" data-template-name="list">
        <section id="step1">
            <ul>
                <li>note 1 <a href="#">edit</a><a href="#">del</a></li>
            </ul>
        </section> 
    </script>
    
    <script type="text/x-handlebars" data-template-name="editor">
       <section id="step2">
            <label for="name">Name:</label>
            <input id="" type="textbox"/>
            <br/>
            <label for="description">Description:</label>
            <input id="" type="textbox"/>
        </section> 
    </script> 

</section>

JavaScript

window.Eapp = new Ember.Application.create();

Eapp.Router.map(function() {
  this.resource('list', { path: '/' });
});

Todos.ListRoute = Ember.Route.extend({
  model: function() {
    return Eapp.itemInstance;
  }
});

Eapp.Item = Ember.Object.extend({
    title: 'fake',
    items: Em.A([]),
    name: '',
    description: ''
});

Eapp.itemInstance = Eapp.Item.create({
    name: 'def',
    description: 'def'
});