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

NIHVIVO-3153 Cleaned up code for more/less JavaScript. Still a work in progress. Changes include:

Browse source 
* more/less link now stays anchored at bottom of list
* "more" is now "more..."
* now also acts on properties that are grouped by sub-class
This commit is contained in:
cappadona 2011-10-04 22:01:25 +00:00
parent 296b8285b4
commit 9d4b11d59b
1 changed files with 37 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

59
productMods/js/individual/individualUtils.js
View file

@ -37,52 +37,67 @@ $(document).ready(function(){
$toggleLink.click(function() { $toggleLink.click(function() {
$itemContainer.hide(); $itemContainer.hide();
$(this).attr('href', '#show more content'); $(this).attr('href', '#show more content');
$(this).text('more'); $(this).text('more...');
togglePropDisplay.showMore($toggleLink, $itemContainer); togglePropDisplay.showMore($toggleLink, $itemContainer);
return false; return false;
}); });
} }
}; };
// var $propList = $('.property-list').not('>li>ul');
var $propList = $('.property-list:not(:has(>li>ul))'); var $propList = $('.property-list:not(:has(>li>ul))');
$propList.each(function() { $propList.each(function() {
var $additionalItems = $(this).find('li:gt(2)'); var $additionalItems = $(this).find('li:gt(2)');
if ( $additionalItems.exists() ) { if ( $additionalItems.exists() ) {
// create toggle link
var $toggleLink = $('<a class="more-less" href="#show more content">more</a>').appendTo(this);
// create container for additional elements // create container for additional elements
var $itemContainer = $('<div class="additionalItems" />').appendTo(this); var $itemContainer = $('<div class="additionalItems" />').appendTo(this);
// create toggle link
var $toggleLink = $('<a class="more-less" href="#show more content">more...</a>').appendTo(this);
$additionalItems.appendTo($itemContainer); $additionalItems.appendTo($itemContainer);
$itemContainer.hide(); $itemContainer.hide();
togglePropDisplay.showMore($toggleLink, $itemContainer); togglePropDisplay.showMore($toggleLink, $itemContainer);
// $wrappedItems.hide();
// var moreLess = $(this).find(':visible:last-child').after(' <a class="more-less" href="#show more content">more</a>');
// $(additionalItems).first().before(' <a class="more-less" href="#show more content">more</a>');
// $wrappedItems.before(' <a class="more-less" href="#show more content">more</a>');
// togglePropDisplay.showMore($wrappedItems);
// $('.more-less').click(function() {
// $(additionalItems).show();
// $('.more-less').attr('href', '#show less content').text('less');
//
// });
} }
}); });
var subPropList = '.subclass-property-list'; var $subPropList = $('.subclass-property-list');
$(subPropList).each(function() { $subPropList.each(function() {
var additionalItems = $(this).find('li:gt(4)'); var $additionalItems = $(this).find('li:gt(2)');
if ( additionalItems.exists() ) { if ( $additionalItems.exists() ) {
$(additionalItems).hide(); // create container for additional elements
$(this).append(' <a class="more-less" href="#show more content">more</a>'); var $itemContainer = $('<div class="additionalItems" />').appendTo(this);
// create toggle link
var $toggleLink = $('<a class="more-less" href="#show more content">more...</a>').appendTo(this);
$additionalItems.appendTo($itemContainer);
$itemContainer.hide();
togglePropDisplay.showMore($toggleLink, $itemContainer);
} }
}); });
var $subPropSibs = $subPropList.closest('li').last().nextAll();
var $subPropParent = $subPropList.closest('li').last().parent();
var $additionalItems = $subPropSibs.slice(3);
if ( $additionalItems.length > 0 ) {
// create container for additional elements
var $itemContainer = $('<div class="additionalItems" />').appendTo($subPropParent);
// create toggle link
var $toggleLink = $('<a class="more-less" href="#show more content">more...</a>').appendTo($subPropParent);
$additionalItems.appendTo($itemContainer);
$itemContainer.hide();
togglePropDisplay.showMore($toggleLink, $itemContainer);
}
// Change background color button when verbose mode is off // Change background color button when verbose mode is off
$('a#verbosePropertySwitch:contains("Turn off")').addClass('verbose-off'); $('a#verbosePropertySwitch:contains("Turn off")').addClass('verbose-off');