feat(devices): add an option to always disable srteams by default bef…

…ore joining the call

Signed-off-by: DorraJaouad <[email protected]>

src/components/CallView/shared/LocalAudioControlButton.vue

@@ -31,6 +31,7 @@ import VolumeIndicator from '../../UIShared/VolumeIndicator.vue'
 
 import { PARTICIPANT } from '../../../constants.js'
 import BrowserStorage from '../../../services/BrowserStorage.js'
+import { useSettingsStore } from '../../../stores/settings.js'
 
 export default {
 	name: 'LocalAudioControlButton',
@@ -67,6 +68,12 @@ export default {
 		},
 	},
 
+	setup() {
+		return {
+			storeSettings: useSettingsStore(),
+		}
+	},
+
 	computed: {
 		isAudioAllowed() {
 			return this.conversation.permissions & PARTICIPANT.PERMISSIONS.PUBLISH_AUDIO
@@ -109,6 +116,10 @@ export default {
 				? t('spreed', 'Mute audio')
 				: t('spreed', 'Unmute audio')
 		},
+
+		mediaDefaultStateEnabled() {
+			return this.storeSettings.mediaDefaultState
+		},
 	},
 
 	created() {
@@ -118,6 +129,9 @@ export default {
 
 	mounted() {
 		subscribe('local-audio-control-button:toggle-audio', this.updateDeviceState)
+		if (this.mediaDefaultStateEnabled) {
+			this.model.disableAudio()
+		}
 	},
 
 	beforeDestroy() {

src/components/CallView/shared/LocalVideoControlButton.vue

@@ -29,6 +29,7 @@ import { useHotKey } from '@nextcloud/vue/dist/Composables/useHotKey.js'
 
 import { PARTICIPANT } from '../../../constants.js'
 import BrowserStorage from '../../../services/BrowserStorage.js'
+import { useSettingsStore } from '../../../stores/settings.js'
 
 export default {
 	name: 'LocalVideoControlButton',
@@ -66,6 +67,12 @@ export default {
 		},
 	},
 
+	setup() {
+		return {
+			storeSettings: useSettingsStore(),
+		}
+	},
+
 	computed: {
 		isVideoAllowed() {
 			return this.conversation.permissions & PARTICIPANT.PERMISSIONS.PUBLISH_VIDEO
@@ -116,6 +123,10 @@ export default {
 
 			return t('spreed', 'Enable video. Your connection will be briefly interrupted when enabling the video for the first time')
 		},
+
+		mediaDefaultStateEnabled() {
+			return this.storeSettings.mediaDefaultState
+		},
 	},
 
 	created() {
@@ -124,6 +135,9 @@ export default {
 
 	mounted() {
 		subscribe('local-video-control-button:toggle-video', this.updateDeviceState)
+		if (this.mediaDefaultStateEnabled) {
+			this.model.disableVideo()
+		}
 	},
 
 	beforeDestroy() {

src/components/SettingsDialog/SettingsDialog.vue

@@ -89,6 +89,18 @@
 				{{ t('spreed', 'Sounds for chat and call notifications can be adjusted in the personal settings.') }} ↗
 			</a>
 		</NcAppSettingsSection>
+		<NcAppSettingsSection id="calls"
+			:name="t('spreed', 'Calls')"
+			class="app-settings-section">
+			<NcCheckboxRadioSwitch id="call-media"
+				:checked="mediaDefaultStateEnabled"
+				:disabled="mediaLoading"
+				type="switch"
+				class="checkbox"
+				@update:checked="toggleMediaDefaultState">
+				{{ t('spreed', 'Turn off camera and microphone by default when joining a call') }}
+			</NcCheckboxRadioSwitch>
+		</NcAppSettingsSection>
 		<NcAppSettingsSection id="performance"
 			:name="t('spreed', 'Performance')"
 			class="app-settings-section">
@@ -235,6 +247,7 @@ export default {
 			attachmentFolderLoading: true,
 			privacyLoading: false,
 			playSoundsLoading: false,
+			mediaLoading: false,
 		}
 	},
 
@@ -263,6 +276,10 @@ export default {
 			return this.settingsStore.typingStatusPrivacy === PRIVACY.PUBLIC
 		},
 
+		mediaDefaultStateEnabled() {
+			return this.settingsStore.mediaDefaultState
+		},
+
 		settingsUrl() {
 			return generateUrl('/settings/user/notifications')
 		},
@@ -362,6 +379,18 @@ export default {
 			this.playSoundsLoading = false
 		},
 
+		async toggleMediaDefaultState(value) {
+			this.mediaLoading = true
+			try {
+				await this.settingsStore.setMediaDefaultState(value)
+				showSuccess(t('spreed', 'Your default media state has been saved'))
+			} catch (exception) {
+				showError(t('spreed', 'Error while setting default media state'))
+			} finally {
+				this.mediaLoading = false
+			}
+		},
+
 		handleShowSettings() {
 			this.showSettings = true
 		},

src/services/settingsService.js

@@ -74,10 +74,16 @@ const setPlaySounds = async function(hasUserAccount, value) {
 	}
 }
 
+const setMediaDefaultState = async function(value) {
+	await axios.post(generateOcsUrl('apps/provisioning_api/api/v1/config/users/spreed/calls_start_without_media'),
+		{ configValue: value ? 'yes' : 'no' })
+}
+
 export {
 	setAttachmentFolder,
 	setReadStatusPrivacy,
 	setTypingStatusPrivacy,
 	setSIPSettings,
 	setPlaySounds,
+	setMediaDefaultState,
 }

src/stores/settings.js

@@ -10,7 +10,12 @@ import { loadState } from '@nextcloud/initial-state'
 
 import { PRIVACY } from '../constants.js'
 import BrowserStorage from '../services/BrowserStorage.js'
-import { setReadStatusPrivacy, setTypingStatusPrivacy } from '../services/settingsService.js'
+import { getTalkConfig } from '../services/CapabilitiesManager.ts'
+import {
+	setReadStatusPrivacy,
+	setTypingStatusPrivacy,
+	setMediaDefaultState
+} from '../services/settingsService.js'
 
 /**
  * @typedef {string} Token
@@ -33,7 +38,8 @@ export const useSettingsStore = defineStore('settings', {
 	state: () => ({
 		readStatusPrivacy: loadState('spreed', 'read_status_privacy', PRIVACY.PRIVATE),
 		typingStatusPrivacy: loadState('spreed', 'typing_privacy', PRIVACY.PRIVATE),
-		showMediaSettings: {}
+		showMediaSettings: {},
+		mediaDefaultState: getTalkConfig('local', 'call', 'start-without-media'),
 	}),
 
 	getters: {
@@ -96,5 +102,11 @@ export const useSettingsStore = defineStore('settings', {
 			}
 			Vue.set(this.showMediaSettings, token, value)
 		},
+
+		async setMediaDefaultState(value) {
+			await setMediaDefaultState(value)
+			this.mediaDefaultState = value
+
+		},
 	},
 })