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

NIHVIVO-3153 Initial attempt at more/less for properties on individual page. It currently kicks in when there are more than 3 instances of a property across the board (not aware of the display limit annotation so it's not per-property configurable).

Browse source
This commit is contained in:
cappadona 2011-09-28 15:12:39 +00:00
parent 3631262c79
commit 02df64cb2a
2 changed files with 79 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -5,6 +5,84 @@ $(document).ready(function(){
// "more"/"less" HTML truncator for showing more or less content in data property core:overview
$('.overview-value').truncate({max_length: 500});
// "more"/"less" HTML truncator for all properties
// $('.subclass-property-list li:gt(4)').hide();
// $('ul li:gt(4)').hide();
// $('.show_button').click(function() {
// $('ul li:gt(4)').show();
// });
// var propList = '.property-list:not(:has(>li>ul)) li:gt(4)';
$.fn.exists = function () {
return this.length !== 0;
}
$.fn.moreLess = function () {
$(this).each
}
var togglePropDisplay = {
showMore: function($toggleLink, $itemContainer) {
$toggleLink.click(function() {
$itemContainer.show();
$(this).attr('href', '#show less content');
$(this).text('less');
togglePropDisplay.showLess($toggleLink, $itemContainer);
return false;
});
},
showLess: function($toggleLink, $itemContainer) {
$toggleLink.click(function() {
$itemContainer.hide();
$(this).attr('href', '#show more content');
$(this).text('more');
togglePropDisplay.showMore($toggleLink, $itemContainer);
return false;
});
}
};
var $propList = $('.property-list:not(:has(>li>ul))');
$propList.each(function() {
var $additionalItems = $(this).find('li:gt(2)');
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
var $itemContainer = $('<div class="additionalItems" />').appendTo(this);
$additionalItems.appendTo($itemContainer);
$itemContainer.hide();
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';
$(subPropList).each(function() {
var additionalItems = $(this).find('li:gt(4)');
if ( additionalItems.exists() ) {
$(additionalItems).hide();
$(this).append(' <a class="more-less" href="#show more content">more</a>');
}
});
// Change background color button when verbose mode is off
$('a#verbosePropertySwitch:contains("Turn off")').addClass('verbose-off');