1 files changed, 70 insertions, 0 deletions
diff --git a/diplomacy/web/src/gui/forms/find_form.jsx b/diplomacy/web/src/gui/forms/find_form.jsx
new file mode 100644
index 0000000..2d67aba
--- /dev/null
+++ b/diplomacy/web/src/gui/forms/find_form.jsx
@@ -0,0 +1,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
+};