Allow apps to register participant search actions

Signed-off-by: Joas Schilling <coding@schilljs.com>

1 files changed, 27 insertions, 0 deletions

diff --git a/src/components/RightSidebar/Participants/ParticipantsSearchResults/ParticipantsSearchResults.vue b/src/components/RightSidebar/Participants/ParticipantsSearchResults/ParticipantsSearchResults.vue
index 371f68b0a..265a7188a 100644
--- a/src/components/RightSidebar/Participants/ParticipantsSearchResults/ParticipantsSearchResults.vue
+++ b/src/components/RightSidebar/Participants/ParticipantsSearchResults/ParticipantsSearchResults.vue
@@ -46,6 +46,18 @@
 				@click="handleClickParticipant" />
 		</template>
 
+		<template v-if="integrations.length !== 0">
+			<AppNavigationCaption :title="t('spreed', 'Integrations')" />
+
+			<ul>
+				<li v-for="(integration, index) in integrations"
+					:key="'integration' + index"
+					@click="runIntegration(integration)">
+					{{ integration.label }}
+				</li>
+			</ul>
+		</template>
+
 		<template v-if="addableRemotes.length !== 0">
 			<AppNavigationCaption :title="t('spreed', 'Add federated users')" />
 			<ParticipantsList :items="addableRemotes"
@@ -135,6 +147,11 @@ export default {
 			type: Boolean,
 			default: false,
 		},
+
+		searchText: {
+			type: String,
+			default: '',
+		},
 	},
 
 	computed: {
@@ -144,6 +161,10 @@ export default {
 				|| (this.isCirclesEnabled && !this.addableCircles.length)
 		},
 
+		integrations() {
+			return this.$store.getters.participantSearchActions.filter((integration) => integration.show(this.searchText))
+		},
+
 		sourcesWithoutResultsList() {
 			if (!this.addableUsers.length) {
 				if (!this.addableGroups.length) {
@@ -237,6 +258,12 @@ export default {
 		handleClickHint() {
 			this.$emit('click-search-hint')
 		},
+
+		runIntegration(integration) {
+			integration.callback(this.searchText).then((participant) => {
+				this.$emit('click', participant)
+			})
+		},
 	},
 }
 </script>