allow the user to delete a subscription in the backend

Author: thrillfall

CHANGELOG.md

@@ -1,4 +1,8 @@
 # Changelog
+## 3.15.0 - 2026-02-17
+### Added
+- Allow removing subscriptions directly from the personal settings UI (propagates to other clients)
+
 ## 3.14.0 - 2026-02-17
 ### Added
 - Resolve title, description, and imagery for subscriptions pointing to api.ardaudiothek.de programsets

README.md

@@ -1,6 +1,8 @@
 # nextcloud-gpodder
 Nextcloud app that replicates basic gpodder.net api to sync podcast consumer apps (podcatchers) like AntennaPod.
 
+The personal settings page lists all synchronized subscriptions and now offers a remove button per feed, which issues the appropriate `subscription_change` call so deletions sync to every connected client.
+
 ### Clients supporting sync
 | client | support status |
 | :- | :- |

appinfo/info.xml

@@ -5,7 +5,7 @@
     <name>GPodder Sync</name>
     <summary>replicate basic GPodder.net API</summary>
     <description><![CDATA[Expose GPodder API to sync podcast consumer apps like AntennaPod]]></description>
-    <version>3.14.0</version>
+    <version>3.15.0</version>
     <licence>agpl</licence>
     <author mail="thrillfall@disroot.org">Thrillfall</author>
     <namespace>GPodderSync</namespace>

src/components/SubscriptionListItem.vue

@@ -23,24 +23,33 @@
 				</template>
 				RSS feed
 			</ActionLink>
+			<ActionButton
+				:disabled="isRemoving"
+				icon="icon-delete"
+				@click="removeSubscription">
+				Remove
+			</ActionButton>
 		</template>
 	</ListItem>
 </template>
 
 <script>
 import ActionLink from '@nextcloud/vue/dist/Components/ActionLink'
+import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
 import Avatar from '@nextcloud/vue/dist/Components/Avatar'
 import ListItem from '@nextcloud/vue/dist/Components/ListItem'
 
 import Rss from 'vue-material-design-icons/Rss.vue'
 
 import { generateUrl } from '@nextcloud/router'
 import axios from '@nextcloud/axios'
+import { showError, showSuccess } from '@nextcloud/dialogs'
 
 export default {
 	name: 'SubscriptionListItem',
 	components: {
 		ActionLink,
+		ActionButton,
 		Avatar,
 		ListItem,
 		Rss,
@@ -55,6 +64,7 @@ export default {
 		return {
 			podcastData: null,
 			isLoading: true,
+			isRemoving: false,
 		}
 	},
 	async mounted() {
@@ -70,6 +80,28 @@ export default {
 		}
 	},
 	methods: {
+		async removeSubscription() {
+			if (this.isRemoving) {
+				return
+			}
+			if (!window.confirm(t('gpoddersync', 'Remove this subscription from your account?'))) {
+				return
+			}
+			this.isRemoving = true
+			try {
+				await axios.post(generateUrl('/apps/gpoddersync/subscription_change/create'), {
+					add: [],
+					remove: [this.sub.url],
+				})
+				showSuccess(t('gpoddersync', 'Subscription removed'))
+				this.$emit('removed', this.sub.url)
+			} catch (e) {
+				console.error(e)
+				showError(t('gpoddersync', 'Could not remove subscription'))
+			} finally {
+				this.isRemoving = false
+			}
+		},
 		getTitle() {
 			return this.podcastData?.title ?? this.sub.url ?? ''
 		},

src/views/PersonalSettingsPage.vue

@@ -16,7 +16,8 @@
 				<ul>
 					<SubscriptionListItem v-for="sub in subscriptions"
 						:key="sub.url"
-						:sub="sub" />
+						:sub="sub"
+						@removed="handleSubscriptionRemoved" />
 				</ul>
 			</div>
 			<div v-if="subscriptions.length === 0 && !isLoading">
@@ -89,6 +90,9 @@ export default {
 		updateSorting(sorting) {
 			this.subscriptions.sort(sorting.compare)
 		},
+		handleSubscriptionRemoved(url) {
+			this.subscriptions = this.subscriptions.filter((sub) => sub.url !== url)
+		},
 	},
 }
 </script>