diff options
| author | Vincent Petry <vincent@nextcloud.com> | 2020-11-25 14:53:50 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-11-25 14:53:50 +0100 |
| commit | f75a5488dbca5ac1f4ab2f13450ce2ef8fec900a (patch) | |
| tree | 54ce6914a6581d0da9cbedaf4b1bf203b8c4d783 /src/components | |
| parent | c7659746e8413d5d2495e9225057b3598da594ab (diff) | |
| parent | 08ea85e6df480559344db491a8aff9eb5324c33e (diff) | |
Merge pull request #4621 from nextcloud/enh/noid/add-tooltip-call-icon-in-list
Add tooltips to call icons in participant list
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue b/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue index 2255817a1..cfae7414d 100644 --- a/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue +++ b/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue @@ -63,18 +63,23 @@ </div> </div> <div v-if="callIcon" + v-tooltip.auto="callIconTooltip" class="participant-row__callstate-icon"> + <span class="hidden-visually">{{ callIconTooltip }}</span> <Microphone v-if="callIcon === 'audio'" :size="24" + title="" decorative /> <Phone v-if="callIcon === 'phone'" :size="24" + title="" decorative /> <Video v-if="callIcon === 'video'" :size="24" + title="" decorative /> </div> <Actions @@ -252,6 +257,16 @@ export default { } return 'audio' }, + callIconTooltip() { + if (this.callIcon === 'audio') { + return t('spreed', 'Joined with audio') + } else if (this.callIcon === 'video') { + return t('spreed', 'Joined with video') + } else if (this.callIcon === 'phone') { + return t('spreed', 'Joined via phone') + } + return null + }, participantType() { return this.participant.participantType }, |