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

NIHVIVO-1073 Pagination for browsing individuals

Browse source
This commit is contained in:
nac26 2011-01-26 14:33:13 +00:00
parent 1d51f94d56
commit bac2011271
1 changed files with 50 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
productMods/js/menupage/browseByVClassPeople.js
View file

@ -6,17 +6,56 @@
var getPersonIndividuals = browseByVClass.getIndividuals;
// Assigning the proxy function
browseByVClass.getIndividuals = function(vclassUri, alpha) {
// alert("This is the mothership!");
browseByVClass.getIndividuals = function(vclassUri, alpha, page) {
url = this.dataServiceUrl + encodeURIComponent(vclassUri);
if ( alpha && alpha != "all") {
url = url + '&alpha=' + alpha;
}
if ( page ) {
url += '&page=' + page;
} else {
page = 1;
}
// First wipe currently displayed individuals
// First wipe currently displayed individuals and existing pagination
this.individualsInVClass.empty();
$('nav.pagination').remove();
$.getJSON(url, function(results) {
// Check to see if we're dealing with pagination
if ( results.pages.length ) {
pages = results.pages;
pagination = '<nav class="pagination menupage">';
pagination += '<h3>page</h3>';
pagination += '<ul>';
$.each(pages, function(i, item) {
anchorOpen = '<a class="page'+ pages[i].text +' round" href="#" title="View page '+ pages[i].text +' of the results">';
anchorClose = '</a>';
pagination += '<li class="page'+ pages[i].text;
pagination += ' round';
// Test for active page
if ( pages[i].text == page) {
pagination += ' selected';
anchorOpen = "";
anchorClose = "";
}
pagination += '" role="listitem">';
pagination += anchorOpen;
pagination += pages[i].text;
pagination += anchorClose;
pagination += '</li>';
})
pagination += '</ul>';
// browseByVClass.paginationNav.remove();
// Add the pagination above the list of individuals and call the listener
browseByVClass.individualsContainer.prepend(pagination);
browseByVClass.paginationListener();
}
$.each(results.individuals, function(i, item) {
label = results.individuals[i].label;
firstName = results.individuals[i].firstName;
@ -47,7 +86,7 @@ browseByVClass.getIndividuals = function(vclassUri, alpha) {
image = browseByVClass.baseUrl + results.individuals[i].thumbUrl;
}
// Build the content of each list item, piecing together each component
listItem = '<li class="vcard individual-foaf-person" role="listitem" role="navigation">';
listItem = '<li class="vcard individual foaf-person" role="listitem" role="navigation">';
listItem += '<img src="'+ image +'" width="90" height="90" alt="'+ fullName +'" />';
listItem += '<h1 class="fn thumb"><a href="'+ profileUrl +'" title="View the profile page for '+ fullName +'">'+ fullName +'</a></h1>';
// Include the calculated preferred title (see above) only if it's not empty
@ -57,7 +96,13 @@ browseByVClass.getIndividuals = function(vclassUri, alpha) {
listItem += '</li>';
browseByVClass.individualsInVClass.append(listItem);
})
// set selected class and alpha
// Add the pagination below the list as well
if ( results.pages.length ) {
browseByVClass.individualsContainer.append(pagination);
}
// set selected class, alpha and page
browseByVClass.selectedVClass(results.vclass.URI);
browseByVClass.selectedAlpha(alpha);
});