diff --git a/productMods/js/visualization/sparkline.js b/productMods/js/visualization/sparkline.js new file mode 100644 index 00000000..bd6d57dc --- /dev/null +++ b/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(''); + + $.ajax({ + url: visualizationData.url, + dataType: "html", + success:function(data){ + $(container).html(data); + } + }); + } +}; + +$(document).ready(function() { + visualization.render(visualizationData); +}); diff --git a/productMods/templates/freemarker/body/partials/individual/individual-sparklineVisualization.ftl b/productMods/templates/freemarker/body/partials/individual/individual-sparklineVisualization.ftl new file mode 100644 index 00000000..2ccf8ee7 --- /dev/null +++ b/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??> +
 
+ + <#assign visContainer = "vis_container"> + <#assign visUrl = "${visualization.url}&container=${visContainer}"> + + ${stylesheets.addFromTheme("/visualization/visualization.css")} + ${scripts.add("/js/visualization/sparkline.js")} + + + \ No newline at end of file diff --git a/themes/vivo-basic/css/visualization/visualization.css b/themes/vivo-basic/css/visualization/visualization.css index 1f283531..1d0a041b 100644 --- a/themes/vivo-basic/css/visualization/visualization.css +++ b/themes/vivo-basic/css/visualization/visualization.css @@ -16,4 +16,14 @@ span.incomplete-data-holder, #incomplete-data { 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;*/ } \ No newline at end of file