Simple starting point for Ember.js fiddles

by pjmorse

HTML

<script src="https://github.com/downloads/emberjs/ember.js/ember-0.9.6.js"></script>
<script type="text/x-handlebars" >
</script>

JavaScript

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

Sylvius.LaunchView = Em.View.extend({
  classNames: ['sylvius-launchview'],
  defaultTemplate: Ember.Handlebars.compile('<h2>Launch Page</h2>')
});

Sylvius.DesktopView = Em.View.extend({
  classNames: ['sylvius-desktopview'],
  defaultTemplate: Ember.Handlebars.compile('<h2>Desktop Page</h2>')
});

Sylvius.stateManager = Ember.StateManager.create({

  initialState: 'start',
  enableLogging: true,

  start: Em.ViewState.create({
    view: Sylvius.LaunchView,
    
    enter: function() {
      this._super.apply(this, arguments); // Make sure we load the views
//      console.log("Inside the enter function");
    }
  }),
  desktop: Em.ViewState.create({
    view: Sylvius.DesktopView
  })
});