diff options
| author | =Corey Hulen <corey@hulen.com> | 2016-01-24 21:13:30 -0600 |
|---|---|---|
| committer | =Corey Hulen <corey@hulen.com> | 2016-01-24 21:13:30 -0600 |
| commit | 6d30f3b14c3f446224daf562df9e63f29583794b (patch) | |
| tree | 13537db586727b817b2bed89d62a5011610d5eb4 | |
| parent | 1dfd8c78c99e3d1556b6845b76c457d16c3dcf94 (diff) | |
| download | chat-6d30f3b14c3f446224daf562df9e63f29583794b.tar.gz chat-6d30f3b14c3f446224daf562df9e63f29583794b.tar.bz2 chat-6d30f3b14c3f446224daf562df9e63f29583794b.zip | |
PLT-7 client infra for loc
| -rw-r--r-- | web/react/pages/admin_console.jsx | 77 | ||||
| -rw-r--r-- | web/templates/admin_console.html | 6 |
2 files changed, 61 insertions, 22 deletions
diff --git a/web/react/pages/admin_console.jsx b/web/react/pages/admin_console.jsx index cbd2bd80d..3f4c39934 100644 --- a/web/react/pages/admin_console.jsx +++ b/web/react/pages/admin_console.jsx @@ -4,25 +4,68 @@ import ErrorBar from '../components/error_bar.jsx'; import SelectTeamModal from '../components/admin_console/select_team_modal.jsx'; import AdminController from '../components/admin_console/admin_controller.jsx'; +import * as Client from '../utils/client.jsx'; -export function setupAdminConsolePage(props) { - ReactDOM.render( - <AdminController - tab={props.ActiveTab} - teamId={props.TeamId} - />, - document.getElementById('admin_controller') - ); +var IntlProvider = ReactIntl.IntlProvider; - ReactDOM.render( - <SelectTeamModal />, - document.getElementById('select_team_modal') - ); +class Root extends React.Component { + constructor() { + super(); + this.state = { + translations: null, + loaded: false + }; + } - ReactDOM.render( - <ErrorBar/>, - document.getElementById('error_bar') - ); + 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} + > + <div> + <ErrorBar/> + <AdminController + tab={this.props.map.ActiveTab} + teamId={this.props.map.TeamId} + /> + <SelectTeamModal /> + </div> + </IntlProvider> + ); + } } -global.window.setup_admin_console_page = setupAdminConsolePage; +global.window.setup_admin_console_page = function setup(props) { + ReactDOM.render( + <Root map={props} />, + document.getElementById('admin_controller') + ); +}; diff --git a/web/templates/admin_console.html b/web/templates/admin_console.html index 0e37a4660..08c90493e 100644 --- a/web/templates/admin_console.html +++ b/web/templates/admin_console.html @@ -6,11 +6,7 @@ <body> <script src="/static/js/Chart.min.js"></script> -<div id='error_bar'></div> - -<div id='admin_controller' class='container-fluid'></div> - -<div id='select_team_modal'></div> +<div id='admin_controller'></div> <script> window.setup_admin_console_page({{ .Props }}); |