groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-07-26 19:21:39 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

update: more self-explanatory UI and fixed online indicator

Browse source
This commit is contained in:
benonymity 2022-10-23 22:12:51 -04:00
parent f62fe9471e
commit 6173570073
2 changed files with 4 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

9
client/pages/social.vue
View file

@ -23,12 +23,9 @@
<covers-book-cover class="absolute left-0 right-0" :library-item="user.latest.item" :width="bookCoverWidth" :book-cover-aspect-ratio="bookCoverAspectRatio" /> <covers-book-cover class="absolute left-0 right-0" :library-item="user.latest.item" :width="bookCoverWidth" :book-cover-aspect-ratio="bookCoverAspectRatio" />
</ui-tooltip> </ui-tooltip>
</nuxt-link> </nuxt-link>
<p class="text-lg px-2 font-book text-white">{{ user.username }}&nbsp;</p> <p class="text-xs pl-2 text-white text-opacity-50">{{ "Last listened to " + user.latest.item.media.metadata.title + " " + $dateDistanceFromNow(user.latest.progress.lastUpdate) + " for " + $elapsedPrettyExtended(user.latest.progress.duration) }}</p>
<p class="text-xs text-white text-opacity-50">{{ "Last listened " + $dateDistanceFromNow(user.latest.progress.lastUpdate) }}</p>
<div class="flex-grow" /> <div class="flex-grow" />
<div class="w-30 pl-4 text-right"> <p class="text-lg pl-2 font-book text-white">{{ user.username }}</p>
<p class="text-sm font-bold">{{ "Has listened for " + $elapsedPrettyExtended(user.minutesListened) }}</p>
</div>
<widgets-online-indicator class="mx-2" :value="!!usersOnline[user.id]" /> <widgets-online-indicator class="mx-2" :value="!!usersOnline[user.id]" />
</div> </div>
<div v-if="num+1 < users.length" class="flex border-t border-white border-opacity-10 my-3"/> <div v-if="num+1 < users.length" class="flex border-t border-white border-opacity-10 my-3"/>
@ -67,7 +64,7 @@ export default {
var usermap = {} var usermap = {}
this.$store.state.users.users.forEach((u) => (usermap[u.id] = { online: true, session: u.session })) this.$store.state.users.users.forEach((u) => (usermap[u.id] = { online: true, session: u.session }))
return usermap return usermap
}, }
}, },
methods: { methods: {
init() { init() {

1
server/controllers/MiscController.js
View file

@ -275,6 +275,7 @@ class MiscController {
} }
var session = { var session = {
username: user.username, username: user.username,
id: user.id,
lastSeen: user.lastSeen, lastSeen: user.lastSeen,
latest: {'progress': latestProgress, 'item': latestItem} || null, latest: {'progress': latestProgress, 'item': latestItem} || null,
minutesListened: listeningStats.totalTime || 0, minutesListened: listeningStats.totalTime || 0,