Merge pull request #1970 from mattermost/PLT-7-client-infra3
PLT-7 client infra for loc
Этот коммит содержится в:
@@ -4,25 +4,68 @@
|
|||||||
import ErrorBar from '../components/error_bar.jsx';
|
import ErrorBar from '../components/error_bar.jsx';
|
||||||
import SelectTeamModal from '../components/admin_console/select_team_modal.jsx';
|
import SelectTeamModal from '../components/admin_console/select_team_modal.jsx';
|
||||||
import AdminController from '../components/admin_console/admin_controller.jsx';
|
import AdminController from '../components/admin_console/admin_controller.jsx';
|
||||||
|
import * as Client from '../utils/client.jsx';
|
||||||
|
|
||||||
export function setupAdminConsolePage(props) {
|
var IntlProvider = ReactIntl.IntlProvider;
|
||||||
ReactDOM.render(
|
|
||||||
<AdminController
|
|
||||||
tab={props.ActiveTab}
|
|
||||||
teamId={props.TeamId}
|
|
||||||
/>,
|
|
||||||
document.getElementById('admin_controller')
|
|
||||||
);
|
|
||||||
|
|
||||||
ReactDOM.render(
|
class Root extends React.Component {
|
||||||
<SelectTeamModal />,
|
constructor() {
|
||||||
document.getElementById('select_team_modal')
|
super();
|
||||||
);
|
this.state = {
|
||||||
|
translations: null,
|
||||||
|
loaded: false
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
ReactDOM.render(
|
static propTypes() {
|
||||||
<ErrorBar/>,
|
return {
|
||||||
document.getElementById('error_bar')
|
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')
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|||||||
@@ -6,11 +6,7 @@
|
|||||||
<body>
|
<body>
|
||||||
<script src="/static/js/Chart.min.js"></script>
|
<script src="/static/js/Chart.min.js"></script>
|
||||||
|
|
||||||
<div id='error_bar'></div>
|
<div id='admin_controller'></div>
|
||||||
|
|
||||||
<div id='admin_controller' class='container-fluid'></div>
|
|
||||||
|
|
||||||
<div id='select_team_modal'></div>
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
window.setup_admin_console_page({{ .Props }});
|
window.setup_admin_console_page({{ .Props }});
|
||||||
|
|||||||
Ссылка в новой задаче
Block a user