Ember Animation

by alexspeller

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mockjax/1.5.2/jquery.mockjax.js"></script>
<script src="http://ember.alexspeller.com/handlebars-1.0.0.js"></script>
<script src="http://ember.alexspeller.com/ember-latest.js"></script>
<script src="http://ember.alexspeller.com/ember-data-latest.js"></script>
<script type="text/x-handlebars">
    <h1>Ember Data Mockjax</h1>
    {{#link-to 'foo' 1}}Foo 1{{/link-to}}
    {{#link-to 'fooBar' 1}}Foo Bar 1{{/link-to}}<br>
    <div>
        {{outlet}}
    </div>
</script>

<script type="text/x-handlebars" data-template-name='foo'>
    <h2>Foo</h2>
    {{name}}
</script>
    
<script type="text/x-handlebars" data-template-name='foo_bar'>
    <h2>Foo Bar</h2>
    {{name}}
</script>

CoffeeScript

window.App = Em.Application.create()

App.ApplicationAdapter = DS.ActiveModelAdapter.extend()
    

App.Router.map ->
    @resource 'foo', path: '/foos/:foo_id'
    @resource 'fooBar', path: '/foobars/:foo_bar_id' # Works if changed to '/foobars/:fooBar_id'

App.Foo = DS.Model.extend
    name: DS.attr 'string'

App.FooBar = DS.Model.extend
    name: DS.attr 'string'
    
    
$.mockjax
  url: "/foos/1"
  responseText:
    foos: [
                id: 1
                name: "First Foo"
              ]
                

$.mockjax
  url: "/foo_bars/1"
  responseText:
    foo_bar:
                id: 1
                name: "First FooBar"