diff --git a/src/components/TopBar/CallButton.vue b/src/components/TopBar/CallButton.vue index d7afa949d74..f84ab9c3d9e 100644 --- a/src/components/TopBar/CallButton.vue +++ b/src/components/TopBar/CallButton.vue @@ -14,6 +14,7 @@ autoHide: false, html: true }" + :aria-label="startCallLabel" :disabled="startCallButtonDisabled || loading" :type="startCallButtonType" @click="handleClick"> @@ -22,31 +23,40 @@ - {{ startCallLabel }} + - {{ t('spreed', 'End call') }} + - {{ leaveCallLabel }} + @@ -94,6 +104,7 @@ import { loadState } from '@nextcloud/initial-state' import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js' import NcActions from '@nextcloud/vue/dist/Components/NcActions.js' import NcButton from '@nextcloud/vue/dist/Components/NcButton.js' +import { useIsMobile } from '@nextcloud/vue/dist/Composables/useIsMobile.js' import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip.js' import { useIsInCall } from '../../composables/useIsInCall.js' @@ -174,6 +185,7 @@ export default { breakoutRoomsStore: useBreakoutRoomsStore(), talkHashStore: useTalkHashStore(), settingsStore: useSettingsStore(), + isMobile: useIsMobile(), } }, @@ -253,6 +265,10 @@ export default { return this.silentCall ? t('spreed', 'Start call silently') : t('spreed', 'Start call') }, + endCallLabel() { + return t('spreed', 'End call') + }, + startCallToolTip() { if (this.isNextcloudTalkHashDirty) { return t('spreed', 'Nextcloud Talk was updated, you need to reload the page before you can start or join a call.')