PLT-12 UI framework for admin console

web/react/components/admin_console/admin_controller.jsx

@@ -0,0 +1,57 @@
+// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+var AdminSidebar = require('./admin_sidebar.jsx');
+var EmailTab = require('./email_settings.jsx');
+var JobsTab = require('./jobs_settings.jsx');
+var Navbar = require('../../components/navbar.jsx');
+
+export default class AdminController extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.selectTab = this.selectTab.bind(this);
+
+        this.state = {
+            selected: 'email_settings'
+        };
+    }
+
+    selectTab(tab) {
+        this.setState({selected: tab});
+    }
+
+    render() {
+        var tab = '';
+
+        if (this.state.selected === 'email_settings') {
+            tab = <EmailTab />;
+        } else if (this.state.selected === 'job_settings') {
+            tab = <JobsTab />;
+        }
+
+        return (
+            <div>
+                <AdminSidebar
+                    selected={this.state.selected}
+                    selectTab={this.selectTab}
+                />
+                <div className='inner__wrap channel__wrap'>
+                    <div className='row header'>
+                        <Navbar teamDisplayName='Admin Console' />
+                    </div>
+                    <div className='row main'>
+                        <div
+                            id='app-content'
+                            className='app__content admin'
+                        >
+                            <div className='wrapper--fixed'>
+                                {tab}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+}