NIHVIVO-650 Display label, moniker, and sparkline visualization on Freemarker version of individual profile page

productMods/js/visualization/sparkline.js

@@ -0,0 +1,22 @@
+/* $This file is distributed under the terms of the license in /doc/license.txt$ */
+
+/* Javascript for sparkline visualization on person profile page */
+
+var visualization = {
+	render: function(visualizationData) {
+		var container = $('#' + visualizationData.container);
+        //$(container).empty().html('<img src="${loadingImageLink}" />');
+       
+        $.ajax({
+            url: visualizationData.url,
+            dataType: "html",
+            success:function(data){
+                $(container).html(data);
+            }
+        });		
+	}
+};
+
+$(document).ready(function() {
+    visualization.render(visualizationData);
+});

productMods/templates/freemarker/body/partials/individual/individual-sparklineVisualization.ftl

@@ -0,0 +1,20 @@
+<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
+
+<#-- Template for sparkline visualization on individual profile page -->
+
+<#if visualization.url??>
+    <div id="vis_container">&nbsp;</div>
+    
+    <#assign visContainer = "vis_container">
+    <#assign visUrl = "${visualization.url}&container=${visContainer}">
+    
+    ${stylesheets.addFromTheme("/visualization/visualization.css")}
+    ${scripts.add("/js/visualization/sparkline.js")}
+    
+    <script type="text/javascript">
+    var visualizationData = {
+        url: '${visUrl}',
+        container: '${visContainer}'
+    };
+    </script>
+</#if>

themes/vivo-basic/css/visualization/visualization.css

@@ -17,3 +17,13 @@ span.incomplete-data-holder,
   margin-top: 1.6em;
   font-size: 1.0em;
 }
+
+/* RY Removed cursor:pointer: makes the whole div look clickable when it isn't. */
+#vis_container {
+    /*cursor:pointer; */
+    /*height:36px;
+    margin-left:24%;
+    margin-top:-2%;
+    position:absolute;
+    width:380px;*/
+}