added comment system

app/components/comments/comment-compose.js

@@ -0,0 +1,50 @@
+import Component from 'ember-component';
+import get, { getProperties } from 'ember-metal/get';
+import set from 'ember-metal/set';
+import computed from 'ember-computed';
+import service from 'ember-service/inject';
+import { invokeAction } from 'ember-invoke-action';
+import { next } from 'ember-runloop';
+import { isEmpty } from 'ember-utils';
+import $ from 'jquery';
+
+export default Component.extend({
+  classNames: ['comment-compose'],
+  expanded: false,
+  store: service(),
+
+  editing: computed('text', function() {
+    return !isEmpty(get(this, 'text'));
+  }).readOnly(),
+
+  reset() {
+    set(this, 'text', null);
+    set(this, 'expanded', false);
+  },
+
+  actions: {
+    expand() {
+      set(this, 'expanded', true);
+      next(() => {
+        $('.comment-compose-link').focus();
+      });
+    },
+
+    collapse() {
+      if (!get(this, 'editing')) {
+        set(this, 'expanded', false);
+      }
+    },
+
+    create() {
+      const store = get(this, 'store');
+      const { text, post } = getProperties(this, 'text', 'post');
+      const user = get(this, 'session.account');
+      const comment = store.createRecord('comment', { text, user, post });
+      comment.save().then((createdComment) => {
+        invokeAction(this, 'insertComment', createdComment);
+        this.reset();
+      });
+    }
+  }
+});

app/components/comments/comment-edit.js

@@ -0,0 +1,19 @@
+import Component from 'ember-component';
+import set from 'ember-metal/set';
+
+export default Component.extend({
+  classNames: ['comment-edit'],
+
+  actions: {
+    save(comment) {
+      comment.save().then(() => set(this, 'editing', false));
+    },
+
+    cancel(comment) {
+      // I don't think ember-change-set is needed here
+      comment.rollbackAttributes();
+      set(this, 'editing', false);
+    }
+  }
+
+});

app/components/comments/comment-view.js

@@ -0,0 +1,20 @@
+import Component from 'ember-component';
+import get from 'ember-metal/get';
+import computed from 'ember-computed';
+
+export default Component.extend({
+  classNames: ['comment-view'],
+  editing: false,
+
+  owner: computed('session', 'comment', function() {
+    return get(this, 'session.account.id') == get(this, 'comment.user.id');
+  }).readOnly(),
+
+  actions: {
+    delete_comment(comment) {
+      // add confirmation popup?
+      comment.destroyRecord();
+    }
+  }
+
+});

app/components/comments/comments-list.js

@@ -0,0 +1,38 @@
+import Component from 'ember-component';
+import service from 'ember-service/inject';
+import get from 'ember-metal/get';
+import set from 'ember-metal/set';
+import { task } from 'ember-concurrency';
+
+export default Component.extend({
+  classNames: ['comment-list'],
+  expanded: false,
+  store: service(),
+
+  init() {
+    this._super(...arguments);
+    get(this, 'getComments').perform();
+  },
+
+  actions: {
+    expand() {
+      set(this, 'expanded', true);
+    },
+
+    collapse() {
+      set(this, 'expanded', false);
+    },
+    insertComment(comment) {
+      get(this, 'comments').pushObject(comment._internalModel);
+    }
+  },
+
+  getComments: task(function* () {
+    const comments = yield get(this, 'store').query('comment', {
+      filter: { postId: get(this, 'post.id') },
+      include: 'user',
+      sort: 'createdAt'
+    });
+    set(this, 'comments', comments);
+  })
+});

app/components/friendships/friendship-entry.js

@@ -0,0 +1,19 @@
+import Component from 'ember-component';
+import service from 'ember-service/inject';
+
+export default Component.extend({
+  classNames: ['friendship-entry'],
+  store: service(),
+
+  actions: {
+    accept(friendship) {
+      friendship.set('confirmed', true);
+      friendship.save();
+    },
+
+    // TODO: save decline status instead of deleting record
+    remove(friendship) {
+      friendship.destroyRecord();
+    }
+  }
+});

app/components/posts/post-edit.js

@@ -0,0 +1,19 @@
+import Component from 'ember-component';
+import set from 'ember-metal/set';
+
+export default Component.extend({
+  classNames: ['post-edit'],
+
+  actions: {
+    save(post) {
+      post.save().then(() => set(this, 'editing', false));
+    },
+
+    cancel(post) {
+      // I don't think ember-change-set is needed here
+      post.rollbackAttributes();
+      set(this, 'editing', false);
+    }
+  }
+
+});

app/components/posts/post-view.js

@@ -1,5 +1,20 @@
 import Component from 'ember-component';
+import get from 'ember-metal/get';
+import computed from 'ember-computed';
 
 export default Component.extend({
-  classNames: ['post-view']
+  classNames: ['post-view'],
+  editing: false,
+
+  owner: computed('session', 'post', function() {
+    return get(this, 'session.account.id') == get(this, 'post.user.id');
+  }).readOnly(),
+
+  actions: {
+    delete_post(post) {
+      // add confirmation popup?
+      post.destroyRecord();
+    }
+  }
+
 });

app/components/users/user-entry.js

@@ -0,0 +1,21 @@
+import Component from 'ember-component';
+import get from 'ember-metal/get';
+import service from 'ember-service/inject';
+
+export default Component.extend({
+  classNames: ['user-entry'],
+  store: service(),
+
+  actions: {
+    befriend(friend) {
+      const user = get(this, 'session.account');
+      const store = get(this, 'store');
+      const friendship = store.createRecord('friendship', {
+        user: user,
+        friend: friend,
+        confirmed: false
+      });
+      friendship.save();
+    }
+  }
+});

app/models/comment.js

@@ -0,0 +1,12 @@
+import Model from 'ember-data/model';
+import attr from 'ember-data/attr';
+import { belongsTo } from 'ember-data/relationships';
+
+export default Model.extend({
+  text: attr('string'),
+  rating: attr('integer'),
+  createdAt: attr('utc'),
+  updatedAt: attr('utc'),
+  user: belongsTo('user'),
+  post: belongsTo('post')
+});

app/models/friendship.js

@@ -0,0 +1,10 @@
+import Model from 'ember-data/model';
+import attr from 'ember-data/attr';
+import { belongsTo } from 'ember-data/relationships';
+
+export default Model.extend({
+  createdAt: attr('utc'),
+  confirmed: attr('boolean'),
+  user: belongsTo('user', { inverse: 'sent_friendships' }),
+  friend: belongsTo('user', { inverse: 'received_friendships' })
+});

app/models/user.js

@@ -39,5 +39,16 @@ export default Model.extend(Validations, {
   email: attr('string'),
   password: attr('string'),
   posts: hasMany('post'),
-  subscriptions: hasMany('subscription')
+  subscriptions: hasMany('subscription'),
+  friendships: hasMany('friendship'),
+  friends: hasMany('user', {
+    inverse: null}),
+  confirmed_friends: hasMany('user', {
+    inverse: null}),
+  // not in use but don't know how to remove without breaking ember
+  sent_friendships: hasMany('friendship', {
+    inverse: 'user'}),
+  // not in use but don't know how to remove without breaking ember
+  received_friendships: hasMany('friendship', {
+    inverse: 'friend'})
 });

app/router.js

@@ -20,9 +20,10 @@ Router.map(function() {
     this.route('new');
   });
 
-  this.route('users', { path: '/users/:name' });
+  this.route('users', { path: '/users/:id' });
 
   this.route('404', { path: '*' });
+  this.route('search');
 });
 
 export default Router;

app/routes/search.js

@@ -0,0 +1,45 @@
+import Ember from 'ember';
+import Route from 'ember-route';
+import get from 'ember-metal/get';
+
+export default Route.extend({
+  model() {
+    const users = get(this, 'store').query('user', {
+      filter: {
+        available_users_to_friend: true
+      }
+    });
+
+    const pending_friends = get(this, 'store').query('friendship', {
+      filter: {
+        confirmed_friends: false
+      }
+    });
+
+    const sent = get(this, 'store').query('friendship', {
+      filter: {
+        sent: true
+      }
+    });
+
+    const received = get(this, 'store').query('friendship', {
+      filter: {
+        received: true
+      }
+    });
+
+    const friends = get(this, 'store').query('friendship', {
+      filter: {
+        confirmed_friends: true
+      }
+    });
+
+    return Ember.RSVP.hash({
+      users: users,
+      sent: sent,
+      received: received,
+      friends: friends,
+      pending_friends: pending_friends
+    });
+  }
+});

app/routes/users.js

@@ -3,11 +3,11 @@ import get from 'ember-metal/get';
 
 export default Route.extend({
   model(params) {
-    const { name } = params;
+    const { id } = params;
     return get(this, 'store')
       .query('user', {
-        filter: { name }
+        filter: { id }
       })
-      .then(records => get(records, 'firstObject'))
+      .then(records => get(records, 'firstObject'));
   }
 });

app/styles/app.scss

@@ -80,5 +80,6 @@ a {
 @import 'channels';
 @import 'dashboard';
 @import 'posts';
+@import 'comments';
 @import 'sign-up';
 @import 'ui';