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

style: 💄 use the new extra-actions on NcListItem
All checks were successful
repod / xml (push) Successful in 33s
Details
repod / php (push) Successful in 1m13s
Details
repod / nodejs (push) Successful in 1m36s
Details
repod / release (push) Has been skipped
Details

Browse Source
This commit is contained in:
Michel Roux 2024-08-07 22:05:50 +02:00
parent a6a0f0d4f8
commit c97e927a15
1 changed files with 50 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -12,30 +12,27 @@
:name="episode.name" :name="episode.name"
:title="episode.description" :title="episode.description"
@click="modalEpisode = episode"> @click="modalEpisode = episode">
<template #actions> <template #extra-actions>
<NcActionButton <NcButton
v-if="!isCurrentEpisode(episode)" v-if="!isCurrentEpisode(episode)"
:aria-label="t('repod', 'Play')" :aria-label="t('repod', 'Play')"
:name="t('repod', 'Play')"
:title="t('repod', 'Play')" :title="t('repod', 'Play')"
@click="load(episode)"> @click="load(episode)">
<template #icon> <template #icon>
<PlayIcon :size="20" /> <PlayIcon :size="20" />
</template> </template>
</NcActionButton> </NcButton>
<NcActionButton <NcButton
v-if="isCurrentEpisode(episode)" v-if="isCurrentEpisode(episode)"
:aria-label="t('repod', 'Stop')" :aria-label="t('repod', 'Stop')"
:name="t('repod', 'Stop')"
:title="t('repod', 'Stop')" :title="t('repod', 'Stop')"
@click="load(null)"> @click="load(null)">
<template #icon> <template #icon>
<StopIcon :size="20" /> <StopIcon :size="20" />
</template> </template>
</NcActionButton> </NcButton>
</template> </template>
<template #extra> <template #actions>
<NcActions>
<NcActionButton <NcActionButton
v-if="episode.duration && !hasEnded(episode)" v-if="episode.duration && !hasEnded(episode)"
:aria-label="t('repod', 'Mark as read')" :aria-label="t('repod', 'Mark as read')"
@ -78,7 +75,6 @@
<DownloadIcon :size="20" /> <DownloadIcon :size="20" />
</template> </template>
</NcActionLink> </NcActionLink>
</NcActions>
</template> </template>
<template #icon> <template #icon>
<NcAvatar <NcAvatar
@ -116,8 +112,8 @@
import { import {
NcActionButton, NcActionButton,
NcActionLink, NcActionLink,
NcActions,
NcAvatar, NcAvatar,
NcButton,
NcListItem, NcListItem,
NcModal, NcModal,
NcProgressBar, NcProgressBar,
@ -149,8 +145,8 @@ export default {
Modal, Modal,
NcActionButton, NcActionButton,
NcActionLink, NcActionLink,
NcActions,
NcAvatar, NcAvatar,
NcButton,
NcListItem, NcListItem,
NcModal, NcModal,
NcProgressBar, NcProgressBar,