Merge pull request #72 from n-peugnet/implement-cytoscape.js

Implement cytoscape.js

1 files changed, 32 insertions, 0 deletions

diff --git a/src/map.js b/src/map.js
new file mode 100644
index 0000000..4723318
--- /dev/null
+++ b/src/map.js
@@ -0,0 +1,32 @@
+import cytoscape from 'cytoscape';
+import coseBilkent from 'cytoscape-cose-bilkent';
+
+cytoscape.use(coseBilkent);
+
+let options = {
+    container: document.getElementById('graph'),
+};
+
+Object.assign(options, data);
+
+let cy = cytoscape(options);
+
+cy.on('tap', 'node', function() {
+    try {
+        // your browser may block popups
+        window.open(this.data('id'));
+    } catch (e) {
+        // fall back on url change
+        window.location.href = this.data('id');
+    }
+});
+
+cy.on('cxttap', 'node', function() {
+    try {
+        // your browser may block popups
+        window.open(this.data('edit'));
+    } catch (e) {
+        // fall back on url change
+        window.location.href = this.data('edit');
+    }
+});