diff options
author | =Corey Hulen <corey@hulen.com> | 2015-09-10 15:44:14 -0700 |
---|---|---|
committer | =Corey Hulen <corey@hulen.com> | 2015-09-10 15:44:14 -0700 |
commit | 41439eb801c6c8c0a55bcada3eeba3b4a561c663 (patch) | |
tree | 57dac350079e02ee4688d2447004b065d3a9a2ee /web/react/components/admin_console | |
parent | 83b04181da84d0456dfa02b8d52953eb3fd3d7d1 (diff) | |
download | chat-41439eb801c6c8c0a55bcada3eeba3b4a561c663.tar.gz chat-41439eb801c6c8c0a55bcada3eeba3b4a561c663.tar.bz2 chat-41439eb801c6c8c0a55bcada3eeba3b4a561c663.zip |
Cleaning up html
Diffstat (limited to 'web/react/components/admin_console')
4 files changed, 41 insertions, 6 deletions
diff --git a/web/react/components/admin_console/admin_controller.jsx b/web/react/components/admin_console/admin_controller.jsx index b069f6432..bb43af802 100644 --- a/web/react/components/admin_console/admin_controller.jsx +++ b/web/react/components/admin_console/admin_controller.jsx @@ -31,7 +31,11 @@ export default class AdminController extends React.Component { } return ( - <div> + <div className='container-fluid'> + <div + className='sidebar--menu' + id='sidebar-menu' + /> <AdminSidebar selected={this.state.selected} selectTab={this.selectTab} @@ -45,9 +49,7 @@ export default class AdminController extends React.Component { id='app-content' className='app__content admin' > - <div className='wrapper--fixed'> - {tab} - </div> + {tab} </div> </div> </div> diff --git a/web/react/components/admin_console/admin_sidebar.jsx b/web/react/components/admin_console/admin_sidebar.jsx index 64a99b1f4..6b3be89d0 100644 --- a/web/react/components/admin_console/admin_sidebar.jsx +++ b/web/react/components/admin_console/admin_sidebar.jsx @@ -26,6 +26,39 @@ export default class AdminSidebar extends React.Component { return ''; } + 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'> diff --git a/web/react/components/admin_console/email_settings.jsx b/web/react/components/admin_console/email_settings.jsx index 59475dc94..3c53a8ee1 100644 --- a/web/react/components/admin_console/email_settings.jsx +++ b/web/react/components/admin_console/email_settings.jsx @@ -11,7 +11,7 @@ export default class EmailSettings extends React.Component { render() { return ( - <div> + <div className='wrapper--fixed'> <h3>{'Email Settings'}</h3> <form className='form-horizontal' diff --git a/web/react/components/admin_console/jobs_settings.jsx b/web/react/components/admin_console/jobs_settings.jsx index c36d20df7..34ec9693d 100644 --- a/web/react/components/admin_console/jobs_settings.jsx +++ b/web/react/components/admin_console/jobs_settings.jsx @@ -11,7 +11,7 @@ export default class Jobs extends React.Component { render() { return ( - <div> + <div className='wrapper--fixed'> <h3>{' ************** JOB Settings'}</h3> <form className='form-horizontal' |