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

Migrate to vue3 (fix #126) #127

Merged
Xefir merged 32 commits from vue3 into main 2024-08-17 12:24:28 +00:00
Conversation 0 Commits 32 Files Changed 38 +48 -44
1 changed files with 48 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 5f528e6b9b - Show all commits

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

@ -14,7 +14,7 @@
target="_self" target="_self"
:title="episode.description" :title="episode.description"
@click="modalEpisode = episode"> @click="modalEpisode = episode">
<template #extra-actions> <template #actions>
<NcActionButton <NcActionButton
v-if="!isCurrentEpisode(episode)" v-if="!isCurrentEpisode(episode)"
:aria-label="t('repod', 'Play')" :aria-label="t('repod', 'Play')"
@ -34,49 +34,51 @@
</template> </template>
</NcActionButton> </NcActionButton>
</template> </template>
<template #actions> <template #extra>
<NcActionButton <NcActions>
v-if="episode.duration && !hasEnded(episode)" <NcActionButton
:aria-label="t('repod', 'Mark as read')" v-if="episode.duration && !hasEnded(episode)"
:disabled="loadingAction" :aria-label="t('repod', 'Mark as read')"
:name="t('repod', 'Mark as read')" :disabled="loadingAction"
:title="t('repod', 'Mark as read')" :name="t('repod', 'Mark as read')"
@click="markAs(episode, true)"> :title="t('repod', 'Mark as read')"
<template #icon> @click="markAs(episode, true)">
<PlaylistPlayIcon :size="20" /> <template #icon>
</template> <PlaylistPlayIcon :size="20" />
</NcActionButton> </template>
<NcActionButton </NcActionButton>
v-if="episode.duration && hasEnded(episode)" <NcActionButton
:aria-label="t('repod', 'Mark as unread')" v-if="episode.duration && hasEnded(episode)"
:disabled="loadingAction" :aria-label="t('repod', 'Mark as unread')"
:name="t('repod', 'Mark as unread')" :disabled="loadingAction"
:title="t('repod', 'Mark as unread')" :name="t('repod', 'Mark as unread')"
@click="markAs(episode, false)"> :title="t('repod', 'Mark as unread')"
<template #icon> @click="markAs(episode, false)">
<PlaylistRemoveIcon :size="20" /> <template #icon>
</template> <PlaylistRemoveIcon :size="20" />
</NcActionButton> </template>
<NcActionLink </NcActionButton>
v-if="episode.link" <NcActionLink
:href="episode.link" v-if="episode.link"
:name="t('repod', 'Open website')" :href="episode.link"
target="_blank" :name="t('repod', 'Open website')"
:title="t('repod', 'Open website')"> target="_blank"
<template #icon> :title="t('repod', 'Open website')">
<OpenInNewIcon :size="20" /> <template #icon>
</template> <OpenInNewIcon :size="20" />
</NcActionLink> </template>
<NcActionLink </NcActionLink>
v-if="episode.url" <NcActionLink
:href="episode.url" v-if="episode.url"
:name="t('repod', 'Download')" :href="episode.url"
target="_blank" :name="t('repod', 'Download')"
:title="t('repod', 'Download')"> target="_blank"
<template #icon> :title="t('repod', 'Download')">
<DownloadIcon :size="20" /> <template #icon>
</template> <DownloadIcon :size="20" />
</NcActionLink> </template>
</NcActionLink>
</NcActions>
</template> </template>
<template #icon> <template #icon>
<NcAvatar <NcAvatar
@ -114,6 +116,7 @@
import { import {
NcActionButton, NcActionButton,
NcActionLink, NcActionLink,
NcActions,
NcAvatar, NcAvatar,
NcListItem, NcListItem,
NcModal, NcModal,
@ -148,6 +151,7 @@ export default {
Modal, Modal,
NcActionButton, NcActionButton,
NcActionLink, NcActionLink,
NcActions,
NcAvatar, NcAvatar,
NcListItem, NcListItem,
NcModal, NcModal,