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

NIHVIVO-1073 Fairly significant refactoring of markup and styles for menu pages. Got rid of duplication between the default template and template for people class group.

Browse source
This commit is contained in:
nac26 2011-01-26 14:26:32 +00:00
parent f7e126cf50
commit abb2228b9b
4 changed files with 98 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

20
webapp/web/templates/freemarker/body/menupage/menupage.ftl
View file

@ -3,29 +3,29 @@
<#include "menupage-checkForData.ftl">
<#if !noData>
<section id="intro-menupage" role="region">
<section id="menupage-intro" role="region">
<h3>${page.title}</h3>
<section id="content-generic-class" role="region">
<section id="menupage-content" role="region">
<#-- This will allow us to keep menupage.ftl generic and keep vivo-specific extensions in VIVO -->
<#if visualizationLink??>
${visualizationLink}
</#if>
<h4>Visual Graph</h4>
<#include "menupage-vClassesInClassgroup.ftl">
<section id="generic-class-graph" role="region">
<section id="menupage-graph" role="region">
<img src="${urls.images}/menupage/visual-graph-generic-class.jpg" width="500" height="283" alt ="" />
</section>
</section>
</section>
<#include "menupage-browse.ftl">
${stylesheets.add("/css/menupage/menupage.css")}
<#include "menupage-scripts.ftl">
<#else>
${noDataNotification}

10
webapp/web/templates/freemarker/body/partials/menupage/menupage-browse.ftl
View file

@ -6,7 +6,7 @@
<h2>Browse by</h2>
<nav role="navigation">
<ul id="browse-childClasses">
<ul id="browse-classes">
<#list vClassGroup as vClass>
<#------------------------------------------------------------
Need to replace vClassCamel with full URL that allows function
@ -22,18 +22,18 @@
</ul>
<nav role="navigation">
<#assign alphabet = ["A", "B", "C", "D", "E", "F", "G" "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"] />
<ul id="alpha-browse-childClass">
<ul id="alpha-browse-individuals">
<li><a href="#" class="selected" data-alpha="all">All</a></li>
<#list alphabet as letter>
<li><a href="#" data-alpha="${letter?lower_case}" title="Browse all individuals whose names start with ${letter}">${letter}</a></li>
<li><a href="#" data-alpha="${letter?lower_case}" title="Browse all individuals whose name starts with ${letter}">${letter}</a></li>
</#list>
</ul>
</nav>
</nav>
<section id="individuals-in-childClass" role="region">
<section id="individuals-in-class" role="region">
<ul role="list">
<#-- Will be populated dynamically via AJAX request -->
</ul>
</section>
</section>

4
webapp/web/templates/freemarker/body/partials/menupage/menupage-vClassesInClassgroup.ftl
View file

@ -3,11 +3,11 @@
<#-- Template for rendering the classes in a class group for menupages -->
<nav role="navigation">
<ul id="vgraph-childClasses" role="list">
<ul id="vgraph-classes" role="list">
<#list vClassGroup as vClass>
<#-- Only display vClasses with individuals -->
<#if (vClass.entityCount > 0)>
<li role="listitem"><a href="#browse-by" title="Browse all people in this class" data-uri="${vClass.URI}">${vClass.name} <span class="count-classes">(${vClass.entityCount})</span></a></li>
<li role="listitem"><a href="#browse-by" title="Browse all individuals in this class" data-uri="${vClass.URI}">${vClass.name} <span class="count-classes">(${vClass.entityCount})</span></a></li>
</#if>
</#list>
</ul>