80 lines
1.8 KiB
Vue
80 lines
1.8 KiB
Vue
<template>
|
|
<NcAppNavigationItem :loading="loading"
|
|
:title="feed ? feed.title : subscriptionUrl"
|
|
:to="`/${subscriptionUrl}`">
|
|
<template #icon>
|
|
<NcAvatar v-if="feed"
|
|
:display-name="feed.author"
|
|
:is-no-user="true"
|
|
:url="feed.imageUrl" />
|
|
<Alert v-if="failed" />
|
|
</template>
|
|
<template #actions>
|
|
<NcActionButton @click="deleteSubscription">
|
|
<template #icon>
|
|
<Delete :size="20" />
|
|
</template>
|
|
{{ t('Delete') }}
|
|
</NcActionButton>
|
|
</template>
|
|
</NcAppNavigationItem>
|
|
</template>
|
|
|
|
<script>
|
|
import { NcActionButton, NcAppNavigationItem, NcAvatar } from '@nextcloud/vue'
|
|
import Alert from 'vue-material-design-icons/Alert.vue'
|
|
import Delete from 'vue-material-design-icons/Delete.vue'
|
|
import axios from '@nextcloud/axios'
|
|
import { generateUrl } from '@nextcloud/router'
|
|
import { showError } from '@nextcloud/dialogs'
|
|
|
|
export default {
|
|
name: 'SubscriptionListItem',
|
|
components: {
|
|
Alert,
|
|
Delete,
|
|
NcActionButton,
|
|
NcAppNavigationItem,
|
|
NcAvatar,
|
|
},
|
|
props: {
|
|
subscriptionUrl: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
failed: false,
|
|
loading: true,
|
|
feed: null,
|
|
}
|
|
},
|
|
async mounted() {
|
|
try {
|
|
const podcastData = await axios.get(generateUrl('/apps/gpoddersync/personal_settings/podcast_data?url={url}', { url: this.subscriptionUrl }))
|
|
this.feed = podcastData.data.data
|
|
} catch (e) {
|
|
this.failed = true
|
|
console.error(e)
|
|
} finally {
|
|
this.loading = false
|
|
}
|
|
},
|
|
methods: {
|
|
async deleteSubscription() {
|
|
try {
|
|
this.loading = true
|
|
await axios.post(generateUrl('/apps/gpoddersync/subscription_change/create'), { add: [], remove: [this.subscriptionUrl] })
|
|
} catch (e) {
|
|
console.error(e)
|
|
showError(t('Error while removing the feed'))
|
|
} finally {
|
|
this.loading = false
|
|
this.$store.dispatch('subscriptions/fetch')
|
|
}
|
|
},
|
|
},
|
|
}
|
|
</script>
|