Mirrors/audiobookshelf
Mirrors/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-01-08 00:08:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update:Epub TOC shows subitems #1787

Browse Source
This commit is contained in:
advplyr 2023-05-23 15:38:49 -05:00
parent be2d317325
commit 6a974d5ef0
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
client/components/readers/Reader.vue
View File

@ -21,13 +21,18 @@
<!-- TOC side nav --> <!-- TOC side nav -->
<div v-if="tocOpen" class="w-full h-full fixed inset-0 bg-black/20 z-20" @click.stop.prevent="toggleToC"></div> <div v-if="tocOpen" class="w-full h-full fixed inset-0 bg-black/20 z-20" @click.stop.prevent="toggleToC"></div>
<div v-if="hasToC" class="w-72 h-full max-h-full absolute top-0 left-0 bg-bg shadow-xl transition-transform z-30" :class="tocOpen ? 'translate-x-0' : '-translate-x-72'" @click.stop.prevent="toggleToC"> <div v-if="hasToC" class="w-96 h-full max-h-full absolute top-0 left-0 bg-bg shadow-xl transition-transform z-30" :class="tocOpen ? 'translate-x-0' : '-translate-x-96'" @click.stop.prevent="toggleToC">
<div class="p-4 h-full overflow-hidden"> <div class="p-4 h-full">
<p class="text-lg font-semibold mb-2">Table of Contents</p> <p class="text-lg font-semibold mb-2">Table of Contents</p>
<div class="tocContent"> <div class="tocContent">
<ul> <ul>
<li v-for="chapter in chapters" :key="chapter.id" class="py-1"> <li v-for="chapter in chapters" :key="chapter.id" class="py-1">
<a :href="chapter.href" @click.prevent="$refs.readerComponent.goToChapter(chapter.href)">{{ chapter.label }}</a> <a :href="chapter.href" class="text-white/70 hover:text-white" @click.prevent="$refs.readerComponent.goToChapter(chapter.href)">{{ chapter.label }}</a>
<ul v-if="chapter.subitems.length">
<li v-for="subchapter in chapter.subitems" :key="subchapter.id" class="py-1 pl-4">
<a :href="subchapter.href" class="text-white/70 hover:text-white" @click.prevent="$refs.readerComponent.goToChapter(subchapter.href)">{{ subchapter.label }}</a>
</li>
</ul>
</li> </li>
</ul> </ul>
</div> </div>
@ -146,7 +151,6 @@ export default {
}, },
openSettings() {}, openSettings() {},
hotkey(action) { hotkey(action) {
console.log('Reader hotkey', action)
if (!this.$refs.readerComponent) return if (!this.$refs.readerComponent) return
if (action === this.$hotkeys.EReader.NEXT_PAGE) { if (action === this.$hotkeys.EReader.NEXT_PAGE) {
@ -187,7 +191,6 @@ export default {
</script> </script>
<style> <style>
/* @import url(@/assets/calibre/basic.css); */
.ebook-viewer { .ebook-viewer {
height: calc(100% - 96px); height: calc(100% - 96px);
} }