Merge pull request #7222 from nextcloud/bugfix/7220/link-to-notification-settings-on-sounds

Add a link to the notifications sound settings

1 files changed, 19 insertions, 0 deletions

diff --git a/src/components/SettingsDialog/SettingsDialog.vue b/src/components/SettingsDialog/SettingsDialog.vue
index 6dc398a98..12a8f85f6 100644
--- a/src/components/SettingsDialog/SettingsDialog.vue
+++ b/src/components/SettingsDialog/SettingsDialog.vue
@@ -62,6 +62,16 @@
 				@change="togglePlaySounds">
 			<label for="play_sounds">{{ t('spreed', 'Play sounds when participants join or leave a call') }}</label>
 			<em>{{ t('spreed', 'Sounds can currently not be played in Safari browser and iPad and iPhone devices due to technical restrictions by the manufacturer.') }}</em>
+
+			<Button type="tertiary"
+				@click="goToPersonalSettings">
+				<template #icon>
+					<OpenInNew :size="20"
+						decorative
+						title="" />
+				</template>
+				{{ t('spreed', 'Sounds for chat and call notifications can be adjusted in the personal settings.') }}
+			</Button>
 		</AppSettingsSection>
 		<AppSettingsSection :title="t('spreed', 'Keyboard shortcuts')">
 			<em>{{ t('spreed', 'Speed up your Talk experience with these quick shortcuts.') }}</em>
@@ -125,13 +135,16 @@
 </template>
 
 <script>
+import { generateUrl } from '@nextcloud/router'
 import { getFilePickerBuilder, showError, showSuccess } from '@nextcloud/dialogs'
 import { PRIVACY } from '../../constants'
 import { subscribe, unsubscribe } from '@nextcloud/event-bus'
 import MediaDevicesPreview from '../MediaDevicesPreview'
 import AppSettingsDialog from '@nextcloud/vue/dist/Components/AppSettingsDialog'
 import AppSettingsSection from '@nextcloud/vue/dist/Components/AppSettingsSection'
+import Button from '@nextcloud/vue/dist/Components/Button'
 import CheckboxRadioSwitch from '@nextcloud/vue/dist/Components/CheckboxRadioSwitch'
+import OpenInNew from 'vue-material-design-icons/OpenInNew'
 
 export default {
 	name: 'SettingsDialog',
@@ -140,7 +153,9 @@ export default {
 		MediaDevicesPreview,
 		AppSettingsDialog,
 		AppSettingsSection,
+		Button,
 		CheckboxRadioSwitch,
+		OpenInNew,
 	},
 
 	data() {
@@ -251,6 +266,10 @@ export default {
 		beforeDestroy() {
 			unsubscribe('show-settings', this.handleShowSettings)
 		},
+
+		goToPersonalSettings() {
+			window.location = generateUrl('/settings/user/notifications')
+		},
 	},
 }
 </script>