Ember Data Mockjax

by alexspeller

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.min.js"></script>
<script src="http://builds.emberjs.com/canary/ember.js"></script>
<script src="http://builds.emberjs.com/canary/ember-data.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mockjax/1.5.2/jquery.mockjax.js"></script>
<script type="text/x-handlebars">
    <h1>Ember ActiveModelSerializer</h1>
    {{#link-to 'account' 1}}Access Addresses from Account{{/link-to}}<br>
    {{#link-to 'address' 1}}Access Account from Address (polymorphic){{/link-to}}
    <div>
        {{outlet}}
    </div>
</script>

<script type="text/x-handlebars" data-template-name='account'>
    <h2>Account</h2>
    {{name}}<br>
    
    {{#each addresses}}
        {{name}}<br>
    {{/each}}
</script>
    
<script type='text/x-handlebars' data-template-name='address'>
    <h2>Address</h2>
    <b>address name:</b> {{name}}<br>
    <b>account name:</b> {{account}}<br>
</script>

CoffeeScript

window.App = Ember.Application.create()

App.ApplicationAdapter = DS.ActiveModelAdapter.extend()
    

App.Router.map ->
    @resource 'account', path: '/accounts/:account_id', ->
    @resource 'address', path: '/address/:address_id', ->

App.Account = DS.Model.extend
    name: DS.attr 'string'
    
$.mockjax
  url: "/foos/1"
  responseText:
    accounts: [
                id: 1
                name: "Ken"
                address_ids: [1,2]
              ]