WIP feat(SIP): allow to dial-out participants via SIP

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
nextcloud · Oct 22, 2023 · 7d08d80 · 7d08d80
1 parent ca827de
commit 7d08d80
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue b/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue
@@ -150,6 +150,14 @@
 				</template>
 				{{ t('spreed', 'Send call notification') }}
 			</NcActionButton>
+			<NcActionButton v-if="isInCall && participantPhoneNumber"
+				close-after-click
+				@click="dialOutPhoneNumber">
+				<template #icon>
+					<Phone :size="20" />
+				</template>
+				{{ t('spreed', 'Dial-out phone number') }}
+			</NcActionButton>
 			<NcActionButton v-if="participantPhoneNumber"
 				close-after-click
 				@click="copyPhoneNumber">
@@ -251,6 +259,7 @@ import ParticipantPermissionsEditor from './ParticipantPermissionsEditor/Partici
 
 import { useIsInCall } from '../../../../../composables/useIsInCall.js'
 import { CONVERSATION, PARTICIPANT, ATTENDEE } from '../../../../../constants.js'
+import { callSIPDialOut } from '../../../../../services/callsService.js'
 import { readableNumber } from '../../../../../utils/readableNumber.js'
 import { formattedTime } from '../../../../../utils/formattedTime.js'
 import { getStatusMessage } from '../../../../../utils/userStatus.js'
@@ -389,6 +398,9 @@ export default {
 				return this.isParticipantSpeaking
 					? '💬 ' + t('spreed', '{time} talking …', { time: formattedTime(this.timeSpeaking, true) })
 					: '💬 ' + t('spreed', '{time} talking time', { time: formattedTime(this.timeSpeaking, true) })
+			} else if (this.isPhoneActor && this.isInCall) {
+				// FIXME get statuses from SIP Bridge
+				return t('spreed', 'Calling …')
 			} else {
 				return getStatusMessage(this.participant)
 			}
@@ -436,6 +448,10 @@ export default {
 			return this.participant.actorType === ATTENDEE.ACTOR_TYPE.EMAILS
 		},
 
+		isPhoneActor() {
+			return this.participant.actorType === ATTENDEE.ACTOR_TYPE.PHONES
+		},
+
 		isUserActor() {
 			return this.participant.actorType === ATTENDEE.ACTOR_TYPE.USERS
 		},
@@ -818,6 +834,14 @@ export default {
 			}
 		},
 
+		async dialOutPhoneNumber() {
+			try {
+				await callSIPDialOut(this.token, this.participantPhoneNumber)
+			} catch (error) {
+				showError(t('spreed', 'Phone number could not be called'))
+			}
+		},
+
 		async copyPhoneNumber() {
 			try {
 				await navigator.clipboard.writeText(this.participantPhoneNumber)