1 files changed, 25 insertions, 1 deletions
diff --git a/apps/settings/src/components/AppList/AppItem.vue b/apps/settings/src/components/AppList/AppItem.vue
index d0f39f3c74a..aa995c5b039 100644
--- a/apps/settings/src/components/AppList/AppItem.vue
+++ b/apps/settings/src/components/AppList/AppItem.vue
@@ -100,7 +100,7 @@
 				:aria-label="enableButtonTooltip"
 				type="primary"
 				:disabled="!app.canInstall || installing || isLoading || !defaultDeployDaemonAccessible || isInitializing || isDeploying"
-				@click.stop="enable(app.id)">
+				@click.stop="enableButtonAction">
 				{{ enableButtonText }}
 			</NcButton>
 			<NcButton v-else-if="!app.active"
@@ -111,6 +111,10 @@
 				@click.stop="forceEnable(app.id)">
 				{{ forceEnableButtonText }}
 			</NcButton>
+
+			<DaemonSelectionModal v-if="app?.app_api && showSelectDaemonModal"
+				:show.sync="showSelectDaemonModal"
+				:app="app" />
 		</component>
 	</component>
 </template>
@@ -126,6 +130,7 @@ import NcButton from '@nextcloud/vue/components/NcButton'
 import NcIconSvgWrapper from '@nextcloud/vue/components/NcIconSvgWrapper'
 import { mdiCogOutline } from '@mdi/js'
 import { useAppApiStore } from '../../store/app-api-store.ts'
+import DaemonSelectionModal from '../AppAPI/DaemonSelectionModal.vue'
 
 export default {
 	name: 'AppItem',
@@ -134,6 +139,7 @@ export default {
 		AppScore,
 		NcButton,
 		NcIconSvgWrapper,
+		DaemonSelectionModal,
 	},
 	mixins: [AppManagement, SvgFilterMixin],
 	props: {
@@ -177,6 +183,7 @@ export default {
 			isSelected: false,
 			scrolled: false,
 			screenshotLoaded: false,
+			showSelectDaemonModal: false,
 		}
 	},
 	computed: {
@@ -219,6 +226,23 @@ export default {
 		getDataItemHeaders(columnName) {
 			return this.useBundleView ? [this.headers, columnName].join(' ') : null
 		},
+		showSelectionModal() {
+			this.showSelectDaemonModal = true
+		},
+		async enableButtonAction() {
+			if (!this.app?.app_api) {
+				this.enable(this.app.id)
+				return
+			}
+			await this.appApiStore.fetchDockerDaemons()
+			if (this.appApiStore.dockerDaemons.length === 1 && this.app.needsDownload) {
+				this.enable(this.app.id, this.appApiStore.dockerDaemons[0])
+			} else if (this.app.needsDownload) {
+				this.showSelectionModal()
+			} else {
+				this.enable(this.app.id, this.app.daemon)
+			}
+		},
 	},
 }
 </script>