Xefir/repod
1
2
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases 37 Wiki Activity

feat: better display the reading status for episodes (in episodes list / podcast section) (close #51)
All checks were successful
repod / xml (push) Successful in 18s
Details
repod / php (push) Successful in 56s
Details
repod / nodejs (push) Successful in 1m56s
Details
repod / release (push) Has been skipped
Details

Browse Source
This commit is contained in:
Michel Roux 2024-01-29 16:06:54 +01:00
parent b63e1175a0
commit 87315b1221
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Feed/Episodes.vue
View File

@ -19,6 +19,11 @@
<template #subname>
{{ episode.duration }}
</template>
<template #indicator>
<NcProgressBar v-if="episode.action && episode.action.action === 'PLAY'"
class="progress"
:value="episode.action.position * 100 / episode.action.total" />
</template>
<template #actions>
<NcActionButton v-if="!isCurrentEpisode(episode)" @click="load(episode)">
<template #icon>
@ -48,7 +53,7 @@
</template>
<script>
import { NcActionButton, NcAvatar, NcListItem, NcModal } from '@nextcloud/vue'
import { NcActionButton, NcAvatar, NcListItem, NcModal, NcProgressBar } from '@nextcloud/vue'
import Loading from '../Atoms/Loading.vue'
import Modal from '../Atoms/Modal.vue'
import PlayButton from 'vue-material-design-icons/Play.vue'
@ -68,6 +73,7 @@ export default {
NcAvatar,
NcListItem,
NcModal,
NcProgressBar,
PlayButton,
StopButton,
},
@ -121,4 +127,8 @@ export default {
.ended {
opacity: .4;
}
.progress {
margin-top: .4rem;
}
</style>