mirror of
https://github.com/OpenFactorioServerManager/factorio-server-manager.git
synced 2025-01-08 04:04:53 +02:00
removed HiddenSidebar
This commit is contained in:
knoxfighter
parent
4683e32b99
commit
af0dfd3614
@ -3,7 +3,6 @@ import {Switch, Route} from 'react-router-dom';
|
||||
import Header from './components/Header.jsx';
|
||||
import Sidebar from './components/Sidebar.jsx';
|
||||
import Footer from './components/Footer.jsx';
|
||||
import HiddenSidebar from './components/HiddenSidebar.jsx';
|
||||
import Socket from '../socket.js';
|
||||
import Index from "./components/Index";
|
||||
import UsersContent from "./components/UsersContent";
|
||||
@ -184,13 +183,6 @@ class App extends React.Component {
|
||||
</Switch>
|
||||
|
||||
<Footer />
|
||||
|
||||
<HiddenSidebar
|
||||
serverStatus={this.state.serverStatus}
|
||||
username={this.state.username}
|
||||
loggedIn={this.state.loggedIn}
|
||||
checkLogin={this.checkLogin}
|
||||
/>
|
||||
</div>
|
||||
} else {
|
||||
resp = <div><p>Not Logged in</p></div>;
|
||||
|
||||
@ -1,202 +0,0 @@
|
||||
import React from 'react';
|
||||
import {NavLink} from 'react-router-dom';
|
||||
import PropTypes from 'prop-types';
|
||||
import FontAwesomeIcon from "./FontAwesomeIcon";
|
||||
|
||||
class HiddenSidebar extends React.Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
}
|
||||
|
||||
capitalizeFirstLetter(string) {
|
||||
return string.charAt(0).toUpperCase() + string.slice(1);
|
||||
}
|
||||
|
||||
render() {
|
||||
var username;
|
||||
if (this.props.loggedIn) {
|
||||
username = <p>{this.props.username}</p>
|
||||
}
|
||||
|
||||
return (
|
||||
<aside id="control-sidebar" className="control-sidebar control-sidebar-dark">
|
||||
<ul className="nav nav-tabs nav-justified control-sidebar-tabs">
|
||||
<li className="active">
|
||||
<a href="control-sidebar-theme-demo-options-tab" data-toggle="tab"><FontAwesomeIcon icon="wrench"/></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#control-sidebar-home-tab" data-toggle="tab"><FontAwesomeIcon icon="home"/></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#control-sidebar-settings-tab" data-toggle="tab"><FontAwesomeIcon icon="cogs"/></a>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="tab-content">
|
||||
<div className="tab-pane" id="control-sidebar-home-tab">
|
||||
<h3 className="control-sidebar-heading">Recent Activity</h3>
|
||||
<ul className="control-sidebar-menu">
|
||||
<li>
|
||||
<NavLink to="/login" activeClassName="active">
|
||||
<FontAwesomeIcon icon="birthday-cake" className="menu-icon bg-red"/>
|
||||
|
||||
<div className="menu-info">
|
||||
<FontAwesomeIcon icon="lock" className="menu-icon bg-green"/>
|
||||
<h4 className="control-sidebar-subheading">Login</h4>
|
||||
</div>
|
||||
</NavLink>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0)">
|
||||
<FontAwesomeIcon icon="lock" className="menu-icon bg-yellow"/>
|
||||
|
||||
<div className="menu-info">
|
||||
<h4 className="control-sidebar-subheading">Logout</h4>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3 className="control-sidebar-heading">Tasks Progress</h3>
|
||||
<div className="table-responsive">
|
||||
<table className="table table-border">
|
||||
<tbody>
|
||||
{Object.keys(this.props.serverStatus).map(function (key) {
|
||||
return (
|
||||
<tr key={key}>
|
||||
<td>{this.capitalizeFirstLetter(key)}</td>
|
||||
<td>{this.props.serverStatus[key]}</td>
|
||||
</tr>
|
||||
)
|
||||
}, this)}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<ul className="control-sidebar-menu">
|
||||
<li>
|
||||
<a href="javascript:void(0)">
|
||||
<h4 className="control-sidebar-subheading">
|
||||
Custom Template Design
|
||||
<span className="label label-danger pull-right">70%</span>
|
||||
</h4>
|
||||
|
||||
<div className="progress progress-xxs">
|
||||
<div className="progress-bar progress-bar-danger"></div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0)">
|
||||
<h4 className="control-sidebar-subheading">
|
||||
Update Resume
|
||||
<span className="label label-success pull-right">95%</span>
|
||||
</h4>
|
||||
|
||||
<div className="progress progress-xxs">
|
||||
<div className="progress-bar progress-bar-success"></div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0)">
|
||||
<h4 className="control-sidebar-subheading">
|
||||
Laravel Integration
|
||||
<span className="label label-warning pull-right">50%</span>
|
||||
</h4>
|
||||
|
||||
<div className="progress progress-xxs">
|
||||
<div className="progress-bar progress-bar-warning"></div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0)">
|
||||
<h4 className="control-sidebar-subheading">
|
||||
Back End Framework
|
||||
<span className="label label-primary pull-right">68%</span>
|
||||
</h4>
|
||||
|
||||
<div className="progress progress-xxs">
|
||||
<div className="progress-bar progress-bar-primary"></div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="tab-pane" id="control-sidebar-settings-tab">
|
||||
<form method="post">
|
||||
<h3 className="control-sidebar-heading">General Settings</h3>
|
||||
|
||||
<div className="form-group">
|
||||
<label className="control-sidebar-subheading">
|
||||
Report panel usage
|
||||
<input type="checkbox" className="pull-right" checked=""/>
|
||||
</label>
|
||||
|
||||
<p>
|
||||
Some information about this general settings option
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="form-group">
|
||||
<label className="control-sidebar-subheading">
|
||||
Allow mail redirect
|
||||
<input type="checkbox" className="pull-right" checked=""/>
|
||||
</label>
|
||||
|
||||
<p>
|
||||
Other sets of options are available
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="form-group">
|
||||
<label className="control-sidebar-subheading">
|
||||
Expose author name in posts
|
||||
<input type="checkbox" className="pull-right" checked=""/>
|
||||
</label>
|
||||
|
||||
<p>
|
||||
Allow the user to show his name in blog posts
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<h3 className="control-sidebar-heading">Chat Settings</h3>
|
||||
|
||||
<div className="form-group">
|
||||
<label className="control-sidebar-subheading">
|
||||
Show me as online
|
||||
<input type="checkbox" className="pull-right" checked=""/>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div className="form-group">
|
||||
<label className="control-sidebar-subheading">
|
||||
Turn off notifications
|
||||
<input type="checkbox" className="pull-right"/>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div className="form-group">
|
||||
<label className="control-sidebar-subheading">
|
||||
Delete chat history
|
||||
<a href="javascript:void(0)" className="text-red pull-right"><i
|
||||
className="far fa-trash-alt"></i></a>
|
||||
</label>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
HiddenSidebar.propTypes = {
|
||||
serverStatus: PropTypes.object.isRequired,
|
||||
username: PropTypes.string.isRequired,
|
||||
loggedIn: PropTypes.bool.isRequired,
|
||||
checkLogin: PropTypes.func.isRequired,
|
||||
}
|
||||
|
||||
|
||||
export default HiddenSidebar
|
||||
Loading…
Reference in New Issue
Block a user