mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2025-12-30 11:22:31 +00:00
0913554af9
As part of the PR, it also fixes: - Removes button aliases - Unifies the keys in the object returned by getAllToolboxButtons and the button keys - Makes sure that the number of buttons displayed are always the same as the number of buttons specified in the thresholds and removes the exception for not filling up the main toolbar with buttons from overflow menu when reactions button is disabled. - Introduces a priority for buttons that will be used to fill empty spaces in the main toolbar.
145 lines
2.9 KiB
TypeScript
145 lines
2.9 KiB
TypeScript
import { ToolbarButton } from './types';
|
|
|
|
/**
|
|
* Thresholds for displaying toolbox buttons.
|
|
*/
|
|
export const THRESHOLDS = [
|
|
{
|
|
width: 565,
|
|
order: [ 'microphone', 'camera', 'desktop', 'chat', 'raisehand', 'reactions', 'participants-pane', 'tileview' ]
|
|
},
|
|
{
|
|
width: 520,
|
|
order: [ 'microphone', 'camera', 'desktop', 'chat', 'raisehand', 'participants-pane', 'tileview' ]
|
|
},
|
|
{
|
|
width: 470,
|
|
order: [ 'microphone', 'camera', 'desktop', 'chat', 'raisehand', 'participants-pane' ]
|
|
},
|
|
{
|
|
width: 420,
|
|
order: [ 'microphone', 'camera', 'desktop', 'chat', 'participants-pane' ]
|
|
},
|
|
{
|
|
width: 370,
|
|
order: [ 'microphone', 'camera', 'chat', 'participants-pane' ]
|
|
},
|
|
{
|
|
width: 225,
|
|
order: [ 'microphone', 'camera', 'chat' ]
|
|
},
|
|
{
|
|
width: 200,
|
|
order: [ 'microphone', 'camera' ]
|
|
}
|
|
];
|
|
|
|
/**
|
|
* Main toolbar buttons priority used to determine which button should be picked to fill empty spaces for disabled
|
|
* buttons.
|
|
*/
|
|
export const MAIN_TOOLBAR_BUTTONS_PRIORITY = [
|
|
'microphone',
|
|
'camera',
|
|
'desktop',
|
|
'chat',
|
|
'raisehand',
|
|
'reactions',
|
|
'participants-pane',
|
|
'tileview',
|
|
'invite',
|
|
'toggle-camera',
|
|
'videoquality',
|
|
'fullscreen',
|
|
'security',
|
|
'closedcaptions',
|
|
'recording',
|
|
'livestreaming',
|
|
'linktosalesforce',
|
|
'sharedvideo',
|
|
'shareaudio',
|
|
'noisesuppression',
|
|
'whiteboard',
|
|
'etherpad',
|
|
'select-background',
|
|
'stats',
|
|
'settings',
|
|
'shortcuts',
|
|
'profile',
|
|
'embedmeeting',
|
|
'feedback',
|
|
'download',
|
|
'help'
|
|
];
|
|
|
|
export const TOOLBAR_TIMEOUT = 4000;
|
|
|
|
export const DRAWER_MAX_HEIGHT = '80dvh - 64px';
|
|
|
|
// Around 300 to be displayed above components like chat
|
|
export const ZINDEX_DIALOG_PORTAL = 302;
|
|
|
|
/**
|
|
* Color for spinner displayed in the toolbar.
|
|
*/
|
|
export const SPINNER_COLOR = '#929292';
|
|
|
|
|
|
/**
|
|
* The list of all possible UI buttons.
|
|
*
|
|
* @protected
|
|
* @type Array<string>
|
|
*/
|
|
export const TOOLBAR_BUTTONS: ToolbarButton[] = [
|
|
'camera',
|
|
'chat',
|
|
'closedcaptions',
|
|
'desktop',
|
|
'download',
|
|
'embedmeeting',
|
|
'etherpad',
|
|
'feedback',
|
|
'filmstrip',
|
|
'fullscreen',
|
|
'hangup',
|
|
'help',
|
|
'highlight',
|
|
'invite',
|
|
'linktosalesforce',
|
|
'livestreaming',
|
|
'microphone',
|
|
'mute-everyone',
|
|
'mute-video-everyone',
|
|
'participants-pane',
|
|
'profile',
|
|
'raisehand',
|
|
'recording',
|
|
'security',
|
|
'select-background',
|
|
'settings',
|
|
'shareaudio',
|
|
'noisesuppression',
|
|
'sharedvideo',
|
|
'shortcuts',
|
|
'stats',
|
|
'tileview',
|
|
'toggle-camera',
|
|
'videoquality',
|
|
'whiteboard'
|
|
];
|
|
|
|
/**
|
|
* The toolbar buttons to show when in visitors mode.
|
|
*/
|
|
export const VISITORS_MODE_BUTTONS: ToolbarButton[] = [
|
|
'chat',
|
|
'hangup',
|
|
'raisehand',
|
|
'settings',
|
|
'tileview',
|
|
'fullscreen',
|
|
'stats',
|
|
'videoquality'
|
|
];
|