summaryrefslogtreecommitdiffstats
path: root/web/react/components/admin_console/admin_sidebar.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'web/react/components/admin_console/admin_sidebar.jsx')
-rw-r--r--web/react/components/admin_console/admin_sidebar.jsx55
1 files changed, 7 insertions, 48 deletions
diff --git a/web/react/components/admin_console/admin_sidebar.jsx b/web/react/components/admin_console/admin_sidebar.jsx
index 855da398b..a6e689490 100644
--- a/web/react/components/admin_console/admin_sidebar.jsx
+++ b/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>