refactor fragment pdf exporting to support multiple fragments with same index #1955

This commit is contained in:
Hakim El Hattab 2018-06-12 20:44:49 +02:00
parent 3680f1ad10
commit 078a7520cd

View file

@ -794,31 +794,43 @@
// Copy page and show fragments one after another // Copy page and show fragments one after another
if( config.pdfSeparateFragments ) { if( config.pdfSeparateFragments ) {
var numberOfFragments = toArray( page.querySelectorAll( '.fragment' ) ).length; // Each fragment 'group' is an array containing one or more
// fragments. Multiple fragments that appear at the same time
// are part of the same group.
var fragmentGroups = sortFragments( page.querySelectorAll( '.fragment' ), true );
for( var currentFragment = 0; currentFragment < numberOfFragments; currentFragment++ ) { var previousFragmentStep;
var previousPage;
var clonedPage = page.cloneNode( true ); fragmentGroups.forEach( function( fragments ) {
page.parentNode.insertBefore( clonedPage, page.nextSibling );
toArray( sortFragments( clonedPage.querySelectorAll( '.fragment' ) ) ).forEach( function( fragment, fragmentIndex ) { // Remove 'current-fragment' from the previous group
if( previousFragmentStep ) {
if( fragmentIndex < currentFragment ) { previousFragmentStep.forEach( function( fragment ) {
fragment.classList.add( 'visible' );
fragment.classList.remove( 'current-fragment' ); fragment.classList.remove( 'current-fragment' );
} );
} }
else if( fragmentIndex === currentFragment ) {
// Show the fragments for the current index
fragments.forEach( function( fragment ) {
fragment.classList.add( 'visible', 'current-fragment' ); fragment.classList.add( 'visible', 'current-fragment' );
} } );
else {
fragment.classList.remove( 'visible', 'current-fragment' ); // Create a separate page for the current fragment state
} var clonedPage = page.cloneNode( true );
page.parentNode.insertBefore( clonedPage, ( previousPage || page ).nextSibling );
previousFragmentStep = fragments;
previousPage = clonedPage;
} ); } );
page = clonedPage; // Reset the first/original page so that all fragments are hidden
fragmentGroups.forEach( function( fragments ) {
} fragments.forEach( function( fragment ) {
fragment.classList.remove( 'visible', 'current-fragment' );
} );
} );
} }
// Show all fragments // Show all fragments
@ -4223,9 +4235,11 @@
* the fragment within the fragments list. * the fragment within the fragments list.
* *
* @param {object[]|*} fragments * @param {object[]|*} fragments
* @param {boolean} grouped If true the returned array will contain
* nested arrays for all fragments with the same index
* @return {object[]} sorted Sorted array of fragments * @return {object[]} sorted Sorted array of fragments
*/ */
function sortFragments( fragments ) { function sortFragments( fragments, grouped ) {
fragments = toArray( fragments ); fragments = toArray( fragments );
@ -4268,7 +4282,7 @@
index ++; index ++;
} ); } );
return sorted; return grouped === true ? ordered : sorted;
} }