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

NIHVIVO-641:

Browse source 
Included in menupage--classgroup-people.ftl 3 include files:
*menupage-browse.ftl: Template for browsing class groups in menupages
*menupage-classCroupMenu.ftl: Template for class groups menu in menupages 
*menupage-browseByVClass.ftl: Template for browsing VClasses in menupages

Removed some Find By filters

Added existing dummy individual: foaf person picture (Before I was using a duplicated image file)
This commit is contained in:
mb863 2011-01-03 21:40:37 +00:00
parent 6b4dce7e28
commit 0b0cc67059
7 changed files with 85 additions and 72 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
webapp/web/css/menupage/menupage.css
View file

@ -237,9 +237,10 @@ ul#browse-childClasses a{
height: 35px; height: 35px;
} }
/* ALPHA BROWSE------> */ /* ALPHA BROWSE------> */
#alpha-browse-childClass{ ul#alpha-browse-childClass{
float: left; float: left;
width: 77px; width: 77px;
margin-bottom: 20px;
} }
ul#alpha-browse-childClass li{ ul#alpha-browse-childClass li{
display: block; display: block;

BIN
webapp/web/images/menupage/person-thumbnail.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.7 KiB

2
webapp/web/js/menupage/browseByVClass.js
View file

@ -72,7 +72,7 @@ var browseByVClass = {
// test for individual image is not currently functional // test for individual image is not currently functional
// since the image is not yet included in the JSON results // since the image is not yet included in the JSON results
if ( !results.individuals[i].image ) { if ( !results.individuals[i].image ) {
indivImage = browseByVClass.baseUrl + '/images//menupage/person-thumbnail.jpg'; indivImage = browseByVClass.baseUrl + '/images/dummyImages/person.thumbnail.jpg';
} else { } else {
indivImage = results.individuals[i].image; indivImage = results.individuals[i].image;
} }

74
webapp/web/templates/freemarker/body/menupage/menupage--classgroup-people.ftl
View file

@ -1,17 +1,11 @@
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ --> <#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
<section id="intro-menupage" role="region"> <section id="intro-menupage" role="region">
<h3>People</h3> <h3>${page.title}</h3>
<section id="content-foaf-person" role="region"> <section id="content-foaf-person" role="region">
<h4>Visual Graph</h4> <h4>Visual Graph</h4>
<nav role="navigation"> <#include "menupage-classGroupsMenu.ftl">
<ul id="vgraph-childClasses">
<#list vClassGroup as vClass>
<li><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>
</#list>
</ul>
</nav>
<section id="foaf-person-graph" role="region"> <section id="foaf-person-graph" role="region">
<img src="${urls.images}/menupage/visual-graph.jpg" alt="" /> <img src="${urls.images}/menupage/visual-graph.jpg" alt="" />
@ -25,11 +19,8 @@
<ul id="find-filters"> <ul id="find-filters">
<li><a href="#">Research Area</a></li> <li><a href="#">Research Area</a></li>
<li><a href="#">Authorship</a></li> <li><a href="#">Authorship</a></li>
<li><a href="#">Subject Area</a></li>
<li><a href="#">Department</a></li> <li><a href="#">Department</a></li>
<li><a href="#">International Geographic Focus</a></li>
<li><a href="#">Courses</a></li> <li><a href="#">Courses</a></li>
<li><a href="#">Keywords</a></li>
</ul> </ul>
</nav> </nav>
@ -69,65 +60,8 @@
</section> </section>
</section> </section>
<section id="browse-by" role="region"> <#include "menupage-browse.ftl">
<h2>Browse by</h2>
<nav role="navigation">
<ul id="browse-childClasses">
<#list vClassGroup as vClass>
<#------------------------------------------------------------
Need to replace vClassCamel with full URL that allows function
to degrade gracefully in absence of JavaScript. Something
similar to what Brian had setup with widget-browse.ftl
------------------------------------------------------------->
<#assign vClassCamel = vClass.name?capitalize?replace(" ", "")?uncap_first />
<li id="${vClassCamel}"><a href="#${vClassCamel}" title="Browse all people in this class" data-uri="${vClass.URI}">${vClass.name} <span class="count-classes">(${vClass.entityCount})</span></a></li>
</#list>
</ul>
<nav role="navigation">
<ul id="alpha-browse-childClass">
<li><a href="#" class="selected" data-alpha="all">All<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="a">A<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="b">B<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="d">D<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="f">F<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="g">G<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="h">H<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="i">I<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="k">K<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="l">L<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="n">N<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="p">P<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="r">R<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="u">U<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="v">V<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="y">Y<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="z">Z<span class="count-classes"> (280)</span></a></li>
</ul>
</nav>
</nav>
<section id="individuals-in-childClass" role="region">
</section>
</section>
${stylesheets.add("/css/menupage/menupage.css")} ${stylesheets.add("/css/menupage/menupage.css")}
<#---------------------------------------------------------------------------------- <#include "menupage-browseByVClass.ftl">
requestedPage is currently provided by FreemarkerHttpServlet. Should this be moved
to PageController? Maybe we should have Java provide the domain name directly
instead of the full URL of the requested page? Chintan was also asking for a
template variable with the domain name for an AJAX request with visualizations.
------------------------------------------------------------------------------------>
<#assign domainName = requestedPage?substring(0, requestedPage?index_of("/", 7)) />
<script type="text/javascript">
var menupageData = {
baseUrl: '${domainName + urls.base}',
dataServiceUrl: '${domainName + urls.base}/dataservice?getLuceneIndividualsByVClass=1&vclassId=',
defaultBrowseVClassUri: '${vClassGroup[0].URI}'
};
</script>
${scripts.add("/js/menupage/browseByVClass.js")}

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

@ -0,0 +1,46 @@
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
<#-- Template for browsing class groups in menupages -->
<section id="browse-by" role="region">
<h2>Browse by</h2>
<nav role="navigation">
<ul id="browse-childClasses">
<#list vClassGroup as vClass>
<#------------------------------------------------------------
Need to replace vClassCamel with full URL that allows function
to degrade gracefully in absence of JavaScript. Something
similar to what Brian had setup with widget-browse.ftl
------------------------------------------------------------->
<#assign vClassCamel = vClass.name?capitalize?replace(" ", "")?uncap_first />
<li id="${vClassCamel}"><a href="#${vClassCamel}" title="Browse all people in this class" data-uri="${vClass.URI}">${vClass.name} <span class="count-classes">(${vClass.entityCount})</span></a></li>
</#list>
</ul>
<nav role="navigation">
<ul id="alpha-browse-childClass">
<li><a href="#" class="selected" data-alpha="all">All<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="a">A<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="b">B<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="d">D<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="f">F<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="g">G<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="h">H<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="i">I<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="k">K<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="l">L<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="n">N<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="p">P<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="r">R<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="u">U<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="v">V<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="y">Y<span class="count-classes"> (280)</span></a></li>
<li><a href="#" data-alpha="z">Z<span class="count-classes"> (280)</span></a></li>
</ul>
</nav>
</nav>
<section id="individuals-in-childClass" role="region">
</section>
</section>

21
webapp/web/templates/freemarker/body/partials/menupage/menupage-browseByVClass.ftl Normal file
View file

@ -0,0 +1,21 @@
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
<#-- Template for browsing VClasses in menupages-->
<#----------------------------------------------------------------------------------
requestedPage is currently provided by FreemarkerHttpServlet. Should this be moved
to PageController? Maybe we should have Java provide the domain name directly
instead of the full URL of the requested page? Chintan was also asking for a
template variable with the domain name for an AJAX request with visualizations.
------------------------------------------------------------------------------------>
<#assign domainName = requestedPage?substring(0, requestedPage?index_of("/", 7)) />
<script type="text/javascript">
var menupageData = {
baseUrl: '${domainName + urls.base}',
dataServiceUrl: '${domainName + urls.base}/dataservice?getLuceneIndividualsByVClass=1&vclassId=',
defaultBrowseVClassUri: '${vClassGroup[0].URI}'
};
</script>
${scripts.add("/js/menupage/browseByVClass.js")}

11
webapp/web/templates/freemarker/body/partials/menupage/menupage-classGroupsMenu.ftl Normal file
View file

@ -0,0 +1,11 @@
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
<#-- Template for class groups menu in menupages -->
<nav role="navigation">
<ul id="vgraph-childClasses">
<#list vClassGroup as vClass>
<li><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>
</#list>
</ul>
</nav>