Addition of a toggle action to show/hide node labels

Author: omixer

.gitignore

@@ -11,3 +11,4 @@ node_modules/
 bower_components/
 /.project
 /data.txt
+/.README.md.html

functree/static/src/js/functree.js

@@ -387,6 +387,29 @@ const FuncTree = class {
             				window.open(url, '_blank');
             			}
             		})
+            		// Toggle/Untoggle labels
+            		actions.push({
+            			name: 'Toggle label',
+            			iconClass: 'fa-toggle-off',
+            			onClick: function() {
+            				const selectedLabel = d3.select('#label-' + nodeId)
+            				if (selectedLabel.empty()) {
+            					const selectedNode = d3.select('#' + nodeId)
+            					d3.select("#labels")
+            					.append('g')
+            					.attr('id', 'label-' + nodeId)
+            					.attr('transform', selectedNode .attr("transform"))
+            					.append('text')
+            					.attr('text-anchor', 'middle')
+            					.attr('font-family', 'arial, sans-serif')
+            					.attr('font-size', 4)
+            					.attr('fill', '#555')
+            					.text(selectedNode.attr("data-original-title").replace(/\[.*\] /, ''))
+            				} else {
+            					selectedLabel.remove()
+            				}
+            			}
+            		})
 
             	}
             	//escape space in the selector

functree/templates/about.html

@@ -25,9 +25,14 @@ <h3>Publications</h3>
     <hr />
     <h3>Change log</h3>
     <br />
+	<h5>Version 0.7.6.2 (dev)</h5>
+	<ul>
+		<li>Addition of a toggle action to show/hide node labels
+		<li>Addition of a description to the database selection
+	</ul>    
     <h5>Version 0.7.6.1 (2019-01-18)</h5>
 	<ul>
-		<li>Addition of a help section on the functree explorer page, and improvement of the main documentation.
+		<li>Addition of a help section on the Functree explorer page, and improvement of the main documentation.
 	</ul>
     <h5>Version 0.7.6 (2019-01-15)</h5>
 	<ul>