serenaf

alert("You have been pawned!")

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

ember install  ember-font-awesome

serenaf

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

serenaf

import Controller from '@ember/controller';

export default Controller.extend({

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

serenaf

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

export default BaseController.extend({
});

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 Route from '@ember/routing/route';

export default Route.extend({
  model(params) {
    return this.get('store').findRecord('item', params.id);
  }
});

serenaf

import DS from 'ember-data';

export default DS.Model.extend({
  content: DS.attr('string'),
  user: DS.attr('string'),
  timeAgo: DS.attr('string'),
  comments: DS.hasMany('comments', { inverse: null })
});

serenaf

import DS from 'ember-data';
import { computed } from '@ember/object';

export default DS.Model.extend({
  title: DS.attr('string'),
  points: DS.attr('number'),
  time: DS.attr('unix-date'),
  timeAgo: DS.attr('string'),
  url: DS.attr('string'),
  domain: DS.attr('string'),