164 строки
7.0 KiB
JavaScript
164 строки
7.0 KiB
JavaScript
// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
|
|
// See License.txt for license information.
|
|
|
|
var SidebarHeader = require('../sidebar_header.jsx');
|
|
|
|
export default class AdminSidebar extends React.Component {
|
|
constructor(props) {
|
|
super(props);
|
|
|
|
this.isSelected = this.isSelected.bind(this);
|
|
this.handleClick = this.handleClick.bind(this);
|
|
|
|
this.state = {
|
|
};
|
|
}
|
|
|
|
handleClick(name) {
|
|
this.props.selectTab(name);
|
|
}
|
|
|
|
isSelected(name) {
|
|
if (this.props.selected === name) {
|
|
return 'active';
|
|
}
|
|
|
|
return '';
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<div className='sidebar--left sidebar--collapsable'>
|
|
<div>
|
|
<SidebarHeader
|
|
teamDisplayName='Admin Console'
|
|
teamType='I'
|
|
/>
|
|
<ul className='nav nav-pills nav-stacked'>
|
|
<li>
|
|
<a href='#'
|
|
className='nav__menu-item active'
|
|
>
|
|
<span className='icon fa fa-gear'></span> <span>{'Basic Settings'}</span></a>
|
|
<ul className='nav nav__sub-menu'>
|
|
<li>
|
|
<a
|
|
href='#'
|
|
className={this.isSelected('email_settings')}
|
|
onClick={this.handleClick.bind(null, 'email_settings')}
|
|
>
|
|
{'Email Settings'}
|
|
</a>
|
|
</li>
|
|
<li><a href='#'>{'Other Settings'}</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href='#'
|
|
className='nav__menu-item'
|
|
>
|
|
<span className='icon fa fa-gear'></span> <span>{'Jobs'}</span>
|
|
</a>
|
|
<ul className='nav nav__sub-menu hide'>
|
|
<li>
|
|
<a
|
|
href='#'
|
|
className={this.isSelected('job_settings')}
|
|
onClick={this.handleClick.bind(null, 'job_settings')}
|
|
>
|
|
{'Job Settings'}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href='#'
|
|
className='nav__menu-item'
|
|
>
|
|
<span className='icon fa fa-gear'></span>
|
|
<span>{'Team Settings (306)'}</span>
|
|
<span className='menu-icon--right'>
|
|
<i className='fa fa-plus'></i>
|
|
</span>
|
|
</a>
|
|
<ul className='nav nav__sub-menu hide'>
|
|
<li>
|
|
<a
|
|
href='#'
|
|
className='nav__sub-menu-item active'
|
|
>
|
|
{'Adal '}
|
|
<span className='menu-icon--right menu__close'>{'x'}</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<ul className='nav nav__inner-menu'>
|
|
<li>
|
|
<a
|
|
href='#'
|
|
className='active'
|
|
>
|
|
{'- Users'}
|
|
</a>
|
|
</li>
|
|
<li><a href='#'>{'- View Statistics'}</a></li>
|
|
<li>
|
|
<a href='#'>
|
|
{'- View Audit Log'}
|
|
<span className='badge pull-right small'>{'1'}</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href='#'
|
|
className='nav__sub-menu-item'
|
|
>
|
|
{'Boole '}
|
|
<span className='menu-icon--right menu__close'>{'x'}</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<ul className='nav nav__inner-menu hide'>
|
|
<li>
|
|
<a
|
|
href='#'
|
|
className='active'
|
|
>
|
|
{'- Users'}
|
|
</a>
|
|
</li>
|
|
<li><a href='#'>{'- View Statistics'}</a></li>
|
|
<li>
|
|
<a href='#'>
|
|
{'- View Audit Log'}
|
|
<span className='badge pull-right small'>{'1'}</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<span
|
|
data-toggle='modal'
|
|
data-target='#select-team'
|
|
className='nav-more'
|
|
>
|
|
{'Select a team'}
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
AdminSidebar.propTypes = {
|
|
selected: React.PropTypes.string,
|
|
selectTab: React.PropTypes.func
|
|
}; |