PLT-2257 Reorganized System Console (#3003)

* Reorganized system console

* Fixed the names of some components

* Fixed timestamp for BrandImageSetting

* Fixed merge issues

* Updated push notification settings to match master branch

* Removed top level setting pages and moved enable Gitlab/LDAP settings onto their respective pages

* Re-added restrictDirectMessage setting to system console

* Re-added email connection test and fixed some margins

* Fixed ESLint errors

* Renamed Authentication > Onboarding to Authentication > Email in the system console

* Renamed Customization > Whitelabeling to Customization > Custom Branding in System Console

* Re-added EnableOpenServer to system console

1 files changed, 83 insertions, 0 deletions

diff --git a/webapp/components/admin_console/admin_sidebar_category.jsx b/webapp/components/admin_console/admin_sidebar_category.jsx
new file mode 100644
index 000000000..c31c84ff7
--- /dev/null
+++ b/webapp/components/admin_console/admin_sidebar_category.jsx
@@ -0,0 +1,83 @@
+// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+import React from 'react';
+
+import {Link} from 'react-router';
+
+export default class AdminSidebarCategory extends React.Component {
+    static get propTypes() {
+        return {
+            name: React.PropTypes.string,
+            title: React.PropTypes.node.isRequired,
+            icon: React.PropTypes.string.isRequired,
+            parentLink: React.PropTypes.string,
+            children: React.PropTypes.node,
+            action: React.PropTypes.node
+        };
+    }
+
+    static get defaultProps() {
+        return {
+            parentLink: ''
+        };
+    }
+
+    static get contextTypes() {
+        return {
+            router: React.PropTypes.object.isRequired
+        };
+    }
+
+    render() {
+        let link = this.props.parentLink;
+        let title = (
+            <div className='category-title category-title--active'>
+                <i className={'category-icon fa ' + this.props.icon}/>
+                <span className='category-title__text'>
+                    {this.props.title}
+                </span>
+                {this.props.action}
+            </div>
+        );
+
+        if (this.props.name) {
+            link += '/' + name;
+            title = (
+                <Link
+                    to={link}
+                    className='category-title'
+                    activeClassName='category-title category-title--active'
+                >
+                    {title}
+                </Link>
+            );
+        }
+
+        let clonedChildren = null;
+        if (this.props.children && this.context.router.isActive(link)) {
+            clonedChildren = (
+                <ul className='sections'>
+                    {
+                        React.Children.map(this.props.children, (child) => {
+                            if (child === null) {
+                                return null;
+                            }
+
+                            return React.cloneElement(child, {
+                                parentLink: link
+                            });
+                        })
+                    }
+                </ul>
+            );
+        }
+
+        return (
+            <li className='sidebar-category'>
+                {title}
+                {clonedChildren}
+            </li>
+        );
+    }
+}