1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

Show current group members in syncplay group dialog

This commit is contained in:
Tony Finn 2021-03-19 01:27:44 +00:00
parent f4cb4e8fa0
commit ea3fc5fe86
3 changed files with 18 additions and 1 deletions

View file

@ -193,10 +193,19 @@ class Manager {
this.queueCore.updatePlayQueue(apiClient, cmd.Data);
break;
case 'UserJoined':
toast(globalize.translate('MessageSyncPlayUserJoined', cmd.Data));
if (!this.groupInfo.Participants) {
this.groupInfo.Participants = [cmd.Data];
} else {
this.groupInfo.Participants.push(cmd.Data);
}
break;
case 'UserLeft':
toast(globalize.translate('MessageSyncPlayUserLeft', cmd.Data));
if (this.groupInfo.Participants) {
this.groupInfo.Participants = this.groupInfo.Participants.filter((user) => user !== cmd.Data);
}
break;
case 'GroupJoined':
cmd.Data.LastUpdatedAt = new Date(cmd.Data.LastUpdatedAt);

View file

@ -7,6 +7,7 @@ import actionsheet from '../../actionSheet/actionSheet';
import globalize from '../../../scripts/globalize';
import playbackPermissionManager from './playbackPermissionManager';
import ServerConnections from '../../ServerConnections';
import './groupSelectionMenu.scss';
/**
* Class that manages the SyncPlay group selection menu.
@ -63,7 +64,8 @@ class GroupSelectionMenu {
title: globalize.translate('HeaderSyncPlaySelectGroup'),
items: menuItems,
positionTo: button,
border: true
border: true,
dialogClass: 'syncPlayGroupMenu'
};
actionsheet.show(menuOptions).then(function (id) {
@ -139,6 +141,8 @@ class GroupSelectionMenu {
const menuOptions = {
title: groupInfo.GroupName,
text: groupInfo.Participants.join(', '),
dialogClass: 'syncPlayGroupMenu',
items: menuItems,
positionTo: button,
border: true

View file

@ -0,0 +1,4 @@
.syncPlayGroupMenu .actionSheetText {
margin-left: 0.6em; /* to line up with the title */
margin-top: 0;
}