disable broken cose-bilkent, small refactorings

app/components/architecture-viewer.js

@@ -10,7 +10,7 @@ export default Ember.Component.extend({
     themes: Object.keys(Themes),
     layoutAlgorithms: [
         'cose',
-        'cose-bilkent', // broken
+        //'cose-bilkent', // broken - see https://github.com/cytoscape/cytoscape.js-cose-bilkent/issues/18
         'cola',
         'grid',
         'concentric',

app/components/architecture-visualisation-cytoscape/component.js

@@ -25,7 +25,7 @@ export default Ember.Component.extend({
     }.observes('layout'),
     renderGraph: function() {
         this.debug('graph',this.get('theme'), this.get('graph'));
-        this.cytoscape = cytoscape({
+        this.rendering = cytoscape({
           container: this.element,
 
           boxSelectionEnabled: false,
@@ -33,7 +33,7 @@ export default Ember.Component.extend({
 
           style: cytoscapeStyle(this.get('theme')),
 
-          elements: _.cloneDeep(this.get('graph')), // TODO!
+          elements: _.cloneDeep(this.get('graph')),
 
           layout: {
             name: this.get('layoutAlgorithm'),
@@ -44,7 +44,8 @@ export default Ember.Component.extend({
           }
         });
 
+        // just for development purposes - TODO: remove
         window.cy = cytoscape;
-        window.cytoscape = this.cytoscape;
+        window.cytoscape = this.rendering;
     }.on('didInsertElement').observes('layoutAlgorithm', 'graph', 'theme')
 });

app/services/graphing-service.js

@@ -7,7 +7,7 @@ export default Ember.Service.extend({
   createGraph(models) {
     this.debug('loaded models', models);
     const serviceInstances = models.serviceInstances;
-    const services = models.services;
+    // const services = models.services; // not used in current view
     const communicationInstances = models.communicationInstances;
     const nodeGroups = models.nodeGroups;
     const nodes = models.nodes;