Ember Data Template

Ember Data Template

by Nirvanachain

HTML

<script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
<script src="http://builds.emberjs.com/release/ember.js"></script>
<script src="http://builds.emberjs.com/canary/ember-data.min.js"></script>
<script type="text/x-handlebars">
  <nav>
    {{#link-to 'home'}}Home{{/link-to}}
    {{#link-to 'pages'}}Pages{{/link-to}}
  </nav>
  <div class="container">
      {{outlet}}
  </div>
</script>

<script type="text/x-handlebars" id="pages">
  Info here
  {{log}}
</script>

CSS

nav {
    border-bottom: 1px solid black;
    padding: 1em;
}

.container { 
    padding: 1em;
}

JavaScript

App = Ember.Application.create();

App.Router.map(function() {
  this.route('home', {path: '/'});
  this.route('home', {path: 'home'});
  this.route('pages', {path: 'pages'});
});

App.Pages = DS.Model.extend({
    status: DS.attr('string'),
    startDate: DS.attr('string'),
    lastModifiedDate: DS.attr('string'),
    author: DS.attr('string'),
    lastModifiedBy: DS.attr('string'),
    title: DS.attr('string'),
    items: {}
});

App.PagesAdapter = App.ApplicationAdapter = DS.RESTAdapter.extend({
  host: 'https://api.mongolab.com/api/1/databases/emberdatatest/collections/itemdata?apiKey=qcVNgNb-s1X4WJkLeRDfykxqtMG-ezkC',
    
    headers: {
        "Access-Control-Allow-Origin": "*" 
    }
});

App.PagesRoute = Ember.Route.extend({
    model: function() {
        this.store.find('pages');   
    }
});