Person layout changes

webapp/src/main/webapp/themes/tenderfoot/css/tenderfoot.css

@@ -42,7 +42,10 @@ body {
 }
 
 #property-tabs {
+    /*
+    padding-left: 0px;
     padding-right: 0px;
+    */
 }
 
 .row {

webapp/src/main/webapp/themes/tenderfoot/templates/body/individual/individual--foaf-person.ftl

@@ -108,15 +108,21 @@
 	<#assign skipThis = propertyGroups.pullProperty("http://xmlns.com/foaf/0.1/lastName")!>
 </#if>
 
-<section id="property-tabs" class="col-md-12">
+<div class="row">
+	<div id="property-tabs" class="col-md-8">
 		<#include "individual-property-group-tabs.ftl">
-</section>
+	</div>
+	<div class="col-md-4">
+		<#include "individual-visualizationFoafPerson.ftl">
+
+		<!-- Websites -->
+		<#include "individual-webpage.ftl">
+	</div>
+</div>
 
 <section style="overflow: hidden">
     <div class="row row-eq-height">
         <div class="col-md-2">
-			<#include "individual-visualizationFoafPerson.ftl">
-
             <!-- Contact Info -->
             <div id="individual-tools-people">
 				<span id="iconControlsLeftSide">
@@ -130,9 +136,6 @@
 				</span>
             </div>
 			<#include "individual-contactInfo.ftl">
-
-            <!-- Websites -->
-		<#include "individual-webpage.ftl">
         </div>
     </div>
 </section>

webapp/src/main/webapp/themes/tenderfoot/templates/body/partials/individual/individual-visualizationFoafPerson.ftl

@@ -0,0 +1,67 @@
+<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
+
+<#-- Template for sparkline visualization on individual profile page -->
+
+<#-- Determine whether this person is an author -->
+<#assign isAuthor = p.hasVisualizationStatements(propertyGroups, "${core}relatedBy", "${core}Authorship") />
+
+<#-- Determine whether this person is involved in any grants -->
+<#assign obo_RO53 = "http://purl.obolibrary.org/obo/RO_0000053">
+
+<#assign isInvestigator = ( p.hasVisualizationStatements(propertyGroups, "${obo_RO53}", "${core}InvestigatorRole") ||
+                            p.hasVisualizationStatements(propertyGroups, "${obo_RO53}", "${core}PrincipalInvestigatorRole") || 
+                            p.hasVisualizationStatements(propertyGroups, "${obo_RO53}", "${core}CoPrincipalInvestigatorRole") ) >
+
+<#if (isAuthor || isInvestigator)>
+ 
+    ${stylesheets.add('<link rel="stylesheet" href="${urls.base}/css/visualization/visualization.css" />')}
+    <#assign standardVisualizationURLRoot ="/visualization">
+        
+        <#if isAuthor>
+            <#assign coAuthorIcon = "${urls.images}/visualization/coauthorship/co_author_icon.png">
+            <#assign mapOfScienceIcon = "${urls.images}/visualization/mapofscience/scimap_icon.png">
+            <#assign coAuthorVisUrl = individual.coAuthorVisUrl()>
+            <#assign mapOfScienceVisUrl = individual.mapOfScienceUrl()>
+            
+            <#assign googleJSAPI = "https://www.google.com/jsapi?autoload=%7B%22modules%22%3A%5B%7B%22name%22%3A%22visualization%22%2C%22version%22%3A%221%22%2C%22packages%22%3A%5B%22imagesparkline%22%5D%7D%5D%7D"> 
+            
+            <span id="sparklineHeading">${i18n().publications_in_vivo}</span>   
+            
+            <div id="vis_container_coauthor">&nbsp;</div>
+
+            <div id="coauthorship_link_container" class="collaboratorship-link-container">
+                <a href="${coAuthorVisUrl}" title="${i18n().co_author_network}" class="btn btn-info" role="button">
+                    <img src="${coAuthorIcon}" alt="${i18n().co_author}" width="25px" height="25px" />
+                    ${i18n().co_author_network}
+                </a>
+            </div>
+            
+  	      	<div id="mapofscience_link_container" class="collaboratorship-link-container">
+                <a href="${mapOfScienceVisUrl}" title="${i18n().map_of_science}" class="btn btn-info" role="button">
+                    <img src="${mapOfScienceIcon}" alt="${i18n().map_of_science}" width="25px" height="25px" />
+                    ${i18n().map_of_science_capitalized}
+                </a>
+            </div>
+            
+            ${scripts.add('<script type="text/javascript" src="${googleJSAPI}"></script>',
+                          '<script type="text/javascript" src="${urls.base}/js/visualization/visualization-helper-functions.js"></script>',
+                          '<script type="text/javascript" src="${urls.base}/js/visualization/sparkline.js"></script>')}           
+            
+            <script type="text/javascript">
+                var visualizationUrl = '${urls.base}/visualizationAjax?uri=${individual.uri?url}&template=${visRequestingTemplate!}';
+                var infoIconSrc = '${urls.images}/iconInfo.png';
+            </script>
+        </#if>
+        
+        <#if isInvestigator>
+            <#assign coInvestigatorVisUrl = individual.coInvestigatorVisUrl()>
+            <#assign coInvestigatorIcon = "${urls.images}/visualization/coauthorship/co_investigator_icon.png">
+            
+            <div id="coinvestigator_link_container" class="collaboratorship-link-container">
+                <a href="${coInvestigatorVisUrl}" title="${i18n().co_investigator_network}" class="btn btn-info" role="button">
+                    <img src="${coInvestigatorIcon}" alt="${i18n().co_investigator_network}" width="25px" height="25px" />
+                    ${i18n().co_investigator_network_capitalized}
+                </a>
+            </div>
+        </#if>
+</#if>