mirror of
https://github.com/audiobookshelf/audiobookshelf-web.git
synced 2025-09-01 07:20:10 +02:00
71 lines
No EOL
2.5 KiB
Vue
71 lines
No EOL
2.5 KiB
Vue
<template>
|
|
<div class="w-full max-w-5xl mx-auto px-2 py-8">
|
|
<div class="flex -ml-8 mb-12">
|
|
<div>
|
|
<span class="material-icons text-warning text-2xl">priority_high</span>
|
|
</div>
|
|
<p class="pl-2 text-base md:text-lg">Screenshots are out of date! You can help by emailing some screenshots of your bookshelf to <a href="mailto:advplyr@protonmail.com" class="text-blue-500 underline">advplyr@protonmail.com</a> (or <a href="https://github.com/advplyr/audiobookshelf-web" target="_blank" class="text-blue-500 underline">submit a PR</a>).</p>
|
|
</div>
|
|
|
|
<div class="flex justify-between items-center mb-8">
|
|
<h1 class="text-3xl">Showcase</h1>
|
|
<a href="https://github.com/advplyr/audiobookshelf/discussions/60" class="text-lg text-blue-500 hover:underline hover:text-blue-300">courtesy of Budlyte</a>
|
|
</div>
|
|
|
|
Library View - Sorted by Most Recent Date Added
|
|
<img src="/showcase/1.png" class="pt-1 pb-8" />
|
|
|
|
Series View
|
|
<img src="/showcase/series1.png" class="pt-1 pb-8" />
|
|
|
|
Viewing Author - Sorted by Volume # Ascending - Showing list of sorting options
|
|
<img src="/showcase/2.png" class="pt-1 pb-8" />
|
|
|
|
Using Keyword Filter - Sorting by Author (First Last) Descending - Showing available Filter Options
|
|
<img src="/showcase/3.png" class="pt-1 pb-8" />
|
|
|
|
<div class="flex justify-around mb-8">
|
|
<div>
|
|
Series Filter Options
|
|
<img src="/showcase/4.png" />
|
|
</div>
|
|
<div>
|
|
Authors Filter Options
|
|
<img src="/showcase/5.png" />
|
|
</div>
|
|
<div>
|
|
Progress Filter Options
|
|
<img src="/showcase/6.png" />
|
|
</div>
|
|
</div>
|
|
|
|
Series View - View of item being moused over, and a closer look at the In-Progress progress bar
|
|
<img src="/showcase/series2.png" class="pt-1 pb-8" />
|
|
|
|
Series View - View inside of Series
|
|
<img src="/showcase/series3.png" class="pt-1 pb-8" />
|
|
|
|
Series View - Using the Keyword Filter
|
|
<img src="/showcase/series4.png" class="pt-1 pb-8" />
|
|
|
|
Showing Marked Read items - Sorted by Author (Last, First) Ascending
|
|
<img src="/showcase/7.png" class="pt-1 pb-8" />
|
|
Showing Unread Items - Sorted by Data Added Ascending (Most Recent)
|
|
<img src="/showcase/8.png" class="pt-1 pb-8" />
|
|
Showing In Progress
|
|
<img src="/showcase/9.png" class="pt-1 pb-8" />
|
|
Using the Searchbar
|
|
<img src="/showcase/10.png" class="pt-1 pb-8" />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {}
|
|
},
|
|
computed: {},
|
|
methods: {},
|
|
mounted() {}
|
|
}
|
|
</script> |