111 lines
2.9 KiB
JavaScript
111 lines
2.9 KiB
JavaScript
import React, { Component } from 'react';
|
|
import { createContainer } from 'meteor/react-meteor-data';
|
|
import PropTypes from 'prop-types';
|
|
import Auth from '/imports/ui/services/auth';
|
|
import AppContainer from '/imports/ui/components/app/container';
|
|
import ErrorScreen from '/imports/ui/components/error-screen/component';
|
|
import LoadingScreen from '/imports/ui/components/loading-screen/component';
|
|
import Settings from '/imports/ui/services/settings';
|
|
import IntlStartup from './intl';
|
|
|
|
const BROWSER_LANGUAGE = window.navigator.userLanguage || window.navigator.language;
|
|
|
|
const propTypes = {
|
|
error: PropTypes.object,
|
|
errorCode: PropTypes.number,
|
|
subscriptionsReady: PropTypes.bool.isRequired,
|
|
locale: PropTypes.string,
|
|
};
|
|
|
|
const defaultProps = {
|
|
error: undefined,
|
|
errorCode: undefined,
|
|
locale: BROWSER_LANGUAGE,
|
|
};
|
|
|
|
class Base extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
|
|
this.state = {
|
|
loading: false,
|
|
error: props.error || null,
|
|
};
|
|
|
|
this.updateLoadingState = this.updateLoadingState.bind(this);
|
|
this.updateErrorState = this.updateErrorState.bind(this);
|
|
}
|
|
|
|
updateLoadingState(loading = false) {
|
|
this.setState({
|
|
loading,
|
|
});
|
|
}
|
|
|
|
updateErrorState(error = null) {
|
|
this.setState({
|
|
error,
|
|
});
|
|
}
|
|
|
|
renderByState() {
|
|
const { updateLoadingState, updateErrorState } = this;
|
|
const stateControls = { updateLoadingState, updateErrorState };
|
|
|
|
const { loading, error } = this.state;
|
|
|
|
const { subscriptionsReady, errorCode } = this.props;
|
|
|
|
if (error || errorCode) {
|
|
return (<ErrorScreen code={errorCode}>{error}</ErrorScreen>);
|
|
}
|
|
|
|
if (loading || !subscriptionsReady) {
|
|
return (<LoadingScreen>{loading}</LoadingScreen>);
|
|
}
|
|
|
|
return (<AppContainer {...this.props} baseControls={stateControls} />);
|
|
}
|
|
|
|
render() {
|
|
const { updateLoadingState, updateErrorState } = this;
|
|
const { locale } = this.props;
|
|
const stateControls = { updateLoadingState, updateErrorState };
|
|
|
|
return (
|
|
<IntlStartup locale={locale} baseControls={stateControls}>
|
|
{this.renderByState()}
|
|
</IntlStartup>
|
|
);
|
|
}
|
|
}
|
|
|
|
Base.propTypes = propTypes;
|
|
Base.defaultProps = defaultProps;
|
|
|
|
const SUBSCRIPTIONS_NAME = [
|
|
'users2x', 'users', 'chat', 'cursor', 'cursor2x', 'deskshare', 'meetings', 'meetings2x',
|
|
'polls', 'presentations', 'shapes', 'shapes2x', 'slides', 'captions', 'breakouts',
|
|
];
|
|
|
|
const BaseContainer = createContainer(({ params }) => {
|
|
if (params.errorCode) return params;
|
|
|
|
if (!Auth.loggedIn) {
|
|
return {
|
|
errorCode: 401,
|
|
error: 'You are unauthorized to access this meeting',
|
|
};
|
|
}
|
|
|
|
const credentials = Auth.credentials;
|
|
const subscriptionsHandlers = SUBSCRIPTIONS_NAME.map(name => Meteor.subscribe(name, credentials));
|
|
|
|
return {
|
|
locale: Settings.application.locale,
|
|
subscriptionsReady: subscriptionsHandlers.every(handler => handler.ready()),
|
|
};
|
|
}, Base);
|
|
|
|
export default BaseContainer;
|