1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
// ==============================================================================
// Copyright (C) 2019 - Philip Paquette, Steven Bocco
//
// This program is free software: you can redistribute it and/or modify it under
// the terms of the GNU Affero General Public License as published by the Free
// Software Foundation, either version 3 of the License, or (at your option) any
// later version.
//
// This program is distributed in the hope that it will be useful, but WITHOUT
// ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
// FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
// details.
//
// You should have received a copy of the GNU Affero General Public License along
// with this program. If not, see <https://www.gnu.org/licenses/>.
// ==============================================================================
import React from 'react';
import {Forms} from "../components/forms";
import {STRINGS} from "../../diplomacy/utils/strings";
import PropTypes from "prop-types";
export class FindForm extends React.Component {
constructor(props) {
super(props);
this.state = this.initState();
}
initState() {
return {
game_id: '',
status: '',
include_protected: false,
for_omniscience: false
};
}
render() {
const onChange = Forms.createOnChangeCallback(this, this.props.onChange);
const onSubmit = Forms.createOnSubmitCallback(this, this.props.onSubmit);
return (
<form>
{Forms.createRow(
Forms.createColLabel('game_id', 'game id (should contain):'),
<input className={'form-control'} id={'game_id'} type={'text'}
value={Forms.getValue(this.state, 'game_id')}
onChange={onChange}/>
)}
{Forms.createRow(
Forms.createColLabel('status', 'status:'),
(<select className={'form-control custom-select'}
id={'status'} value={Forms.getValue(this.state, 'status')} onChange={onChange}>
{Forms.createSelectOptions(STRINGS.ALL_GAME_STATUSES, true)}
</select>)
)}
<div className={'form-check'}>
{Forms.createCheckbox('include_protected', 'include protected games.', Forms.getValue(this.state, 'include_protected'), onChange)}
</div>
<div className={'form-check mb-4'}>
{Forms.createCheckbox('for_omniscience', 'for omniscience.', Forms.getValue(this.state, 'for_omniscience'), onChange)}
</div>
{Forms.createRow('', Forms.createSubmit('find games', true, onSubmit))}
</form>
);
}
}
FindForm.propTypes = {
onChange: PropTypes.func,
onSubmit: PropTypes.func
};
|
