Testing Ember-Pouch

September 18th, 2014   Tagged ember-pouch
Posted in CouchDB, Ember, Web Development  

Taking baby steps you can now create, delete and change records. Checkout: http://exmer.com/bloggrcouch/posts

 

Ember-CLI and Fortune.js

August 28th, 2014   Posted in Ember, Web Development  

I created an Ember-CLI example that uses Fortune.js as the server. It also uses the JsonApiAdapter for Ember-Data.

https://github.com/broerse/ember-cli-blog

Enjoy!

Building nbcnews.com using Ember

March 9th, 2014   Tagged NBC News
Posted in Ember, Video, Web Development  

Amsterdam Ember.js Meetup #1

March 8th, 2014   Tagged Amsterdam, Meetup
Posted in Ember, Web Development  

The first Amsterdam Ember.js Meetup is scheduled for 12 March at 19:00 at Publitas.com. I like to see you there. RSVP on meetup.com.

Ember WordPress test 4

January 27th, 2014   Tagged StackOverflow, WordPress
Posted in Ember, Web Development  

If you access a post via an URL like http://broerse.net/ember/wp3/#/posts/3787 I didn’t know how to return the post with an ‘id’ from the objects created with findAll. I ended up fetching the specific post by ‘id’ from JetPack again. With much help from ‘melc’ and StackOverflow I changed my test to this:

http://broerse.net/ember/wp4/#/posts/3787

You can download the source from http://broerse.net/ember/wp4/wp4.zip or download the Ember Starter kit from http://emberjs.com/ and replace index.html and app.js files.

app.js

App = Ember.Application.create();

App.Router.map(function() {
  this.resource('posts', function() {
    this.resource('post', { path: ':post_id' });
  });
});

App.Post = Ember.Object.extend();

App.Post.reopenClass({
  findAll: function() {
    return Ember.$.ajax({ url: 'http://public-api.wordpress.com/rest/v1/sites/58826716/posts/?number=10', dataType: "jsonp", type: 'GET' }).then(function(data) {
      return data.posts.map(function(post) {
        post['id'] = post['ID'];
        delete post['ID'];
        return App.Post.create(post);
      });
    });
  },
 
  find: function(id) {
    return Ember.$.ajax({ url: 'http://public-api.wordpress.com/rest/v1/sites/58826716/posts/' + id + '/', dataType: "jsonp", type: 'GET' }).then(function(post) {
      post['id'] = post['ID'];
      delete post['ID'];
      return App.Post.create(post);
    });
  }

});
 
App.PostsRoute = Ember.Route.extend({
  model: function() {
    return App.Post.findAll();
  }
});

App.PostRoute = Ember.Route.extend({
  model: function(params) {
    var post = this.modelFor("posts").findBy("id",parseInt(params.post_id));
    if(Em.isEmpty(post)){
      return App.Post.find(params.post_id);   
    } else {
      return post;
    }
  }
});