litvinovg/vivo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Re-factored the markup and styles for visualization in individual pages.

Browse source
This commit is contained in:
mb863 2011-01-26 22:20:47 +00:00
parent c4d32307cc
commit 4fec8f74bf
3 changed files with 7 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

6
productMods/css/visualization/visualization.css
View file

@ -50,14 +50,16 @@ span.incomplete-data-holder,
.collaboratorship-link-container { .collaboratorship-link-container {
margin-top: 20px; margin-top: 20px;
display: none; display: none;
border-top: 1px dotted #A6B1B0;
padding-top: 20px;
width: 180px;
} }
.sparkline_text { .sparkline_text {
font-size: .8em; font-size: .8em;
font-weight: bold; font-weight: bold;
text-align: left; text-align: left;
padding-bottom: 20px; line-height: 1.5em;
border-bottom: 1px dotted #A6B1B0;
} }
.google-visualization-sparkline-default { .google-visualization-sparkline-default {

8
productMods/templates/freemarker/body/partials/individual/individual-sparklineVisualization.ftl
View file

@ -20,18 +20,14 @@
<div class="collaboratorship-icon"> <div class="collaboratorship-icon">
<a href="${coAuthorURL}"><img src="${coAuthorIcon}" alt="Co-author Network icon" width="30px" height="30px" /></a> <a href="${coAuthorURL}"><img src="${coAuthorIcon}" alt="Co-author Network icon" width="30px" height="30px" /></a>
</div> </div>
<div class="collaboratorship-link"> <div class="collaboratorship-link"><a href="${coAuthorURL}">Co-Author Network</a></div>
<h3><a href="${coAuthorURL}">Co-Author Network</a></h3>
</div>
</div> </div>
<div id="coinvestigator_link_container" class="collaboratorship-link-container"> <div id="coinvestigator_link_container" class="collaboratorship-link-container">
<div class="collaboratorship-icon"> <div class="collaboratorship-icon">
<a href="${coInvestigatorURL}"><img src="${coInvestigatorIcon}" alt="Co-investigator Network icon" width="30px" height="30px" /></a> <a href="${coInvestigatorURL}"><img src="${coInvestigatorIcon}" alt="Co-investigator Network icon" width="30px" height="30px" /></a>
</div> </div>
<div class="collaboratorship-link"> <div class="collaboratorship-link"><a href="${coInvestigatorURL}">Co-Investigator Network</a></div>
<h3><a href="${coInvestigatorURL}">Co-Investigator Network</a></h3>
</div>
</div> </div>
${stylesheets.add("css/visualization/visualization.css")} ${stylesheets.add("css/visualization/visualization.css")}

2
productMods/templates/freemarker/body/partials/individual/individual-visualization.ftl
View file

@ -2,7 +2,7 @@
<#-- Individual visualization template --> <#-- Individual visualization template -->
<#if individual.organization > <#if individual.organization>
<#-- Logically we only need section#temporal-graph, but css may depend on the outer sections. Leaving here for UI team to check. --> <#-- Logically we only need section#temporal-graph, but css may depend on the outer sections. Leaving here for UI team to check. -->
<section id="temporal-graph" role="region"> <section id="temporal-graph" role="region">
<h3><img src="${urls.images}/visualization/temporal_vis_icon.jpg" width="25px" height="25px" /><a href="${urls.base}/visualization?vis=entity_comparison&uri=${individual.uri}">Temporal Graph</a></h3> <h3><img src="${urls.images}/visualization/temporal_vis_icon.jpg" width="25px" height="25px" /><a href="${urls.base}/visualization?vis=entity_comparison&uri=${individual.uri}">Temporal Graph</a></h3>