From 41439eb801c6c8c0a55bcada3eeba3b4a561c663 Mon Sep 17 00:00:00 2001
From: =Corey Hulen <corey@hulen.com>
Date: Thu, 10 Sep 2015 15:44:14 -0700
Subject: Cleaning up html

---
 .../components/admin_console/admin_controller.jsx  | 10 ++++---
 .../components/admin_console/admin_sidebar.jsx     | 33 ++++++++++++++++++++++
 .../components/admin_console/email_settings.jsx    |  2 +-
 .../components/admin_console/jobs_settings.jsx     |  2 +-
 4 files changed, 41 insertions(+), 6 deletions(-)

(limited to 'web/react/components')

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'
-- 
cgit v1.2.3-1-g7c22