mirror of
https://github.com/Cockatrice/Cockatrice.git
synced 2026-04-27 07:48:01 -07:00
Webatrice updates (#4366)
This commit is contained in:
Jeremy Letto
GitHub
parent
8db9475804
commit
0d05f9097d
14 changed files with 5517 additions and 20090 deletions
|
|
@ -1,39 +1,37 @@
|
|||
// eslint-disable-next-line
|
||||
import React, { Component } from "react";
|
||||
import { connect } from "react-redux";
|
||||
import { Form, Field, InjectedFormProps, reduxForm } from "redux-form"
|
||||
import { Form, Field, reduxForm } from "redux-form"
|
||||
|
||||
import Button from "@material-ui/core/Button";
|
||||
import { InputField } from "../../components";
|
||||
|
||||
import { InputField } from "components";
|
||||
import { FormKey } from 'types';
|
||||
|
||||
import "./ConnectForm.css";
|
||||
|
||||
class ConnectForm extends Component<InjectedFormProps> {
|
||||
render() {
|
||||
return (
|
||||
<Form className="connectForm" onSubmit={this.props.handleSubmit}>
|
||||
<div className="connectForm-item">
|
||||
<Field label="Host" name="host" component={InputField} />
|
||||
</div>
|
||||
<div className="connectForm-item">
|
||||
<Field label="Port" name="port" component={InputField} />
|
||||
</div>
|
||||
<div className="connectForm-item">
|
||||
<Field label="User" name="user" component={InputField} autoComplete="username" />
|
||||
</div>
|
||||
<div className="connectForm-item">
|
||||
<Field label="Pass" name="pass" type="password" component={InputField} autoComplete="current-password" />
|
||||
</div>
|
||||
<Button className="connectForm-submit" color="primary" variant="contained" type="submit">
|
||||
Connect
|
||||
</Button>
|
||||
</Form>
|
||||
);
|
||||
}
|
||||
}
|
||||
const ConnectForm = ({ handleSubmit }) => (
|
||||
<Form className="connectForm" onSubmit={handleSubmit}>
|
||||
<div className="connectForm-item">
|
||||
<Field label="Host" name="host" component={InputField} />
|
||||
</div>
|
||||
<div className="connectForm-item">
|
||||
<Field label="Port" name="port" component={InputField} />
|
||||
</div>
|
||||
<div className="connectForm-item">
|
||||
<Field label="User" name="user" component={InputField} autoComplete="username" />
|
||||
</div>
|
||||
<div className="connectForm-item">
|
||||
<Field label="Pass" name="pass" type="password" component={InputField} autoComplete="current-password" />
|
||||
</div>
|
||||
<Button className="connectForm-submit" color="primary" variant="contained" type="submit">
|
||||
Connect
|
||||
</Button>
|
||||
</Form>
|
||||
);
|
||||
|
||||
const propsMap = {
|
||||
form: "connect"
|
||||
form: FormKey.CONNECT
|
||||
};
|
||||
|
||||
const mapStateToProps = () => ({
|
||||
|
|
|
|||
|
|
@ -1,52 +1,49 @@
|
|||
// eslint-disable-next-line
|
||||
import React, { Component } from 'react';
|
||||
import { connect } from 'react-redux';
|
||||
import { Form, Field, InjectedFormProps, reduxForm } from 'redux-form'
|
||||
import { Form, Field, reduxForm } from 'redux-form'
|
||||
|
||||
import Button from '@material-ui/core/Button';
|
||||
|
||||
import { InputField } from '../../components';
|
||||
import { InputField } from 'components';
|
||||
import { FormKey } from 'types';
|
||||
|
||||
import './RegisterForm.css';
|
||||
|
||||
class RegisterForm extends Component<InjectedFormProps> {
|
||||
render() {
|
||||
return (
|
||||
<Form className="registerForm" onSubmit={this.props.handleSubmit} autoComplete="off">
|
||||
<div className="registerForm-item">
|
||||
<Field label="Host" name="host" component={InputField} />
|
||||
</div>
|
||||
<div className="registerForm-item">
|
||||
<Field label="Port" name="port" component={InputField} />
|
||||
</div>
|
||||
<div className="registerForm-item">
|
||||
<Field label="Player Name" name="userName" component={InputField} />
|
||||
</div>
|
||||
<div className="registerForm-item">
|
||||
<Field label="Password" name="password" type="password" component={InputField} />
|
||||
</div>
|
||||
<div className="registerForm-item">
|
||||
<Field label="Password (again)" name="passwordConfirm" type="password" component={InputField} />
|
||||
</div>
|
||||
<div className="registerForm-item">
|
||||
<Field label="Email" name="email" type="email" component={InputField} />
|
||||
</div>
|
||||
<div className="registerForm-item">
|
||||
<Field label="Email (again)" name="emailConfirm" type="email" component={InputField} />
|
||||
</div>
|
||||
<div className="registerForm-item">
|
||||
<Field label="Real Name" name="realName" component={InputField} />
|
||||
</div>
|
||||
<Button className="registerForm-submit" color="primary" variant="contained" type="submit">
|
||||
Register
|
||||
</Button>
|
||||
</Form>
|
||||
);
|
||||
}
|
||||
}
|
||||
const RegisterForm = ({ handleSubmit }) => (
|
||||
<Form className="registerForm" onSubmit={handleSubmit} autoComplete="off">
|
||||
<div className="registerForm-item">
|
||||
<Field label="Host" name="host" component={InputField} />
|
||||
</div>
|
||||
<div className="registerForm-item">
|
||||
<Field label="Port" name="port" component={InputField} />
|
||||
</div>
|
||||
<div className="registerForm-item">
|
||||
<Field label="Player Name" name="userName" component={InputField} />
|
||||
</div>
|
||||
<div className="registerForm-item">
|
||||
<Field label="Password" name="password" type="password" component={InputField} />
|
||||
</div>
|
||||
<div className="registerForm-item">
|
||||
<Field label="Password (again)" name="passwordConfirm" type="password" component={InputField} />
|
||||
</div>
|
||||
<div className="registerForm-item">
|
||||
<Field label="Email" name="email" type="email" component={InputField} />
|
||||
</div>
|
||||
<div className="registerForm-item">
|
||||
<Field label="Email (again)" name="emailConfirm" type="email" component={InputField} />
|
||||
</div>
|
||||
<div className="registerForm-item">
|
||||
<Field label="Real Name" name="realName" component={InputField} />
|
||||
</div>
|
||||
<Button className="registerForm-submit" color="primary" variant="contained" type="submit">
|
||||
Register
|
||||
</Button>
|
||||
</Form>
|
||||
);
|
||||
|
||||
const propsMap = {
|
||||
form: 'register'
|
||||
form: FormKey.REGISTER,
|
||||
};
|
||||
|
||||
const mapStateToProps = () => ({
|
||||
|
|
|
|||
|
|
@ -1,62 +1,59 @@
|
|||
// eslint-disable-next-line
|
||||
import React, { Component } from "react";
|
||||
import { connect } from "react-redux";
|
||||
import { Form, Field, InjectedFormProps, reduxForm } from "redux-form"
|
||||
import { Form, Field, reduxForm } from "redux-form"
|
||||
|
||||
import Button from "@material-ui/core/Button";
|
||||
import Divider from "@material-ui/core/Divider";
|
||||
import Paper from "@material-ui/core/Paper";
|
||||
|
||||
import { InputField, CheckboxField } from "../../components";
|
||||
import { InputField, CheckboxField } from "components";
|
||||
import { FormKey } from "types";
|
||||
|
||||
import "./SearchForm.css";
|
||||
|
||||
class SearchForm extends Component<InjectedFormProps> {
|
||||
render() {
|
||||
return (
|
||||
<Paper className="log-search">
|
||||
<Form className="log-search__form" onSubmit={this.props.handleSubmit}>
|
||||
<div className="log-search__form-item">
|
||||
<Field label="Username" name="userName" component={InputField} />
|
||||
</div>
|
||||
<div className="log-search__form-item">
|
||||
<Field label="IP Address" name="ipAddress" component={InputField} />
|
||||
</div>
|
||||
<div className="log-search__form-item">
|
||||
<Field label="Game Name" name="gameName" component={InputField} />
|
||||
</div>
|
||||
<div className="log-search__form-item">
|
||||
<Field label="GameID" name="gameId" component={InputField} />
|
||||
</div>
|
||||
<div className="log-search__form-item">
|
||||
<Field label="Message" name="message" component={InputField} />
|
||||
</div>
|
||||
<Divider />
|
||||
<div className="log-search__form-item log-location">
|
||||
<Field label="Rooms" name="logLocation.room" component={CheckboxField} />
|
||||
<Field label="Games" name="logLocation.game" component={CheckboxField} />
|
||||
<Field label="Chats" name="logLocation.chat" component={CheckboxField} />
|
||||
</div>
|
||||
<Divider />
|
||||
<div className="log-search__form-item">
|
||||
<span>Date Range: Coming Soon</span>
|
||||
</div>
|
||||
<Divider />
|
||||
<div className="log-search__form-item">
|
||||
<span>Maximum Results: 1000</span>
|
||||
</div>
|
||||
<Divider />
|
||||
<Button className="log-search__form-submit" color="primary" variant="contained" type="submit">
|
||||
Search Logs
|
||||
</Button>
|
||||
</Form>
|
||||
</Paper>
|
||||
)
|
||||
}
|
||||
}
|
||||
const SearchForm = ({ handleSubmit }) => (
|
||||
<Paper className="log-search">
|
||||
<Form className="log-search__form" onSubmit={handleSubmit}>
|
||||
<div className="log-search__form-item">
|
||||
<Field label="Username" name="userName" component={InputField} />
|
||||
</div>
|
||||
<div className="log-search__form-item">
|
||||
<Field label="IP Address" name="ipAddress" component={InputField} />
|
||||
</div>
|
||||
<div className="log-search__form-item">
|
||||
<Field label="Game Name" name="gameName" component={InputField} />
|
||||
</div>
|
||||
<div className="log-search__form-item">
|
||||
<Field label="GameID" name="gameId" component={InputField} />
|
||||
</div>
|
||||
<div className="log-search__form-item">
|
||||
<Field label="Message" name="message" component={InputField} />
|
||||
</div>
|
||||
<Divider />
|
||||
<div className="log-search__form-item log-location">
|
||||
<Field label="Rooms" name="logLocation.room" component={CheckboxField} />
|
||||
<Field label="Games" name="logLocation.game" component={CheckboxField} />
|
||||
<Field label="Chats" name="logLocation.chat" component={CheckboxField} />
|
||||
</div>
|
||||
<Divider />
|
||||
<div className="log-search__form-item">
|
||||
<span>Date Range: Coming Soon</span>
|
||||
</div>
|
||||
<Divider />
|
||||
<div className="log-search__form-item">
|
||||
<span>Maximum Results: 1000</span>
|
||||
</div>
|
||||
<Divider />
|
||||
<Button className="log-search__form-submit" color="primary" variant="contained" type="submit">
|
||||
Search Logs
|
||||
</Button>
|
||||
</Form>
|
||||
</Paper>
|
||||
);
|
||||
|
||||
const propsMap = {
|
||||
form: "logs"
|
||||
form: FormKey.SEARCH_LOGS,
|
||||
};
|
||||
|
||||
const mapStateToProps = () => ({
|
||||
|
|
@ -64,4 +61,3 @@ const mapStateToProps = () => ({
|
|||
});
|
||||
|
||||
export default connect(mapStateToProps)(reduxForm(propsMap)(SearchForm));
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
export { default as ConnectForm } from './ConnectForm/ConnectForm';
|
||||
export { default as RegisterForm } from './RegisterForm/RegisterForm';
|
||||
export { default as SearchForm } from './SearchForm/SearchForm';
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue