PLT-11 adding config for logs to UI

web/react/components/admin_console/admin_sidebar.jsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
 // See License.txt for license information.
 
-var SidebarHeader = require('../sidebar_header.jsx');
+var AdminSidebarHeader = require('./admin_sidebar_header.jsx');
 
 export default class AdminSidebar extends React.Component {
     constructor(props) {
@@ -14,7 +14,8 @@ export default class AdminSidebar extends React.Component {
         };
     }
 
-    handleClick(name) {
+    handleClick(name, e) {
+        e.preventDefault();
         this.props.selectTab(name);
     }
 
@@ -27,46 +28,13 @@ export default class AdminSidebar extends React.Component {
     }
 
     componentDidMount() {
-        // $('.nav__menu-item').on('click', function clickme(e) {
-        //     e.preventDefault();
-        //     $(this).closest('.sidebar--collapsable').find('.nav__menu-item').removeClass('active');
-        //     $(this).addClass('active');
-        //     $(this).closest('.sidebar--collapsable').find('.nav__sub-menu').addClass('hide');
-        //     $(this).next('.nav__sub-menu').removeClass('hide');
-        // });
-
-        // $('.nav__sub-menu a').on('click', function clickme(e) {
-        //     e.preventDefault();
-        //     $(this).closest('.nav__sub-menu').find('a').removeClass('active');
-        //     $(this).addClass('active');
-        // });
-
-        // $('.nav__sub-menu-item').on('click', function clickme(e) {
-        //     e.preventDefault();
-        //     $(this).closest('.sidebar--collapsable').find('.nav__inner-menu').addClass('hide');
-        //     $(this).closest('li').next('li').find('.nav__inner-menu').removeClass('hide');
-        //     $(this).closest('li').next('li').find('.nav__inner-menu li:first a').addClass('active');
-        // });
-
-        // $('.nav__inner-menu a').on('click', function clickme() {
-        //     $(this).closest('.nav__inner-menu').closest('li').prev('li').find('a').addClass('active');
-        // });
-
-        // $('.nav__sub-menu .menu__close').on('click', function close() {
-        //     var menuItem = $(this).closest('li');
-        //     menuItem.next('li').remove();
-        //     menuItem.remove();
-        // });
     }
 
     render() {
         return (
             <div className='sidebar--left sidebar--collapsable'>
                 <div>
-                    <SidebarHeader
-                        teamDisplayName='Admin Console'
-                        teamType='I'
-                    />
+                    <AdminSidebarHeader />
                     <ul className='nav nav-pills nav-stacked'>
                         <li>
                             <ul className='nav nav__sub-menu'>
@@ -74,7 +42,7 @@ export default class AdminSidebar extends React.Component {
                                     <a
                                         href='#'
                                         className={this.isSelected('email_settings')}
-                                        onClick={this.handleClick.bind(null, 'email_settings')}
+                                        onClick={this.handleClick.bind(this, 'email_settings')}
                                     >
                                         {'Email Settings'}
                                     </a>
@@ -83,7 +51,7 @@ export default class AdminSidebar extends React.Component {
                                     <a
                                         href='#'
                                         className={this.isSelected('log_settings')}
-                                        onClick={this.handleClick.bind(null, 'log_settings')}
+                                        onClick={this.handleClick.bind(this, 'log_settings')}
                                     >
                                         {'Log Settings'}
                                     </a>
@@ -92,20 +60,11 @@ export default class AdminSidebar extends React.Component {
                                     <a
                                         href='#'
                                         className={this.isSelected('logs')}
-                                        onClick={this.handleClick.bind(null, 'logs')}
+                                        onClick={this.handleClick.bind(this, 'logs')}
                                     >
                                         {'Logs'}
                                     </a>
                                 </li>
-                                <li>
-                                    <a
-                                        href='#'
-                                        className={this.isSelected('job_settings')}
-                                        onClick={this.handleClick.bind(null, 'job_settings')}
-                                    >
-                                        {'Job Settings'}
-                                    </a>
-                                </li>
                             </ul>
                         </li>
                     </ul>