Migrate to vue3 (fix #126) #127
@ -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,
|
||||||
|
Loading…
Reference in New Issue
Block a user