jiti-meet/react/features/toolbox/functions.web.js

122 lines
3.7 KiB
JavaScript
Raw Normal View History

2017-02-16 23:02:40 +00:00
import SideContainerToggler
from '../../../modules/UI/side_pannels/SideContainerToggler';
import defaultToolbarButtons from './defaultToolbarButtons';
2017-04-01 05:52:40 +00:00
declare var interfaceConfig: Object;
export { abstractMapStateToProps, getButton } from './functions.native';
2017-02-16 23:02:40 +00:00
/**
* Returns an object which contains the default buttons for the primary and
* secondary toolbars.
2017-02-16 23:02:40 +00:00
*
2017-05-26 21:28:16 +00:00
* @param {Object} buttonHandlers - Contains additional toolbox button
* handlers.
2017-02-16 23:02:40 +00:00
* @returns {Object}
*/
2017-05-26 21:28:16 +00:00
export function getDefaultToolboxButtons(buttonHandlers: Object): Object {
2017-02-16 23:02:40 +00:00
let toolbarButtons = {
primaryToolbarButtons: new Map(),
secondaryToolbarButtons: new Map()
};
if (typeof interfaceConfig !== 'undefined'
&& interfaceConfig.TOOLBAR_BUTTONS) {
2017-04-01 05:52:40 +00:00
toolbarButtons
= interfaceConfig.TOOLBAR_BUTTONS.reduce(
(acc, buttonName) => {
2017-05-26 21:28:16 +00:00
let button = defaultToolbarButtons[buttonName];
const currentButtonHandlers = buttonHandlers[buttonName];
2017-02-16 23:02:40 +00:00
2017-04-01 05:52:40 +00:00
if (button) {
const place = _getToolbarButtonPlace(buttonName);
2017-02-16 23:02:40 +00:00
2017-04-01 05:52:40 +00:00
button.buttonName = buttonName;
2017-05-26 21:28:16 +00:00
if (currentButtonHandlers) {
button = {
...button,
...currentButtonHandlers
};
}
// If isDisplayed method is not defined, display the
// button only for non-filmstripOnly mode
if (button.isDisplayed()) {
acc[place].set(buttonName, button);
}
2017-04-01 05:52:40 +00:00
}
2017-02-16 23:02:40 +00:00
2017-04-01 05:52:40 +00:00
return acc;
},
toolbarButtons);
2017-02-16 23:02:40 +00:00
}
return toolbarButtons;
}
/**
* Returns toolbar class names to add while rendering.
*
* @param {Object} props - Props object pass to React component.
* @returns {Object}
* @private
*/
export function getToolbarClassNames(props: Object) {
const primaryToolbarClassNames = [
interfaceConfig.filmStripOnly
? 'toolbar_filmstrip-only'
: 'toolbar_primary'
];
2017-02-16 23:02:40 +00:00
const secondaryToolbarClassNames = [ 'toolbar_secondary' ];
if (props._visible) {
const slideInAnimation
= SideContainerToggler.isVisible ? 'slideInExtX' : 'slideInX';
primaryToolbarClassNames.push('fadeIn');
secondaryToolbarClassNames.push(slideInAnimation);
} else {
const slideOutAnimation
= SideContainerToggler.isVisible ? 'slideOutExtX' : 'slideOutX';
primaryToolbarClassNames.push('fadeOut');
secondaryToolbarClassNames.push(slideOutAnimation);
}
return {
primaryToolbarClassName: primaryToolbarClassNames.join(' '),
secondaryToolbarClassName: secondaryToolbarClassNames.join(' ')
};
}
2017-07-26 20:52:41 +00:00
/**
* Indicates if a toolbar button is enabled.
*
* @param {string} name - The name of the setting section as defined in
* interface_config.js.
* @returns {boolean} - True to indicate that the given toolbar button
* is enabled, false - otherwise.
*/
export function isButtonEnabled(name) {
return interfaceConfig.TOOLBAR_BUTTONS.indexOf(name) !== -1
|| interfaceConfig.MAIN_TOOLBAR_BUTTONS.indexOf(name) !== -1;
}
2017-05-26 21:28:16 +00:00
/**
* Get place for toolbar button. Now it can be in the primary Toolbar or in the
* secondary Toolbar.
*
* @param {string} btn - Button name.
* @private
* @returns {string}
*/
function _getToolbarButtonPlace(btn) {
return (
interfaceConfig.MAIN_TOOLBAR_BUTTONS.includes(btn)
? 'primaryToolbarButtons'
: 'secondaryToolbarButtons');
}