feat(settings): Show supported apps on app settings if subscribed

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

apps/settings/src/components/AppList.vue

@@ -154,6 +154,9 @@ export default {
 			if (this.category === 'updates') {
 				return apps.filter(app => app.update)
 			}
+			if (this.category === 'supported') {
+				return apps.filter(app => app.level === 300)
+			}
 			if (this.category === 'featured') {
 				return apps.filter(app => app.level === 200)
 			}
@@ -190,7 +193,7 @@ export default {
 			return !this.useListView && !this.useBundleView
 		},
 		useListView() {
-			return (this.category === 'installed' || this.category === 'enabled' || this.category === 'disabled' || this.category === 'updates' || this.category === 'featured')
+			return (this.category === 'installed' || this.category === 'enabled' || this.category === 'disabled' || this.category === 'updates' || this.category === 'featured' || this.category === 'supported')
 		},
 		useBundleView() {
 			return (this.category === 'app-bundles')

apps/settings/src/constants/AppsConstants.js

@@ -29,4 +29,5 @@ export const APPS_SECTION_ENUM = Object.freeze({
 	updates: t('settings', 'Updates'),
 	'app-bundles': t('settings', 'App bundles'),
 	featured: t('settings', 'Featured apps'),
+	supported: t('settings', 'Supported apps'), // From subscription
 })

apps/settings/src/views/Apps.vue

@@ -50,6 +50,14 @@
 						<NcCounterBubble>{{ updateCount }}</NcCounterBubble>
 					</template>
 				</NcAppNavigationItem>
+				<NcAppNavigationItem v-if="isSubscribed"
+					id="app-category-supported"
+					:to="{ name: 'apps-category', params: { category: 'supported' } }"
+					:name="$options.APPS_SECTION_ENUM.supported">
+					<template #icon>
+						<IconStarShooting :size="20" />
+					</template>
+				</NcAppNavigationItem>
 				<NcAppNavigationItem id="app-category-your-bundles"
 					:to="{ name: 'apps-category', params: { category: 'app-bundles' } }"
 					icon="icon-category-app-bundles"
@@ -147,6 +155,7 @@ import NcAppSidebar from '@nextcloud/vue/dist/Components/NcAppSidebar.js'
 import NcAppSidebarTab from '@nextcloud/vue/dist/Components/NcAppSidebarTab.js'
 import NcCounterBubble from '@nextcloud/vue/dist/Components/NcCounterBubble.js'
 import NcContent from '@nextcloud/vue/dist/Components/NcContent.js'
+import IconStarShooting from 'vue-material-design-icons/StarShooting.vue'
 
 import AppList from '../components/AppList.vue'
 import AppDetails from '../components/AppDetails.vue'
@@ -165,6 +174,7 @@ export default {
 		NcAppContent,
 		AppDetails,
 		AppList,
+		IconStarShooting,
 		NcAppNavigation,
 		NcAppNavigationItem,
 		NcAppNavigationSpacer,
@@ -255,6 +265,9 @@ export default {
 		changelog() {
 			return (release) => release.translations.en.changelog
 		},
+		isSubscribed() {
+			return this.apps.some(app => app.level === 300)
+		},
 	},
 
 	watch: {