diff --git a/app/assets/javascripts/Jit/ForceDirected/metamap.js b/app/assets/javascripts/Jit/ForceDirected/metamap.js
deleted file mode 100644
index 293f48cd..00000000
--- a/app/assets/javascripts/Jit/ForceDirected/metamap.js
+++ /dev/null
@@ -1,282 +0,0 @@
-var labelType, useGradients, nativeTextSupport, animate, json, fd;
-
-(function() {
- var ua = navigator.userAgent,
- iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i),
- typeOfCanvas = typeof HTMLCanvasElement,
- nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'),
- textSupport = nativeCanvasSupport
- && (typeof document.createElement('canvas').getContext('2d').fillText == 'function');
- //I'm setting this based on the fact that ExCanvas provides text support for IE
- //and that as of today iPhone/iPad current text support is lame
- labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML';
- nativeTextSupport = labelType == 'Native';
- useGradients = nativeCanvasSupport;
- animate = !(iStuff || !nativeCanvasSupport);
-})();
-
-var imgArray = new Object();
-
-imgArray['Group'] = new Image(); imgArray['Group'].src = '/assets/group.png';
-imgArray['Person'] = new Image(); imgArray['Person'].src = '/assets/person.png';
-imgArray['Bizarre'] = new Image(); imgArray['Bizarre'].src = '/assets/bizarre.png';
-imgArray['Catalyst'] = new Image(); imgArray['Catalyst'].src = '/assets/catalyst.png';
-imgArray['Closed'] = new Image(); imgArray['Closed'].src = '/assets/closed.png';
-imgArray['Experience'] = new Image(); imgArray['Experience'].src = '/assets/experience.png';
-imgArray['Future Dev'] = new Image(); imgArray['Future Dev'].src = '/assets/futuredev.png';
-imgArray['Idea'] = new Image(); imgArray['Idea'].src = '/assets/idea.png';
-imgArray['Implication'] = new Image(); imgArray['Implication'].src = '/assets/implication.png';
-imgArray['Insight'] = new Image(); imgArray['Insight'].src = '/assets/insight.png';
-imgArray['Intention'] = new Image(); imgArray['Intention'].src = '/assets/intention.png';
-imgArray['Knowledge'] = new Image(); imgArray['Knowledge'].src = '/assets/knowledge.png';
-imgArray['Location'] = new Image(); imgArray['Location'].src = '/assets/location.png';
-imgArray['Open Issue'] = new Image(); imgArray['Open Issue'].src = '/assets/openissue.png';
-imgArray['Opinion'] = new Image(); imgArray['Opinion'].src = '/assets/opinion.png';
-imgArray['Opportunity'] = new Image(); imgArray['Opportunity'].src = '/assets/opportunity.png';
-imgArray['Platform'] = new Image(); imgArray['Platform'].src = '/assets/platform.png';
-imgArray['Problem'] = new Image(); imgArray['Problem'].src = '/assets/problem.png';
-imgArray['Question'] = new Image(); imgArray['Question'].src = '/assets/question.png';
-imgArray['Reference'] = new Image(); imgArray['Reference'].src = '/assets/reference.png';
-imgArray['Requirement'] = new Image(); imgArray['Requirement'].src = '/assets/requirement.png';
-imgArray['Resource'] = new Image(); imgArray['Resource'].src = '/assets/resource.png';
-imgArray['Role'] = new Image(); imgArray['Role'].src = '/assets/role.png';
-imgArray['Task'] = new Image(); imgArray['Task'].src = '/assets/task.png';
-imgArray['Tool'] = new Image(); imgArray['Tool'].src = '/assets/tool.png';
-imgArray['Trajectory'] = new Image(); imgArray['Trajectory'].src = '/assets/trajectory.png';
-imgArray['Action'] = new Image(); imgArray['Action'].src = '/assets/action.png';
-imgArray['Activity'] = new Image(); imgArray['Activity'].src = '/assets/activity.png';
-
-function init(){
- // init custom node type
- $jit.ForceDirected.Plot.NodeTypes.implement({
- 'customNode': {
- 'render': function (node, canvas) {
- var pos = node.pos.getc(true),
- dim = node.getData('dim'),
- cat = node.getData('itemcatname'),
- ctx = canvas.getCtx();
- ctx.drawImage(imgArray[cat], pos.x - dim, pos.y - dim, dim*2, dim*2);
-
- },
- 'contains': function(node, pos) {
- var npos = node.pos.getc(true),
- dim = node.getData('dim');
- return this.nodeHelper.circle.contains(npos, pos, dim);
- }
- }
- });
- // end
- // init ForceDirected
- fd = new $jit.ForceDirected({
- //id of the visualization container
- injectInto: 'infovis',
- //Enable zooming and panning
- //by scrolling and DnD
- Navigation: {
- enable: true,
- type: 'HTML',
- //Enable panning events only if we're dragging the empty
- //canvas (and not a node).
- panning: 'avoid nodes',
- zooming: 10 //zoom speed. higher is more sensible
- },
- // Change node and edge styles such as
- // color and width.
- // These properties are also set per node
- // with dollar prefixed data-properties in the
- // JSON structure.
- Node: {
- overridable: true,
- color: '#2D6A5D',
- type: 'customNode',
- dim: 25
- },
- Edge: {
- overridable: true,
- color: '#d1d1d1',
- lineWidth: 0.4
- },
- //Native canvas text styling
- Label: {
- type: 'HTML', //Native or HTML
- size: 20,
- //style: 'bold'
- },
- //Add Tips
- Tips: {
- enable: true,
- onShow: function(tip, node) {
- //count connections
- var count = 0;
- node.eachAdjacency(function() { count++; });
- //display node info in tooltip
- tip.innerHTML = "" + node.name + "
"
- + "connections: " + count + "
";
- }
- },
- // Add node events
- Events: {
- enable: true,
- type: 'HTML',
- //Change cursor style when hovering a node
- onMouseEnter: function() {
- //fd.canvas.getElement().style.cursor = 'move';
- },
- onMouseLeave: function() {
- //fd.canvas.getElement().style.cursor = '';
- },
- //Update node positions when dragged
- onDragMove: function(node, eventInfo, e) {
- var pos = eventInfo.getPos();
- node.pos.setc(pos.x, pos.y);
- fd.plot();
- },
- //Implement the same handler for touchscreens
- onTouchMove: function(node, eventInfo, e) {
- $jit.util.event.stop(e); //stop default touchmove event
- this.onDragMove(node, eventInfo, e);
- },
- //Add also a click handler to nodes
- onClick: function(node) {
- if(!node) return;
- //set final styles
- fd.graph.eachNode(function(n) {
- if(n.id != node.id) delete n.selected;
- n.setData('dim', 25, 'end');
- n.eachAdjacency(function(adj) {
- adj.setDataset('end', {
- lineWidth: 0.4,
- color: '#d1d1d1'
- });
- });
- });
- if(!node.selected) {
- node.selected = true;
- node.setData('dim', 35, 'end');
- node.eachAdjacency(function(adj) {
- adj.setDataset('end', {
- lineWidth: 3,
- color: '#36acfb'
- });
- });
- } else {
- delete node.selected;
- }
- //trigger animation to final styles
- fd.fx.animate({
- modes: ['node-property:dim',
- 'edge-property:lineWidth:color'],
- duration: 500
- });
- // Build the right column relations list.
- // This is done by traversing the clicked node connections.
- var html = '';
- //append connections information
- $jit.id('showcard').innerHTML = html;
- }
- },
- //Number of iterations for the FD algorithm
- iterations: 200,
- //Edge length
- levelDistance: 150,
- // Add text to the labels. This method is only triggered
- // on label creation and only for DOM labels (not native canvas ones).
- onCreateLabel: function(domElement, node){
- // Create a 'name' and 'close' buttons and add them
- // to the main node label
- var nameContainer = document.createElement('span'),
- closeButton = document.createElement('span'),
- style = nameContainer.style;
- nameContainer.className = 'name';
- nameContainer.innerHTML = node.name;
- closeButton.className = 'close';
- closeButton.innerHTML = 'x';
- domElement.appendChild(nameContainer);
- domElement.appendChild(closeButton);
- style.fontSize = "0.9em";
- style.color = "#ddd";
- //Fade the node and its connections when
- //clicking the close button
- closeButton.onclick = function() {
- node.setData('alpha', 0, 'end');
- node.eachAdjacency(function(adj) {
- adj.setData('alpha', 0, 'end');
- });
- fd.fx.animate({
- modes: ['node-property:alpha',
- 'edge-property:alpha'],
- duration: 500
- });
- };
- //Toggle a node selection when clicking
- //its name. This is done by animating some
- //node styles like its dimension and the color
- //and lineWidth of its adjacencies.
- nameContainer.onclick = function() {
- //set final styles
- fd.graph.eachNode(function(n) {
- if(n.id != node.id) delete n.selected;
- n.setData('dim', 25, 'end');
- n.eachAdjacency(function(adj) {
- adj.setDataset('end', {
- lineWidth: 0.4,
- color: '#d1d1d1'
- });
- });
- });
- if(!node.selected) {
- node.selected = true;
- node.setData('dim', 35, 'end');
- node.eachAdjacency(function(adj) {
- adj.setDataset('end', {
- lineWidth: 3,
- color: '#36acfb'
- });
- });
- } else {
- delete node.selected;
- }
- //trigger animation to final styles
- fd.fx.animate({
- modes: ['node-property:dim',
- 'edge-property:lineWidth:color'],
- duration: 500
- });
- // Build the right column relations list.
- // This is done by traversing the clicked node connections.
- var html = '';
- //append connections information
- $jit.id('showcard').innerHTML = html;
- };
- },
- // Change node styles when DOM labels are placed
- // or moved.
- onPlaceLabel: function(domElement, node){
- var style = domElement.style;
- var left = parseInt(style.left);
- var top = parseInt(style.top);
- var w = domElement.offsetWidth;
- var dim = node.getData('dim');
- style.left = (left - w / 2) + 'px';
- style.top = (top + dim) + 'px';
- style.display = '';
- }
- });
- // load JSON data.
- fd.loadJSON(json);
- // compute positions incrementally and animate.
- fd.computeIncremental({
- iter: 40,
- property: 'end',
- onStep: function(perc){
- },
- onComplete: function(){
- fd.animate({
- modes: ['linear'],
- transition: $jit.Trans.Elastic.easeOut,
- duration: 2500
- });
- }
- });
- // end
-}