Updating Cytoscape viewer in Viz/Charts, replacing the previous 'basi…

…c' folder name to 'viewer' and updating the wrapper.js file

config/plugins/visualizations/charts/static/repository/registry.json

@@ -3,7 +3,7 @@
     "jqplot"    : [ "bar", "boxplot", "histogram_discrete", "line", "scatter" ],
     "biojs"     : [ "msa", "drawrnajs" ],
     "others"    : [ "example", "heatmap", "heatmap_cluster" ],
-    "cytoscape" : [ "basic" ],
+    "cytoscape" : [ "viewer" ],
     "pv"        : [ "viewer" ],
     "benfred"   : [ "venn" ],
     "ngl"       : [ "viewer" ]

config/plugins/visualizations/charts/static/repository/visualizations/cytoscape/viewer/wrapper.js

@@ -0,0 +1,48 @@
+define( [ 'utilities/utils', 'plugins/cytoscape/cytoscape' ], function( Utils, Cytoscape ) {
+    return Backbone.Model.extend({
+        initialize: function( options ) {
+            var chart    = options.chart;
+            var dataset  = options.dataset;
+            Utils.get( {
+                url     : dataset.download_url,
+                success : function( content ) {
+                    try {
+                        Cytoscape({
+			    container: document.getElementById( options.targets[ 0 ] ),
+			    boxSelectionEnabled: false,
+			    autounselectify: true,
+			    layout: {
+			        name: 'grid'
+			    },
+			    style: [{
+			        selector: 'node',
+			        style: {
+				    'background-color': '#18e018'
+			        }
+			    },
+			    {
+			        selector: 'edge',
+			        style: {
+				    'curve-style': 'haystack',
+				    'haystack-radius': 0,
+				    'width': 5,
+				    'opacity': 0.5,
+				    'line-color': '#ad1a66'
+			        }
+			    }],
+                            elements: content
+                        });
+                        chart.state( 'ok', 'Chart drawn.' );
+                    } catch( err ) {
+                        chart.state( 'failed', err );
+                    }
+                    options.process.resolve();
+                },
+                error: function() {
+                    chart.state( 'failed', 'Failed to access dataset.' );
+                    options.process.resolve();
+                }
+            });
+        }
+    });
+});