Edit characteristic

app/models/characteristic.js

@@ -12,4 +12,5 @@ export default DS.Model.extend({
   updatedBy             : DS.attr('number'),
   deletedBy             : DS.attr('number'),
   sortOrder             : DS.attr('number'),
+  canEdit               : DS.attr('boolean'),
 });

app/pods/protected/characteristics/controller.js

@@ -1,6 +1,6 @@
 import Ember from 'ember';
 
 export default Ember.Controller.extend({
-  sortParams: ['characteristicTypeName', 'sortOrder'],
+  sortParams: ['characteristicTypeName', 'sortOrder', 'characteristicName'],
   sortedCharacteristics: Ember.computed.sort('model', 'sortParams'),
 });

app/pods/protected/characteristics/editable-row/component.js

@@ -0,0 +1,28 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+  tagName: 'tr',
+
+  actions: {
+    edit: function() {
+      this.set('characteristicName', this.get('row.characteristicName'));
+      this.set('characteristicTypeName', this.get('row.characteristicTypeName'));
+      this.set('sortOrder', this.get('row.sortOrder'));
+      this.toggleProperty('isEditing');
+    },
+
+    save: function() {
+      if (this.get('characteristicName') !== this.get('row.characteristicName') ||
+          this.get('characteristicTypeName') !== this.get('row.characteristicTypeName') ||
+          this.get('sortOrder') !== this.get('row.sortOrder')) {
+        this.set('row.characteristicName', this.get('characteristicName'));
+        this.set('row.characteristicTypeName', this.get('characteristicTypeName'));
+        this.set('row.sortOrder', this.get('sortOrder'));
+        this.get('row').save();
+      }
+      this.toggleProperty('isEditing');
+    },
+
+  }
+
+});

app/pods/protected/characteristics/editable-row/template.hbs

@@ -0,0 +1,15 @@
+{{#if isEditing}}
+  <td>{{input value=characteristicName}}</td>
+  <td>{{input value=characteristicTypeName}}</td>
+  <td>{{input value=sortOrder}}</td>
+  <td {{action 'save'}}>Save</td>
+{{else}}
+  <td>{{row.characteristicName}}</td>
+  <td>{{row.characteristicTypeName}}</td>
+  <td>{{row.sortOrder}}</td>
+  {{#if row.canEdit}}
+    <td {{action 'edit'}}>Edit</td>
+  {{else}}
+    <td></td>
+  {{/if}}
+{{/if}}

app/pods/protected/characteristics/template.hbs

@@ -7,15 +7,12 @@
       <th>Name</th>
       <th>Type</th>
       <th>Sort Order</th>
+      <th></th>
     </tr>
   </thead>
   <tbody>
     {{#each sortedCharacteristics as |row|}}
-      <tr>
+      {{protected/characteristics/editable-row row=row}}
-        <td>{{row.characteristicName}}</td>
-        <td>{{row.characteristicTypeName}}</td>
-        <td>{{row.sortOrder}}</td>
-      </tr>
     {{/each}}
   </tbody>
 </table>

app/serializers/characteristic.js

@@ -0,0 +1,18 @@
+import DS from 'ember-data';
+import Ember from 'ember';
+
+export default DS.RESTSerializer.extend({
+  isNewSerializerAPI: true,
+
+  serializeHasMany: function(snapshot, json, relationship) {
+    var key = relationship.key;
+    var hasMany = snapshot.hasMany(key);
+    key = this.keyForRelationship ? this.keyForRelationship(key, "hasMany", "serialize") : key;
+
+    json[key] = [];
+    hasMany.forEach((item) => {
+      json[key].push(+item.get('id'));
+    });
+  }
+
+});