Person layout changes

This commit is contained in:
Graham Triggs 2017-04-07 07:46:27 -06:00
parent 20fda7455b
commit fe61343ce5
3 changed files with 82 additions and 9 deletions

View file

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

View file

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

View file

@ -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>