From 099bba0d49de6dc8e82ef7b3805d1418279da27c Mon Sep 17 00:00:00 2001 From: Connor Turland Date: Mon, 22 Oct 2012 21:00:35 -0400 Subject: [PATCH] removed extraneous log files --- .../javascripts/Jit/ForceDirected/metamap.js | 282 ------------------ 1 file changed, 282 deletions(-) delete mode 100644 app/assets/javascripts/Jit/ForceDirected/metamap.js 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 = '

' + node.getData("itemcatname") + '

' + node.getData(' + node.name + '

' + node.getData('desc') + '

' + node.getData('link') + '
'; - //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 = '

' + node.getData("itemcatname") + '

' + node.getData(' + node.name + '

' + node.getData('desc') + '

' + node.getData('link') + '
'; - //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 -}