NIHVIVO-641:
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
parent
6b4dce7e28
commit
0b0cc67059
7 changed files with 85 additions and 72 deletions
|
|
@ -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;
|
||||||
|
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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")}
|
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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")}
|
||||||
|
|
@ -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>
|
||||||
Loading…
Add table
Reference in a new issue