VIVO-970: needed to break out the more/less javascript toggle into a separate file.
This commit is contained in:
parent
31af758ff7
commit
4875fe566e
4 changed files with 3 additions and 86 deletions
|
@ -14,93 +14,7 @@ $(document).ready(function(){
|
|||
|
||||
// "more"/"less" HTML truncator for showing more or less content in data property core:overview
|
||||
$('.overview-value').truncate({max_length: 500});
|
||||
|
||||
$.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(i18nStrings.displayLess);
|
||||
togglePropDisplay.showLess($toggleLink, $itemContainer);
|
||||
return false;
|
||||
});
|
||||
},
|
||||
|
||||
showLess: function($toggleLink, $itemContainer) {
|
||||
$toggleLink.click(function() {
|
||||
$itemContainer.hide();
|
||||
$(this).attr('href', '#show more content');
|
||||
$(this).text(i18nStrings.displayMoreEllipsis);
|
||||
togglePropDisplay.showMore($toggleLink, $itemContainer);
|
||||
return false;
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// var $propList = $('.property-list').not('>li>ul');
|
||||
var $propList = $('.property-list:not(:has(>li>ul))');
|
||||
$propList.each(function() {
|
||||
var limit = $(this).attr("displayLimit");
|
||||
var $additionalItems = $(this).find('li:gt(' + (limit - 1) + ')');
|
||||
if ( $additionalItems.exists() ) {
|
||||
// create container for additional elements
|
||||
var $itemContainer = $('<div class="additionalItems" />').appendTo(this);
|
||||
|
||||
// create toggle link
|
||||
var $toggleLink = $('<a class="more-less" href="#show more content" title="' + i18nStrings.showMoreContent + '">' + i18nStrings.displayMoreEllipsis + '</a>').appendTo(this);
|
||||
|
||||
$additionalItems.appendTo($itemContainer);
|
||||
|
||||
$itemContainer.hide();
|
||||
|
||||
togglePropDisplay.showMore($toggleLink, $itemContainer);
|
||||
}
|
||||
});
|
||||
|
||||
var $subPropList = $('.subclass-property-list');
|
||||
$subPropList.each(function() {
|
||||
var limit = $(this).parent().parent().attr("displayLimit");
|
||||
var $additionalItems = $(this).find('li:gt(' + (limit - 1) + ')');
|
||||
if ( $additionalItems.exists() ) {
|
||||
// create container for additional elements
|
||||
var $itemContainer = $('<div class="additionalItems" />').appendTo(this);
|
||||
|
||||
// create toggle link
|
||||
var $toggleLink = $('<a class="more-less" href="#show more content" title="' + i18nStrings.showMoreContent + '">' + i18nStrings.displayMoreEllipsis + '</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" title="' + i18nStrings.showMoreContent + '">' + i18nStrings.displayMoreEllipsis + '</a>').appendTo($subPropParent);
|
||||
|
||||
$additionalItems.appendTo($itemContainer);
|
||||
|
||||
$itemContainer.hide();
|
||||
|
||||
togglePropDisplay.showMore($toggleLink, $itemContainer);
|
||||
}
|
||||
|
||||
// Change background color button when verbose mode is off
|
||||
$('a#verbosePropertySwitch:contains("' + i18nStrings.verboseTurnOff + '")').addClass('verbose-off');
|
||||
|
||||
|
|
|
@ -201,5 +201,6 @@ ${scripts.add('<script type="text/javascript" src="${urls.base}/js/individual/in
|
|||
'<script type="text/javascript" src="${urls.base}/js/individual/individualQtipBubble.js"></script>',
|
||||
'<script type="text/javascript" src="${urls.base}/js/jquery-ui/js/jquery-ui-1.8.9.custom.min.js"></script>',
|
||||
'<script type="text/javascript" src="${urls.base}/js/individual/individualUtils.js?vers=1.5.1"></script>',
|
||||
'<script type="text/javascript" src="${urls.base}/js/individual/moreLessController.js"></script>',
|
||||
'<script type="text/javascript" src="${urls.base}/js/individual/individualProfilePageType.js"></script>',
|
||||
'<script type="text/javascript" src="${urls.base}/js/imageUpload/imageUploadUtils.js"></script>')}
|
||||
|
|
|
@ -262,5 +262,6 @@ ${scripts.add('<script type="text/javascript" src="${urls.base}/js/individual/in
|
|||
'<script type="text/javascript" src="${urls.base}/js/individual/individualQtipBubble.js"></script>',
|
||||
'<script type="text/javascript" src="${urls.base}/js/jquery-ui/js/jquery-ui-1.8.9.custom.min.js"></script>',
|
||||
'<script type="text/javascript" src="${urls.base}/js/individual/individualUtils.js"></script>',
|
||||
'<script type="text/javascript" src="${urls.base}/js/individual/moreLessController.js"></script>',
|
||||
'<script type="text/javascript" src="${urls.base}/js/individual/individualProfilePageType.js"></script>',
|
||||
'<script type="text/javascript" src="${urls.base}/js/imageUpload/imageUploadUtils.js"></script>')}
|
||||
|
|
|
@ -172,5 +172,6 @@ ${headScripts.add('<script type="text/javascript" src="${urls.base}/js/tiny_mce/
|
|||
${scripts.add('<script type="text/javascript" src="${urls.base}/js/individual/individualUtils.js"></script>',
|
||||
'<script type="text/javascript" src="${urls.base}/js/individual/individualQtipBubble.js"></script>',
|
||||
'<script type="text/javascript" src="${urls.base}/js/individual/individualUriRdf.js"></script>',
|
||||
'<script type="text/javascript" src="${urls.base}/js/individual/moreLessController.js"></script>',
|
||||
'<script type="text/javascript" src="${urls.base}/js/jquery-ui/js/jquery-ui-1.8.9.custom.min.js"></script>',
|
||||
'<script type="text/javascript" src="${urls.base}/js/imageUpload/imageUploadUtils.js"></script>')}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue