Section: Hands-on, lending articles.

app/adapters/application.js

@@ -1,5 +1,5 @@
 import ActiveModelAdapter from 'active-model-adapter';
 
 export default ActiveModelAdapter.extend({
-  namespace: 'api'
+  namespace: 'api/v2'
 });

app/models/article.js

@@ -4,6 +4,8 @@ export default DS.Model.extend({
   createdAt: DS.attr('date'),
   description: DS.attr('string'),
   notes: DS.attr('string'),
-  state: DS.attr('string'),
+  state: DS.attr('string', {
+    defaultValue: 'borrowed'
+  }),
   friend: DS.belongsTo('friend')
 });

app/router.js

@@ -13,6 +13,7 @@ Router.map(function() {
       path: ':friend_id'
     }, function() {
       this.route('articles', {resetNamespace: true}, function() {
+        this.route('new');
       });
     });
 

app/routes/articles/new.js

@@ -0,0 +1,21 @@
+import Ember from 'ember';
+
+export default Ember.Route.extend({
+  model() {
+    return this.store.createRecord('article', {
+      friend: this.modelFor('friends/show')
+    });
+  },
+  actions: {
+    save() {
+      var model = this.modelFor('articles/new');
+
+      model.save().then(() => {
+        this.transitionTo('articles');
+      });
+    },
+    cancel() {
+      this.transitionTo('articles');
+    }
+  }
+});

app/templates/articles/-form.hbs

@@ -0,0 +1,9 @@
+<form>
+  <h2>{{errorMessage}}</h2>
+  <fieldset>
+    {{input value=model.description placeholder="Description"}}<br>
+    {{input value=model.notes  placeholder="Notes"}}<br>
+    <button {{action "save"}} class="primary">Save</button>
+    <button {{action "cancel"}}>Cancel</button>
+  </fieldset>
+</form>

app/templates/articles/new.hbs

@@ -0,0 +1,2 @@
+<h2> Lending new articles</h2>
+{{partial "articles/form"}}

app/templates/friends/show.hbs

@@ -3,6 +3,7 @@
   <p>{{model.lastName}}</p>
   <p>{{model.email}}</p>
   <p>{{model.twitter}}</p>
+  <p>{{link-to "Lend article" "articles.new"}}</p>
   <p>{{link-to "Edit info" "friends.edit" model}}</p>
   <p><a href="#" {{action "delete" model}}>delete</a></p>
 </div>