Initial commit

2018-08-30 17:25:33 +03:00
commit ed4077a969
91 changed files with 48004 additions and 0 deletions
--- a/client/src/components/Header/index.js
+++ b/client/src/components/Header/index.js
@@ -0,0 +1,75 @@
+import React, { Component } from 'react';
+import { Link } from 'react-router-dom';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+
+import Menu from './Menu';
+import Version from './Version';
+import logo from './logo.svg';
+import './Header.css';
+
+class Header extends Component {
+    state = {
+        isMenuOpen: false,
+        isDropdownOpen: false,
+    };
+
+    toggleMenuOpen = () => {
+        this.setState(prevState => ({ isMenuOpen: !prevState.isMenuOpen }));
+    };
+
+    closeMenu = () => {
+        this.setState({ isMenuOpen: false });
+    };
+
+    render() {
+        const { dashboard } = this.props;
+        const badgeClass = classnames({
+            'badge dns-status': true,
+            'badge-success': dashboard.isCoreRunning,
+            'badge-danger': !dashboard.isCoreRunning,
+        });
+
+        return (
+            <div className="header">
+                <div className="container">
+                    <div className="row align-items-center">
+                        <div className="header-toggler d-lg-none ml-2 ml-lg-0 collapsed" onClick={this.toggleMenuOpen}>
+                            <span className="header-toggler-icon"></span>
+                        </div>
+                        <div className="col col-lg-3">
+                            <div className="d-flex align-items-center">
+                                <Link to="/" className="nav-link pl-0 pr-1">
+                                    <img src={logo} alt="" className="header-brand-img" />
+                                </Link>
+                                {!dashboard.proccessing &&
+                                    <span className={badgeClass}>
+                                        {dashboard.isCoreRunning ? 'ON' : 'OFF'}
+                                    </span>
+                                }
+                            </div>
+                        </div>
+                        <Menu
+                            location={this.props.location}
+                            isMenuOpen={this.state.isMenuOpen}
+                            toggleMenuOpen={this.toggleMenuOpen}
+                            closeMenu={this.closeMenu}
+                        />
+                        <div className="col col-sm-6 col-lg-3">
+                            <Version
+                                { ...this.props.dashboard }
+                            />
+                        </div>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+}
+
+Header.propTypes = {
+    dashboard: PropTypes.object,
+    location: PropTypes.object,
+};
+
+export default Header;