wrap intro + add chapterEnd
This commit is contained in:
Julie Blanc
parent
07047d97ea
commit
0d56ca3d0d
10 changed files with 217 additions and 158 deletions
|
|
@ -57,6 +57,10 @@ export default class addPagesNotes extends Handler {
|
|||
if (prevPage) {
|
||||
let content = prevPage.querySelector('[data-id="section__content"]');
|
||||
let contentId = prevPage.querySelector('#section__content');
|
||||
let titleH1 = prevPage.querySelector('h1');
|
||||
if(titleH1){
|
||||
container.classList.add('container-note-first');
|
||||
}
|
||||
if(content){
|
||||
content.appendChild(container);
|
||||
}else if(contentId){
|
||||
|
|
@ -71,19 +75,22 @@ export default class addPagesNotes extends Handler {
|
|||
|
||||
|
||||
|
||||
// create blank left page
|
||||
// create blank left page
|
||||
if (
|
||||
page.element.classList.contains('pagedjs_right_page') &&
|
||||
page.element.querySelector('[data-id="section__content"]') &&
|
||||
!pageElement.querySelector('.before-h1')
|
||||
page.element.classList.contains('pagedjs_chapter_page')
|
||||
) {
|
||||
// Check if previous page is not end chapter
|
||||
let pageEnd = pageElement.querySelector(".chapter-end");
|
||||
|
||||
let notesPage = chunker.addPage();
|
||||
notesPage.element.classList.add('page-notes');
|
||||
if (!pageEnd) {
|
||||
let notesPage = chunker.addPage();
|
||||
notesPage.element.classList.add('page-notes');
|
||||
|
||||
// Make margin boxes visible (hasContent is set during polishing, which skips added pages)
|
||||
notesPage.element.querySelector('.pagedjs_margin-bottom-left')?.classList.add('hasContent');
|
||||
notesPage.element.querySelector('.pagedjs_margin-bottom-center')?.classList.add('hasContent');
|
||||
// Make margin boxes visible (hasContent is set during polishing, which skips added pages)
|
||||
notesPage.element.querySelector('.pagedjs_margin-bottom-left')?.classList.add('hasContent');
|
||||
notesPage.element.querySelector('.pagedjs_margin-bottom-center')?.classList.add('hasContent');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
201
js/beforeAll.js
201
js/beforeAll.js
|
|
@ -9,82 +9,8 @@ export default class beforeAll extends Handler {
|
|||
|
||||
|
||||
thesis(content);
|
||||
|
||||
|
||||
// for break
|
||||
// let headings = content.querySelectorAll('#section__content h1');
|
||||
// headings.forEach(function (h1) {
|
||||
// let div = document.createElement('div');
|
||||
// div.classList.add('before-h1');
|
||||
// h1.insertAdjacentElement('beforebegin', div);
|
||||
// });
|
||||
|
||||
// Wrap h1 and following content in .chapter sections
|
||||
const sectionContent = content.querySelector('#section__content');
|
||||
if (sectionContent) {
|
||||
const h1s = sectionContent.querySelectorAll(':scope > h1');
|
||||
h1s.forEach(h1 => {
|
||||
// Create chapter section
|
||||
const chapter = document.createElement('section');
|
||||
chapter.classList.add('chapter');
|
||||
|
||||
// Insert chapter before h1
|
||||
h1.parentNode.insertBefore(chapter, h1);
|
||||
|
||||
// Move h1 into chapter
|
||||
chapter.appendChild(h1);
|
||||
|
||||
// Move following siblings until next h1 or end
|
||||
let nextElement = chapter.nextElementSibling;
|
||||
while (nextElement && nextElement.tagName.toLowerCase() !== 'h1') {
|
||||
const current = nextElement;
|
||||
nextElement = nextElement.nextElementSibling;
|
||||
chapter.appendChild(current);
|
||||
}
|
||||
});
|
||||
|
||||
// Wrap content between h1 and h2 in .intro if chapter doesn't contain .p-these
|
||||
const chapters = sectionContent.querySelectorAll('.chapter');
|
||||
chapters.forEach(chapter => {
|
||||
if (chapter.querySelector('.p-these')) {
|
||||
// Case 1: Chapter has thesis
|
||||
chapter.classList.add('has-thesis');
|
||||
} else {
|
||||
const h1 = chapter.querySelector('h1');
|
||||
const nextHeading = chapter.querySelector('h2, h3, h4, h5, h6');
|
||||
|
||||
if (h1) {
|
||||
const intro = document.createElement('div');
|
||||
intro.classList.add('intro');
|
||||
|
||||
if (nextHeading) {
|
||||
// Case 2: Has heading, wrap all content between h1 and that heading
|
||||
h1.parentNode.insertBefore(intro, h1.nextSibling);
|
||||
|
||||
let current = intro.nextSibling;
|
||||
while (current && current !== nextHeading) {
|
||||
const next = current.nextSibling;
|
||||
intro.appendChild(current);
|
||||
current = next;
|
||||
}
|
||||
chapter.classList.add('has-intro');
|
||||
} else {
|
||||
// Case 3: No heading, wrap only the first paragraph after h1
|
||||
let current = h1.nextSibling;
|
||||
while (current && current.tagName.toLowerCase() !== 'p') {
|
||||
current = current.nextSibling;
|
||||
}
|
||||
|
||||
if (current) {
|
||||
current.parentNode.insertBefore(intro, current);
|
||||
intro.appendChild(current);
|
||||
chapter.classList.add('has-intro-1-paragraph');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
wrapChapterAndIntro(content);
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -92,6 +18,129 @@ export default class beforeAll extends Handler {
|
|||
}
|
||||
|
||||
|
||||
|
||||
function wrapChapterAndIntro(content){
|
||||
// Wrap h1 and following content in .chapter sections
|
||||
const sectionContent = content.querySelector('#section__content');
|
||||
if (sectionContent) {
|
||||
const h1s = sectionContent.querySelectorAll(':scope > h1');
|
||||
h1s.forEach(h1 => {
|
||||
// Create chapter section
|
||||
const chapter = document.createElement('section');
|
||||
chapter.classList.add('chapter');
|
||||
|
||||
// Insert chapter before h1
|
||||
h1.parentNode.insertBefore(chapter, h1);
|
||||
|
||||
// Move h1 into chapter
|
||||
chapter.appendChild(h1);
|
||||
|
||||
// Move following siblings until next h1 or end
|
||||
let nextElement = chapter.nextElementSibling;
|
||||
while (nextElement && nextElement.tagName.toLowerCase() !== 'h1') {
|
||||
const current = nextElement;
|
||||
nextElement = nextElement.nextElementSibling;
|
||||
chapter.appendChild(current);
|
||||
}
|
||||
|
||||
let divEnd = document.createElement('div');
|
||||
divEnd.classList.add("chapter-end"); // need to avoid to add new page
|
||||
chapter.appendChild(divEnd);
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
// Wrap content between h1 and h2 in .intro if chapter doesn't contain .p-these
|
||||
const chapters = sectionContent.querySelectorAll('.chapter');
|
||||
chapters.forEach(chapter => {
|
||||
if (chapter.querySelector('.p-these')) {
|
||||
// Case 1: Chapter has thesis
|
||||
chapter.classList.add('has-thesis');
|
||||
} else {
|
||||
const h1 = chapter.querySelector('h1');
|
||||
|
||||
if (h1) {
|
||||
// Calculate chapter content length excluding notes
|
||||
const chapterClone = chapter.cloneNode(true);
|
||||
// Remove notes (common note selectors)
|
||||
chapterClone.querySelectorAll('.note, .footnote, .sidenote, aside, [role="note"]').forEach(note => note.remove());
|
||||
const contentLength = chapterClone.textContent.trim().length;
|
||||
|
||||
const intro = document.createElement('div');
|
||||
intro.classList.add('intro');
|
||||
|
||||
if (contentLength < 5000) {
|
||||
// Case 2: Short chapter, wrap all content after h1
|
||||
h1.parentNode.insertBefore(intro, h1.nextSibling);
|
||||
|
||||
let current = intro.nextSibling;
|
||||
while (current) {
|
||||
const next = current.nextSibling;
|
||||
intro.appendChild(current);
|
||||
current = next;
|
||||
}
|
||||
chapter.classList.add('has-only-intro');
|
||||
} else {
|
||||
const nextHeading = chapter.querySelector('h2, h3, h4, h5, h6');
|
||||
|
||||
if (nextHeading) {
|
||||
// Case 3: Has heading, wrap all content between h1 and that heading
|
||||
h1.parentNode.insertBefore(intro, h1.nextSibling);
|
||||
|
||||
let current = intro.nextSibling;
|
||||
while (current && current !== nextHeading) {
|
||||
const next = current.nextSibling;
|
||||
intro.appendChild(current);
|
||||
current = next;
|
||||
}
|
||||
chapter.classList.add('has-intro');
|
||||
} else {
|
||||
// Case 4: No heading, wrap first ol[type="1"] and first p after h1
|
||||
h1.parentNode.insertBefore(intro, h1.nextSibling);
|
||||
|
||||
let foundOl = false;
|
||||
let foundP = false;
|
||||
let current = intro.nextSibling;
|
||||
|
||||
while (current && (!foundOl || !foundP)) {
|
||||
const next = current.nextSibling;
|
||||
|
||||
// Skip text nodes (whitespace)
|
||||
if (current.nodeType !== 1) {
|
||||
current = next;
|
||||
continue;
|
||||
}
|
||||
|
||||
const isOlType1 = current.tagName.toLowerCase() === 'ol' && current.getAttribute('type') === '1';
|
||||
const isP = current.tagName.toLowerCase() === 'p';
|
||||
|
||||
if (isOlType1 && !foundOl) {
|
||||
intro.appendChild(current);
|
||||
foundOl = true;
|
||||
current = next;
|
||||
} else if (isP && !foundP) {
|
||||
intro.appendChild(current);
|
||||
foundP = true;
|
||||
current = next;
|
||||
} else if (!isOlType1 && !isP) {
|
||||
break;
|
||||
} else {
|
||||
current = next;
|
||||
}
|
||||
}
|
||||
|
||||
if (intro.children.length > 0) {
|
||||
chapter.classList.add('has-intro-1-paragraph');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function thesis(content){
|
||||
const strongs = content.querySelectorAll('strong');
|
||||
strongs.forEach(strong => {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue