harukin/core
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more on collapsing

Browse Source
This commit is contained in:
Mario Vavti 2016-01-30 01:28:01 +01:00
parent 24f912e0b2
commit da198fdda5
1 changed files with 20 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
view/js/main.js
View File

@ -248,6 +248,7 @@ var updateCountsOnly = false;
var divmore_height = 400; var divmore_height = 400;
var last_filestorage_id = null; var last_filestorage_id = null;
var mediaPlaying = false; var mediaPlaying = false;
var contentHeightDiff = 0;
$(function() { $(function() {
$.ajaxSetup({cache: false}); $.ajaxSetup({cache: false});
@ -624,7 +625,7 @@ function updateConvItems(mode,data) {
bimgs.load(function() { bimgs.load(function() {
bimgcount--; bimgcount--;
if (! bimgcount) { if (! bimgcount) {
collapseHeight(); collapseHeight(true);
} }
}); });
} else { } else {
@ -633,42 +634,29 @@ function updateConvItems(mode,data) {
} }
function collapseHeight(below=false) {
var contentHeightDiff = 0;
function collapseHeight() {
var origContentHeight = parseInt($("#region_2").height()); var origContentHeight = parseInt($("#region_2").height());
var cDiff = 0;
var i = 0;
$(".wall-item-content, .directory-collapse").each(function() { $(".wall-item-content, .directory-collapse").each(function() {
var orgHeight = parseInt($(this).height()); var orgHeight = parseInt($(this).height());
if(orgHeight > divmore_height) { if(orgHeight > divmore_height) {
if(! $(this).hasClass('divmore')) { if(! $(this).hasClass('divmore')) {
if((below=true) && ($(window).scrollTop() + ($(window).height() - divmore_height) < $(this).offset().top)) {
// check if we will collapse some content above the visible content and compensate the diff later $(this).readmore({
if(($(this).offset().top + orgHeight - $(window).scrollTop()) < 50) { speed: 0,
diff = orgHeight - divmore_height; heightMargin: 50,
//console.log('diff: ' + diff); collapsedHeight: divmore_height,
moreLink: '<a href="#" class="divgrow-showmore">' + aStr.divgrowmore + '</a>',
cDiff = cDiff + diff; lessLink: '<a href="#" class="divgrow-showmore">' + aStr.divgrowless + '</a>',
i++; beforeToggle: function(trigger, element, expanded) {
} if(expanded) {
if((($(element).offset().top + divmore_height) - $(window).scrollTop()) < 65 ) {
$(this).readmore({ $('html, body').animate( { scrollTop: $(window).scrollTop() - (orgHeight - divmore_height) }, {duration: 0 } );
speed: 0, }
heightMargin: 50,
collapsedHeight: divmore_height,
moreLink: '<a href="#" class="divgrow-showmore">' + aStr.divgrowmore + '</a>',
lessLink: '<a href="#" class="divgrow-showmore">' + aStr.divgrowless + '</a>',
beforeToggle: function(trigger, element, expanded) {
if(expanded) {
if((($(element).offset().top + divmore_height) - $(window).scrollTop()) < 65 ) {
$('html, body').animate( { scrollTop: $(window).scrollTop() - (orgHeight - divmore_height) }, {duration: 0 } );
} }
} }
} });
}); $(this).addClass('divmore');
$(this).addClass('divmore'); }
} }
} }
}); });
@ -676,30 +664,7 @@ function collapseHeight() {
var collapsedContentHeight = parseInt($("#region_2").height()); var collapsedContentHeight = parseInt($("#region_2").height());
contentHeightDiff = origContentHeight - collapsedContentHeight; contentHeightDiff = origContentHeight - collapsedContentHeight;
if(i){
var position = $(window).scrollTop();
//console.log('cDiff: ' + cDiff);
//console.log('position: ' + position);
//console.log('origContentHeight: ' + origContentHeight);
//console.log('collapsedContentHeight: ' + collapsedContentHeight);
//console.log('contentHeightDiff: ' + contentHeightDiff);
var sval = position - cDiff + (i*3); // i*3 is possibly some border or margin/padding which might not be calculated correct
//console.log('sval: ' + sval);
console.log('collapsed above content count: ' + i);
$(window).scrollTop(sval);
//var nposition = $(document).scrollTop();
//console.log('nposition: ' + nposition);
}
} }
function liveUpdate() { function liveUpdate() {
@ -751,6 +716,8 @@ function liveUpdate() {
$("#page-spinner").spin(false); $("#page-spinner").spin(false);
$("#profile-jot-text-loading").spin(false); $("#profile-jot-text-loading").spin(false);
console.log('contentHeightDiff: ' + contentHeightDiff);
if(update_mode === 'update') { if(update_mode === 'update') {
$(window).scrollTop($(window).scrollTop() + $("#region_2").height() - orgHeight + contentHeightDiff); $(window).scrollTop($(window).scrollTop() + $("#region_2").height() - orgHeight + contentHeightDiff);
} }