serenaf

<div class="comment">
  <em>{{comment.user}} {{comment.timeAgo}}</em>
  <p>{{{comment.content}}}</p>
  {{#each comment.comments as |childComment|}}
    {{comment-component comment=childComment}}
  {{/each}}
</div>

serenaf

import BaseController from 'ember-hacker-news/controllers/base-controller';

export default BaseController.extend({
});

serenaf

import Controller from '@ember/controller';

export default Controller.extend({

  actions: {
    markAsRead(item) {
      this.get('store').unloadRecord(item);
    }
  }
});

serenaf

{{item-list-component
  items=model
  markAsRead=(action "markAsRead")
}}

serenaf

ember install  ember-font-awesome

serenaf

<div>
  <a href="{{item.externalUrl}}">{{item.title}}</a>
  <div>
    <span>{{item.points}} points by {{item.user}} {{item.timeAgo}} </span>
    <span {{action markAsRead}} class='hide-button test__item-delete-button'>
      {{fa-icon "eye-slash"}}
    </span>
  </div>
  {{#link-to 'item' item.id}} {{item.commentsCount}} Comments{{/link-to}}
</div>

serenaf

npm install -g ember-cli@2.16
git clone https://github.com/intercom/ember-hacker-news.git
npm install

serenaf

ember g model item title:string points:number time:unix-date timeAgo:string url:string domain:string

serenaf

Getting started: git checkout steps/0

https://gist.github.com/serenaf/2e270f631b647bc4c51631a71ed7b70e

Adding routes: git checkout steps/1

https://gist.github.com/serenaf/635760360bc5afa12b1388dd1bbd5c03

Creating item model: git checkout steps/2

serenaf

alert("You have been pawned!")