diff options
Diffstat (limited to 'webapp/components/admin_console/admin_console.jsx')
-rw-r--r-- | webapp/components/admin_console/admin_console.jsx | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/webapp/components/admin_console/admin_console.jsx b/webapp/components/admin_console/admin_console.jsx new file mode 100644 index 000000000..e5c528614 --- /dev/null +++ b/webapp/components/admin_console/admin_console.jsx @@ -0,0 +1,61 @@ +// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved. +// See License.txt for license information. + +import $ from 'jquery'; +import React from 'react'; + +import AdminStore from 'stores/admin_store.jsx'; +import * as AsyncClient from 'utils/async_client.jsx'; + +import AdminSidebar from './admin_sidebar.jsx'; + +export default class AdminConsole extends React.Component { + static get propTypes() { + return { + children: React.PropTypes.node.isRequired + }; + } + + constructor(props) { + super(props); + + this.handleConfigChange = this.handleConfigChange.bind(this); + + this.state = { + config: AdminStore.getConfig() + }; + } + + componentWillMount() { + AdminStore.addConfigChangeListener(this.handleConfigChange); + AsyncClient.getConfig(); + } + + componentWillUnmount() { + AdminStore.removeConfigChangeListener(this.handleConfigChange); + } + + handleConfigChange() { + this.setState({ + config: AdminStore.getConfig() + }); + } + + render() { + if ($.isEmptyObject(this.state.config)) { + return <div className='admin-console'/>; + } + + // not every page in the system console will need the config, but the vast majority will + const children = React.cloneElement(this.props.children, { + config: this.state.config + }); + + return ( + <div className='admin-console'> + <AdminSidebar/> + {children} + </div> + ); + } +} |