Model CP Test

adapters.application.js

import DS from 'ember-data';

export default DS.RESTAdapter.extend();

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  fullName: Ember.computed('model', function() {
    const model = this.get('model');
    return `${model.get('firstName')} ${model.get('lastName')}`;
  }),
  
  computedFullName: Ember.computed('model.{firstName,lastName}', function() {
    const model = this.get('model');
    return `${model.get('firstName')} ${model.get('lastName')}`;
  })
});

models.post.js

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

export default Model.extend({
  firstName: attr('string'),
  lastName: attr('string')
});

routes.application.js

import Ember from 'ember';

export default Ember.Route.extend({
  model() {
    this.store.pushPayload({
      posts: [{
        id: '1',
        firstName: 'John',
        lastName: 'Doe'
      }]
    });
    return this.store.findRecord('post', 1);
  }
});

serializers.application.js

import DS from 'ember-data';
export default DS.RESTSerializer.extend();

templates.application.hbs

  <p>First Name: {{input type="text" value=model.firstName}}</p>
  <p>Last Name: {{input type="text" value=model.lastName}}</p>
  <p>Full Name (computed('model')): {{fullName}}</p>
  <p>Full Name (computed('model.{firstName,lastName}'): {{computedFullName}}</p>

twiddle.json

{
  "version": "0.13.0",
  "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.12.0",
    "ember-template-compiler": "2.12.0",
    "ember-testing": "2.12.0"
  },
  "addons": {
    "ember-data": "2.10.0"
  }
}