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

NIHVIVO-641: Changed markup <article> for <li> in individual display list on browse by section.

Browse source
This commit is contained in:
mb863 2011-01-07 22:11:49 +00:00
parent a201cd2c31
commit 00d144196a
4 changed files with 27 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -271,28 +271,39 @@ ul#alpha-browse-childClass a{
#individuals-in-childClass h3{ #individuals-in-childClass h3{
padding: 10px 0 10px 30px; padding: 10px 0 10px 30px;
} }
article.individual-foaf-person{ #individuals-in-childClass ul{
list-style: none;
}
#individuals-in-childClass li.individual-foaf-person{
width: 39%; width: 39%;
padding-bottom: 30px; padding-bottom: 30px;
padding-top: 20px; padding-top: 20px;
margin-left: 30px; margin-left: 30px;
margin-right: 30px; margin-right: 30px;
} }
article.individual-foaf-person img{ #individuals-in-childClass li.individual-foaf-person img{
float: left; float: left;
} }
article.individual-foaf-person h1{ #individuals-in-childClass li.individual-foaf-person h1{
padding: 30px 0 30px 110px; font-weight: bold;
padding: 30px 0 10px 110px;
line-height: 1.2em; line-height: 1.2em;
} }
article.individual{ #individuals-in-childClass p{
padding-left: 110px;
line-height: 1.2em;
}
#individuals-in-childClass span.org{
display: block;
}
#individuals-in-childClass li.individual{
width: 440px; width: 440px;
margin-left: 30px; margin-left: 30px;
margin-right: 30px; margin-right: 30px;
} }
article.individual h1{ #individuals-in-childClass li.individual h1{
margin: 0; margin: 0;
paddin: 0; padding: 0;
color: #5e6363; color: #5e6363;
line-height: 1.2em; line-height: 1.2em;
padding-bottom: 20px; padding-bottom: 20px;

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

@ -23,7 +23,7 @@ var browseByVClass = {
this.alphaIndex = $('#alpha-browse-childClass'); this.alphaIndex = $('#alpha-browse-childClass');
this.alphaIndexLinks = $('#alpha-browse-childClass li a'); this.alphaIndexLinks = $('#alpha-browse-childClass li a');
this.selectedAlphaIndex = $('#alpha-browse-childClass li a.selected'); this.selectedAlphaIndex = $('#alpha-browse-childClass li a.selected');
this.individualsInVClass = $('#individuals-in-childClass'); this.individualsInVClass = $('#individuals-in-childClass ul');
}, },
// Event listeners. Called on page load // Event listeners. Called on page load
@ -67,6 +67,8 @@ var browseByVClass = {
$.getJSON(url, function(results) { $.getJSON(url, function(results) {
$.each(results.individuals, function(i, item) { $.each(results.individuals, function(i, item) {
indivLabel = results.individuals[i].label; indivLabel = results.individuals[i].label;
firstName = results.individuals[i].firstName;
lastName = results.individuals[i].lastName;
indivUri = results.individuals[i].URI; indivUri = results.individuals[i].URI;
indivProfileUrl = results.individuals[i].profileUrl; indivProfileUrl = results.individuals[i].profileUrl;
if ( !results.individuals[i].thumbUrl ) { if ( !results.individuals[i].thumbUrl ) {
@ -74,7 +76,7 @@ var browseByVClass = {
} else { } else {
indivImage = browseByVClass.baseUrl + results.individuals[i].thumbUrl; indivImage = browseByVClass.baseUrl + results.individuals[i].thumbUrl;
} }
browseByVClass.individualsInVClass.append('<article class="vcard individual-foaf-person" role="navigation"> <img src="'+ indivImage +'" width="90" height="90" alt="'+ indivLabel +'" /><h1 class="fn"><a href="'+ indivProfileUrl +'" title="View the profile page for '+ indivLabel +'">'+ indivLabel + '</a></h1><p>core:preferredTitle <span class="org">org from preferredTitle??</span></p></article>'); browseByVClass.individualsInVClass.append('<li role="listitem" class="vcard individual-foaf-person" role="navigation"> <img src="'+ indivImage +'" width="90" height="90" alt="'+ firstName + ' ' + lastName +'" /><h1 class="fn"><a href="'+ indivProfileUrl +'" title="View the profile page for '+ firstName + ' ' + lastName +'">'+ firstName + ' ' + lastName + '</a></h1><p>core:preferredTitle <span class="org">org from preferredTitle??</span></p></li>');
}) })
// set selected class and alpha // set selected class and alpha
browseByVClass.selectedVClass(results.vclass.URI); browseByVClass.selectedVClass(results.vclass.URI);

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

@ -51,6 +51,8 @@
</nav> </nav>
<section id="individuals-in-childClass" role="region"> <section id="individuals-in-childClass" role="region">
<ul role="list">
</ul>
</section> </section>
</section> </section>

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

@ -3,9 +3,9 @@
<#-- Template for rendering the classes in a class group for menupages --> <#-- Template for rendering the classes in a class group for menupages -->
<nav role="navigation"> <nav role="navigation">
<ul id="vgraph-childClasses"> <ul id="vgraph-childClasses" role="list">
<#list vClassGroup as vClass> <#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> <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>
</#list> </#list>
</ul> </ul>
</nav> </nav>