bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/media/container.jsx
2017-09-01 12:26:57 -03:00

75 lines
2.0 KiB
JavaScript
Executable File

import React, { Component } from 'react';
import { createContainer } from 'meteor/react-meteor-data';
import Media from './component';
import MediaService from './service';
import PresentationAreaContainer from '../presentation/container';
import VideoDockContainer from '../video-dock/container';
import ScreenshareContainer from '../screenshare/container';
import DefaultContent from '../presentation/default-content/component';
const defaultProps = {
overlay: <VideoDockContainer />,
content: <PresentationAreaContainer />,
defaultContent: <DefaultContent />,
};
class MediaContainer extends Component {
constructor(props) {
super(props);
const { overlay, content, defaultContent } = this.props;
this.state = {
overlay,
content: this.props.current_presentation ? content : defaultContent,
};
this.handleToggleLayout = this.handleToggleLayout.bind(this);
}
componentWillReceiveProps(nextProps) {
if (nextProps.current_presentation !== this.props.current_presentation) {
if (nextProps.current_presentation) {
this.setState({ content: this.props.content });
} else {
this.setState({ content: this.props.defaultContent });
}
}
}
handleToggleLayout() {
const { overlay, content } = this.state;
this.setState({ overlay: content, content: overlay });
}
render() {
return (
<Media {...this.props}>
{this.props.children}
</Media>
);
}
}
MediaContainer.defaultProps = defaultProps;
export default createContainer(() => {
const data = {};
data.currentPresentation = MediaService.getPresentationInfo();
data.content = <DefaultContent />;
if (MediaService.shouldShowWhiteboard()) {
data.content = <PresentationAreaContainer />;
}
if (MediaService.shouldShowScreenshare()) {
data.content = <ScreenshareContainer />;
}
if (MediaService.shouldShowOverlay()) {
data.overlay = <VideoDockContainer />;
}
return data;
}, MediaContainer);