revil-O/platypush
1
0
Fork 0
forked from platypush/platypush
Code Pull requests Activity

[#414] Support for Jellyfin book items [frontend].

Browse source
This commit is contained in:
Fabio Manganiello 2024-10-20 02:51:26 +02:00
parent 51464b808c
commit 8e9fb65db5
Signed by untrusted user: blacklight
GPG key ID: D90FBA7F76362774
4 changed files with 32 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
platypush/backend/http/webapp/src/components/panels/Media/Item.vue
View file

@ -135,7 +135,7 @@ export default {
actions() { actions() {
const actions = [] const actions = []
if (this.item.type !== 'torrent' && this.item.item_type !== 'photo') { if (!['book', 'photo', 'torrent'].includes(this.item.item_type)) {
actions.push({ actions.push({
iconClass: 'fa fa-play', iconClass: 'fa fa-play',
text: 'Play', text: 'Play',

20
platypush/backend/http/webapp/src/components/panels/Media/MediaImage.vue
View file

@ -1,7 +1,8 @@
<template> <template>
<div class="image-container" <div class="image-container" :class="containerClasses">
:class="{ 'with-image': !!item?.image, 'photo': item?.item_type === 'photo' }"> <div class="play-overlay"
<div class="play-overlay" @click.stop="onItemClick" v-if="hasPlay || item?.item_type === 'photo'"> @click.stop="onItemClick"
v-if="hasPlay || ['book', 'photo'].includes(item?.item_type)">
<i :class="overlayIconClass" /> <i :class="overlayIconClass" />
</div> </div>
@ -66,6 +67,7 @@ export default {
computed: { computed: {
clickEvent() { clickEvent() {
switch (this.item?.item_type) { switch (this.item?.item_type) {
case 'book':
case 'channel': case 'channel':
case 'playlist': case 'playlist':
case 'folder': case 'folder':
@ -76,8 +78,18 @@ export default {
} }
}, },
containerClasses() {
return {
'with-image': !!this.item?.image,
photo: this.item?.item_type === 'photo',
book: this.item?.item_type === 'book',
}
},
iconClass() { iconClass() {
switch (this.item?.item_type) { switch (this.item?.item_type) {
case 'book':
return 'fas fa-book'
case 'channel': case 'channel':
return 'fas fa-user' return 'fas fa-user'
case 'playlist': case 'playlist':
@ -111,6 +123,8 @@ export default {
return 'fas fa-folder-open' return 'fas fa-folder-open'
} else if (this.item?.item_type === 'photo') { } else if (this.item?.item_type === 'photo') {
return 'fas fa-eye' return 'fas fa-eye'
} else if (this.item?.item_type === 'book') {
return 'fas fa-book-open'
} }
return 'fas fa-play' return 'fas fa-play'

4
platypush/backend/http/webapp/src/components/panels/Media/Providers/Jellyfin/Collections.vue
View file

@ -103,11 +103,11 @@ export default {
}, },
mounted() { mounted() {
this.$el.parentElement.addEventListener('scroll', this.onScroll) this.$el.parentElement?.addEventListener('scroll', this.onScroll)
}, },
unmounted() { unmounted() {
this.$el.parentElement.removeEventListener('scroll', this.onScroll) this.$el.parentElement?.removeEventListener('scroll', this.onScroll)
}, },
} }
</script> </script>

14
platypush/backend/http/webapp/src/components/panels/Media/Providers/Jellyfin/views/Media/Index.vue
View file

@ -37,7 +37,7 @@
@play="$emit('play', $event)" @play="$emit('play', $event)"
@play-with-opts="$emit('play-with-opts', $event)" @play-with-opts="$emit('play-with-opts', $event)"
@remove-from-playlist="$emit('remove-from-playlist', $event)" @remove-from-playlist="$emit('remove-from-playlist', $event)"
@select="selectedResult = $event" @select="selectItem"
@view="$emit('view', $event)" @view="$emit('view', $event)"
v-if="mediaItems.length > 0" /> v-if="mediaItems.length > 0" />
</div> </div>
@ -71,7 +71,7 @@ export default {
mediaItems() { mediaItems() {
const items = this.sortedItems?.filter((item) => item.item_type !== 'collection') ?? [] const items = this.sortedItems?.filter((item) => item.item_type !== 'collection') ?? []
if (this.collection && !this.collection.collection_type) { if (this.collection && (!this.collection.collection_type || this.collection.collection_type === 'books')) {
return items.sort((a, b) => { return items.sort((a, b) => {
if (a.created_at && b.created_at) if (a.created_at && b.created_at)
return (new Date(a.created_at)) < (new Date(b.created_at)) return (new Date(a.created_at)) < (new Date(b.created_at))
@ -99,6 +99,16 @@ export default {
}) })
}, },
selectItem(index) {
const item = this.items[index]
if (item.item_type === 'book' && item.embed_url) {
window.open(item.embed_url, '_blank')
return
}
this.selectedResult = index
},
async init() { async init() {
const args = this.getUrlArgs() const args = this.getUrlArgs()
let collection = args?.collection let collection = args?.collection