cotugno/jellyfin-web
2
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web.git synced 2024-11-15 18:08:17 -07:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4890 from vincent/bufgix-ebook-toc-nested-chapters

Browse Source 
Show nested chapters in bookplayer TOC
This commit is contained in:
Bill Thornton 2023-11-08 13:04:51 -05:00 committed by GitHub
commit 7df0ffcdfc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 31 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/plugins/bookPlayer/style.scss
View File

@ -57,7 +57,16 @@
margin-bottom: 5px;
list-style-type: none;
font-size: 120%;
font-size: 1.2rem;
font-weight: bold;
ul {
padding-left: 1.5rem;
li {
font-weight: normal;
}
}
a:link {
color: #000;

27
src/plugins/bookPlayer/tableOfContents.js
View File

@ -1,3 +1,4 @@
import escapeHTML from 'escape-html';
import dialogHelper from '../../components/dialogHelper/dialogHelper';
export default class TableOfContents {
@ -51,6 +52,25 @@ export default class TableOfContents {
});
}
chapterTocItem(book, chapter) {
let itemHtml = '<li>';
// remove parent directory reference from href to fix certain books
const link = chapter.href.startsWith('../') ? chapter.href.slice(3) : chapter.href;
itemHtml += `<a href="${escapeHTML(book.path.directory + link)}">${escapeHTML(chapter.label)}</a>`;
if (chapter.subitems?.length) {
const subHtml = chapter.subitems
.map((nestedChapter) => this.chapterTocItem(book, nestedChapter))
.join('');
itemHtml += `<ul>${subHtml}</ul>`;
}
itemHtml += '</li>';
return itemHtml;
}
createMediaElement() {
const rendition = this.rendition;
@ -67,12 +87,7 @@ export default class TableOfContents {
tocHtml += '</div>';
tocHtml += '<ul class="toc">';
rendition.book.navigation.forEach((chapter) => {
tocHtml += '<li>';
// remove parent directory reference from href to fix certain books
const link = chapter.href.startsWith('../') ? chapter.href.slice(3) : chapter.href;
tocHtml += `<a href="${rendition.book.path.directory + link}">${chapter.label}</a>`;
tocHtml += '</li>';
tocHtml += this.chapterTocItem(rendition.book, chapter);
});
tocHtml += '</ul>';