diff options
Diffstat (limited to 'web/react/pages/login.jsx')
-rw-r--r-- | web/react/pages/login.jsx | 67 |
1 files changed, 58 insertions, 9 deletions
diff --git a/web/react/pages/login.jsx b/web/react/pages/login.jsx index 4a565623e..38852ad7c 100644 --- a/web/react/pages/login.jsx +++ b/web/react/pages/login.jsx @@ -1,17 +1,66 @@ // Copyright (c) 2015 Mattermost, Inc. All Rights Reserved. // See License.txt for license information. +import * as Client from '../utils/client.jsx'; import Login from '../components/login.jsx'; -function setupLoginPage(props) { +var IntlProvider = ReactIntl.IntlProvider; + +class Root extends React.Component { + constructor() { + super(); + this.state = { + translations: null, + loaded: false + }; + } + + static propTypes() { + return { + map: React.PropTypes.object.isRequired + }; + } + + componentWillMount() { + Client.getTranslations( + this.props.map.Locale, + (data) => { + this.setState({ + translations: data, + loaded: true + }); + }, + () => { + this.setState({ + loaded: true + }); + } + ); + } + + render() { + if (!this.state.loaded) { + return <div></div>; + } + + return ( + <IntlProvider + locale={this.props.map.Locale} + messages={this.state.translations} + > + <Login + teamDisplayName={this.props.map.TeamDisplayName} + teamName={this.props.map.TeamName} + inviteId={this.props.map.InviteId} + /> + </IntlProvider> + ); + } +} + +global.window.setup_login_page = function setup(props) { ReactDOM.render( - <Login - teamDisplayName={props.TeamDisplayName} - teamName={props.TeamName} - inviteId={props.InviteId} - />, + <Root map={props} />, document.getElementById('login') ); -} - -global.window.setup_login_page = setupLoginPage; +};
\ No newline at end of file |