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 }}
+
+ {{ startCallLabel }}
+
- {{ t('spreed', 'End call') }}
+
+ {{ endCallLabel }}
+
- {{ leaveCallLabel }}
+
+ {{ 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.')