send: PATCH-Requests to backend extension

addon/components/node-overview.js

 import Component from '@ember/component';
 import layout from '../templates/components/node-overview';
 import { inject as service } from '@ember/service';
+import processNameSelector from '../utils/helper/name-selector';
 
 // Declare globals
 /*global cytoscape*/
@@ -182,19 +183,17 @@ export default Component.extend({
 
       processes.forEach((processRecord) => {
 
-        const pid = processRecord.get('pid');
-        console.log(pid);
-
-        const edgeID = pid + "To" + ip;
+        const processName = processNameSelector(processRecord);
+        const edgeID = processName + "To" + ip;
 
         cy.add([
           {
             group: "nodes",
-            data: { id: pid, emberModel: processRecord }
+            data: { id: processName, emberModel: processRecord }
           },
           {
             group: "edges",
-            data: { id: edgeID, source: pid, target: ip }             
+            data: { id: edgeID, source: processName, target: ip }             
           }
         ]);
           

addon/components/process-details.js

@@ -6,7 +6,7 @@ export default Component.extend({
 
   actions: {
     saveProcess() {
-      this.get('process').save();
+      this.get('process').save({include: 'agent'});
     }
   }
 });

addon/serializers/agent.js

+import DS from 'ember-data';
+
+export default DS.JSONAPISerializer.extend({
+
+	payloadKeyFromModelName: function(modelName) {
+    // singularize modelName (default plural)
+    // since backend works singularized types
+	  return modelName;
+	}
+});

addon/serializers/process.js

+import DS from 'ember-data';
+import SaveRelationshipsMixin from 'ember-data-save-relationships';
+
+export default DS.JSONAPISerializer.extend(SaveRelationshipsMixin, {
+
+  attrs: {
+    agent: { serialize: true }
+  },
+
+	payloadKeyFromModelName: function(modelName) {
+    // singularize modelName (default plural)
+    // since backend works singularized types
+	  return modelName;
+	}
+});

addon/templates/components/process-details.hbs

@@ -41,6 +41,12 @@
                   {{input type="checkbox" checked=process.monitoredFlag}}
                 </td>
               </tr>
+              <tr>
+                <td><b>Is web server?</b></td>
+                <td>
+                  {{input type="checkbox" checked=process.webserverFlag}}
+                </td>
+              </tr>
             </tbody>
           </table>
           <button type="button" class="btn btn-success" {{action "saveProcess"}}>Save</button>          

addon/utils/helper/name-selector.js

+export default function processNameSelector(processRecord) {
+
+  const pid = processRecord.get('pid');
+  const name = processRecord.get('applicationName');
+
+  if(name !== undefined && name !== "") {    
+    return name;
+  } else {
+    return pid;
+  }
+
+}

app/serializers/agent.js

+export { default } from 'explorviz-frontend-extension-discovery/serializers/agent';

app/serializers/process.js

+export { default } from 'explorviz-frontend-extension-discovery/serializers/process';

app/utils/helper/name-selector.js

+export { default } from 'explorviz-frontend-extension-discovery/utils/helper/name-selector';

package.json

@@ -23,7 +23,8 @@
   "dependencies": {
     "ember-cli-babel": "^6.8.1",
     "ember-cli-htmlbars": "^2.0.3",
-    "ember-cli-htmlbars-inline-precompile": "^1.0.2"
+    "ember-cli-htmlbars-inline-precompile": "^1.0.2",
+    "ember-data-save-relationships": "0.0.5"
   },
   "devDependencies": {
     "broccoli-asset-rev": "^2.4.5",

tests/unit/serializers/agent-test.js

+import { moduleForModel, test } from 'ember-qunit';
+
+moduleForModel('agent', 'Unit | Serializer | agent', {
+  // Specify the other units that are required for this test.
+  needs: ['serializer:agent']
+});
+
+// Replace this with your real tests.
+test('it serializes records', function(assert) {
+  let record = this.subject();
+
+  let serializedRecord = record.serialize();
+
+  assert.ok(serializedRecord);
+});

tests/unit/serializers/process-test.js

+import { moduleForModel, test } from 'ember-qunit';
+
+moduleForModel('process', 'Unit | Serializer | process', {
+  // Specify the other units that are required for this test.
+  needs: ['serializer:process']
+});
+
+// Replace this with your real tests.
+test('it serializes records', function(assert) {
+  let record = this.subject();
+
+  let serializedRecord = record.serialize();
+
+  assert.ok(serializedRecord);
+});

tests/unit/utils/helper/name-selector-test.js

+import helperNameSelector from 'dummy/utils/helper/name-selector';
+import { module, test } from 'qunit';
+
+module('Unit | Utility | helper/name selector');
+
+// Replace this with your real tests.
+test('it works', function(assert) {
+  let result = processNameSelector();
+  assert.ok(result);
+});