diff options
author | Joas Schilling <coding@schilljs.com> | 2020-11-03 21:11:59 +0300 |
---|---|---|
committer | Joas Schilling <coding@schilljs.com> | 2020-11-26 11:46:44 +0300 |
commit | 23aab9ed18b6e5c1a9e8ca84d4740a0593e90c86 (patch) | |
tree | 16ecb65eb04d812c9b6e3511f41fc4f288faa8ac /src | |
parent | 84b75970bb33b00b5b5e7b37fabf07d316b8daeb (diff) |
Show the dial-in info in the sidebar
Signed-off-by: Joas Schilling <coding@schilljs.com>
Diffstat (limited to 'src')
-rw-r--r-- | src/components/RightSidebar/RightSidebar.vue | 12 | ||||
-rw-r--r-- | src/components/RightSidebar/SipSettings.vue | 68 |
2 files changed, 80 insertions, 0 deletions
diff --git a/src/components/RightSidebar/RightSidebar.vue b/src/components/RightSidebar/RightSidebar.vue index b609f438a..cfe0c83d6 100644 --- a/src/components/RightSidebar/RightSidebar.vue +++ b/src/components/RightSidebar/RightSidebar.vue @@ -59,6 +59,10 @@ icon="icon-settings"> <SetGuestUsername v-if="!getUserId" /> + <SipSettings + v-if="showSIPSettings" + :meeting-id="conversation.token" + :attendee-pin="conversation.attendeePin" /> <CollectionList v-if="getUserId && conversation.token" :id="conversation.token" @@ -90,6 +94,7 @@ import ParticipantsTab from './Participants/ParticipantsTab' import MatterbridgeSettings from './Matterbridge/MatterbridgeSettings' import isInLobby from '../../mixins/isInLobby' import SetGuestUsername from '../SetGuestUsername' +import SipSettings from './SipSettings' export default { name: 'RightSidebar', @@ -100,6 +105,7 @@ export default { CollectionList, ParticipantsTab, SetGuestUsername, + SipSettings, MatterbridgeSettings, }, @@ -148,6 +154,7 @@ export default { type: CONVERSATION.TYPE.PUBLIC, lobbyState: WEBINAR.LOBBY.NONE, lobbyTimer: 0, + attendeePin: '', } }, @@ -199,6 +206,11 @@ export default { isRenamingConversation() { return this.$store.getters.isRenamingConversation }, + + showSIPSettings() { + return this.conversation.sipEnabled === WEBINAR.SIP.ENABLED + && this.conversation.attendeePin !== '' + }, }, watch: { diff --git a/src/components/RightSidebar/SipSettings.vue b/src/components/RightSidebar/SipSettings.vue new file mode 100644 index 000000000..8ae4817b7 --- /dev/null +++ b/src/components/RightSidebar/SipSettings.vue @@ -0,0 +1,68 @@ +<!-- + - @copyright Copyright (c) 2020 Joas Schilling <coding@schilljs.com> + - + - @author Joas Schilling <coding@schilljs.com> + - + - @license GNU AGPL version 3 or any later version + - + - This program is free software: you can redistribute it and/or modify + - it under the terms of the GNU Affero General Public License as + - published by the Free Software Foundation, either version 3 of the + - License, or (at your option) any later version. + - + - This program is distributed in the hope that it will be useful, + - but WITHOUT ANY WARRANTY; without even the implied warranty of + - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + - GNU Affero General Public License for more details. + - + - You should have received a copy of the GNU Affero General Public License + - along with this program. If not, see <http://www.gnu.org/licenses/>. +--> + +<template> + <div> + <h3>{{ t('spreed', 'Dial-in information') }}</h3> + + <p>{{ dialInInfo }}</p> + <p>{{ meetingIdLabel }}</p> + <p>{{ attendeePinLabel }}</p> + </div> +</template> + +<script> +import { loadState } from '@nextcloud/initial-state' + +export default { + name: 'SipSettings', + + props: { + attendeePin: { + type: String, + required: true, + }, + meetingId: { + type: String, + required: true, + }, + }, + + data() { + return { + dialInInfo: loadState('talk', 'sip_dialin_info'), + } + }, + + computed: { + meetingIdLabel() { + return t('spreed', 'Meeting ID: {meetingId}', { + meetingId: this.meetingId, + }) + }, + attendeePinLabel() { + return t('spreed', 'Your PIN: {attendeePin}', { + attendeePin: this.attendeePin, + }) + }, + }, +} +</script> |