bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/app/container.jsx
2017-08-11 17:17:35 -03:00

104 lines
3.0 KiB
JavaScript
Executable File

import React, { cloneElement } from 'react';
import { createContainer } from 'meteor/react-meteor-data';
import { withRouter } from 'react-router';
import { defineMessages, injectIntl } from 'react-intl';
import Auth from '/imports/ui/services/auth';
import Users from '/imports/api/2.0/users';
import Breakouts from '/imports/api/2.0/breakouts';
import Meetings from '/imports/api/2.0/meetings';
import ClosedCaptionsContainer from '/imports/ui/components/closed-captions/container';
import {
getFontSize,
getCaptionsStatus,
} from './service';
import { withModalMounter } from '../modal/service';
import App from './component';
import NavBarContainer from '../nav-bar/container';
import ActionsBarContainer from '../actions-bar/container';
import MediaContainer from '../media/container';
const defaultProps = {
navbar: <NavBarContainer />,
actionsbar: <ActionsBarContainer />,
media: <MediaContainer />,
};
const intlMessages = defineMessages({
kickedMessage: {
id: 'app.error.kicked',
description: 'Message when the user is kicked out of the meeting',
},
waitingApprovalMessage: {
id: 'app.guest.waiting',
description: 'Message while a guest is waiting to be approved',
},
endMeetingMessage: {
id: 'app.error.meeting.ended',
description: 'You have logged out of the conference',
},
});
const AppContainer = (props) => {
// inject location on the navbar container
const navbarWithLocation = cloneElement(props.navbar, { location: props.location });
return (
<App {...props} navbar={navbarWithLocation}>
{props.children}
</App>
);
};
export default withRouter(injectIntl(withModalMounter(createContainer((
{ router, intl, baseControls }) => {
const currentUser = Users.findOne({ userId: Auth.userID });
if (!currentUser.approved) {
baseControls.updateLoadingState(intl.formatMessage(intlMessages.waitingApprovalMessage));
}
// Displayed error messages according to the mode (kicked, end meeting)
const sendToError = (code, message) => {
Auth.clearCredentials()
.then(() => {
router.push(`/error/${code}`);
baseControls.updateErrorState(message);
});
};
// Check if user is kicked out of the session
Users.find({ userId: Auth.userID }).observeChanges({
changed(id, fields) {
if (fields.user && fields.user.kicked) {
sendToError(403, intl.formatMessage(intlMessages.kickedMessage));
}
},
});
// forcelly logged out when the meeting is ended
Meetings.find({ meetingId: Auth.meetingID }).observeChanges({
removed() {
sendToError(410, intl.formatMessage(intlMessages.endMeetingMessage));
},
});
// Close the widow when the current breakout room ends
Breakouts.find({ breakoutId: Auth.meetingID }).observeChanges({
removed() {
Auth.clearCredentials().then(window.close);
},
});
return {
closedCaption: getCaptionsStatus() ? <ClosedCaptionsContainer /> : null,
fontSize: getFontSize(),
};
}, AppContainer))));
AppContainer.defaultProps = defaultProps;