messages filterBy

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  senderId: 2, 
  
  messagesWithUser1: Ember.computed.filterBy('model', 'user', 2),
  
  messagesWithUser2: Ember.computed('[email protected]', 'senderId', function() {
    var receiver = this.get('model.receiver');
    return this.get('model').filterBy('user', this.get('senderId'));
  }),,
  
  messagesWithUser: Ember.computed('[email protected]', '[email protected]', function() {
    return this.get('model').filterBy('user', 'receiver');
  }),
});

models.messages.js

import Model from "ember-data/model";
import attr from "ember-data/attr";
import { belongsTo, hasMany } from "ember-data/relationships";

export default Model.extend({
  sender: DS.belongsTo('user', { inverse: null }),
  receiver: DS.belongsTo('user', { inverse: null }),
  body: DS.attr(),
  user: DS.belongsTo('user', { inverse: null })
});

routes.application.js

import Ember from 'ember';

var messages = [
  {
    id: 1,
    sender: 2,
    receiver: 1,
    body: "this is a first comment",
    created_at: "2016-09-05 10:00:00",
    updated_at: "2016-09-05 10:00:00",
    user: 2
  },
  {
    id: 2,
    sender: 1,
    receiver: 2,
    body: "this is a second comment",
    created_at: "2016-09-05 11:00:00",
    updated_at: "2016-09-05 11:00:00",
    user: 2,
  	isDone: true
  },
  {
    id: 3,
    sender: 3,
    receiver: 1,
    body: "this is a first comment",
    created_at: "2016-09-05 12:00:00",
    updated_at: "2016-09-05 12:00:00",
    user: 3,
  	isDone: true
  },
  {
    id: 4,
    sender: 1,
    receiver: 3,
    body: "this is a second comment",
    created_at: "2016-09-05 13:00:00",
    updated_at: "2016-09-05 13:00:00",
    user: 3,
  	isDone: false
  },
];

export default Ember.Route.extend({
  model() {
    return messages;
  },
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
Messages

{{#each messagesWithUser as |message|}}
	<div>{{message.body}} by {{message.user}} at {{message.created_at}}</div>
{{/each}}


<br>
<br>
{{outlet}}
<br>
<br>

twiddle.json

{
  "version": "0.10.5",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.8.0",
    "ember-data": "2.8.0",
    "ember-template-compiler": "2.8.0",
    "ember-testing": "2.8.0"
  },
  "addons": {}
}