JSFiddle - React, Tailwind, and code Playground

by darthdeus

HTML

<script src="https://github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-latest.js"></script>
<script type="text/x-handlebars" data-template-name="application">
     <h1>Ember Router Sample</h1>
    {{outlet}}
</script>

<script type="text/x-handlebars" data-template-name="blog">
    <p>Listes d'articles!</p>
</script>  
hamburger

JavaScript

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

Bongo.ApplicationController = Ember.ObjectController.extend({});
Bongo.ApplicationView = Ember.View.extend({
  templateName: "application"
});

Bongo.BlogController = Ember.ObjectController.extend({});
Bongo.BlogView = Ember.View.extend({
  templateName: "blog"
});

Bongo.Router = Ember.Router.extend({
  root: Ember.Route.extend({

    index: Ember.Route.extend({
      route: '/',
      connectOutlets: function(router, context) {
        return router.get('applicationController').connectOutlet({
          name: 'blog'
        });
      }
    })
  })
});

Bongo.initialize();