aboutsummaryrefslogtreecommitdiff
path: root/diplomacy/web/src/gui/core/forms.jsx
diff options
context:
space:
mode:
authornotoraptor <notoraptor@users.noreply.github.com>2019-07-17 15:16:43 -0400
committerPhilip Paquette <pcpaquette@gmail.com>2019-07-17 15:16:43 -0400
commit2701df1e3b03c7c605ccf212a02987d53fbd0609 (patch)
treed3637573d8585e32914c33cbd03ec0baf9c68ae3 /diplomacy/web/src/gui/core/forms.jsx
parente9872eea32d4f66b9c7ca8c14d530c18f6c18506 (diff)
[web] Make button "Delete all" remove only orders from current se… (#49)
- Make button "Delete all" remove only orders from current selected power. - Reorganize code - [web] Remove bugged and useless function gameReloaded() from game page. - This function caused error `engine.getPhaseType is not a function` for games with deadlines. - Move function saveGameToDisk into its own file. - [web] Add documentation to methods involved in orders management to help understand what happens. - Move methods getServerOrders() from game GUI component to game engine object. - Rename method onSetNoOrders to onSetEmptyOrdersSet. - Rename property in PowerActionsForm: onNoOrders => onPass. - [web] Update sending orders to send request clearOrders when local orders list is null. - Renamed local file: - components/power_order => power_orders - forms/power_actions_form => power_order_creation_form - Move power orders buttons bar to a separate file: - components/power_orders_actions_bar - [web] Improve messages about local/server defined orders.
Diffstat (limited to 'diplomacy/web/src/gui/core/forms.jsx')
-rw-r--r--diplomacy/web/src/gui/core/forms.jsx116
1 files changed, 0 insertions, 116 deletions
diff --git a/diplomacy/web/src/gui/core/forms.jsx b/diplomacy/web/src/gui/core/forms.jsx
deleted file mode 100644
index da7250d..0000000
--- a/diplomacy/web/src/gui/core/forms.jsx
+++ /dev/null
@@ -1,116 +0,0 @@
-// ==============================================================================
-// 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 {UTILS} from "../../diplomacy/utils/utils";
-import {Button} from "./button";
-
-export class Forms {
- static createOnChangeCallback(component, callback) {
- return (event) => {
- const value = UTILS.html.isCheckBox(event.target) ? event.target.checked : event.target.value;
- const fieldName = UTILS.html.isRadioButton(event.target) ? event.target.name : event.target.id;
- const update = {[fieldName]: value};
- const state = Object.assign({}, component.state, update);
- if (callback)
- callback(state);
- component.setState(state);
- };
- }
-
- static createOnSubmitCallback(component, callback, resetState) {
- return (event) => {
- if (callback)
- callback(Object.assign({}, component.state));
- if (resetState)
- component.setState(resetState);
- event.preventDefault();
- };
- }
-
- static createOnResetCallback(component, onChangeCallback, resetState) {
- return (event) => {
- if (onChangeCallback)
- onChangeCallback(resetState);
- component.setState(resetState);
- if (event && event.preventDefault)
- event.preventDefault();
- };
- }
-
- static getValue(fieldValues, fieldName, defaultValue) {
- return fieldValues.hasOwnProperty(fieldName) ? fieldValues[fieldName] : defaultValue;
- }
-
- static createReset(title, large, onReset) {
- return <Button key={'reset'} title={title || 'reset'} onClick={onReset} pickEvent={true} large={large}/>;
- }
-
- static createSubmit(title, large, onSubmit) {
- return <Button key={'submit'} title={title || 'submit'} onClick={onSubmit} pickEvent={true} large={large}/>;
- }
-
- static createButton(title, fn, color, large) {
- const wrapFn = (event) => {
- fn();
- event.preventDefault();
- };
- return <Button large={large} key={title} color={color} title={title} onClick={wrapFn} pickEvent={true}/>;
- }
-
- static createCheckbox(id, title, value, onChange) {
- const input = <input className={'form-check-input'} key={id} type={'checkbox'} id={id} checked={value}
- onChange={onChange}/>;
- const label = <label className={'form-check-label'} key={`label-${id}`} htmlFor={id}>{title}</label>;
- return [input, label];
- }
-
- static createRadio(name, value, title, currentValue, onChange) {
- const id = `[${name}][${value}]`;
- const input = <input className={'form-check-input'} key={id} type={'radio'}
- name={name} value={value} checked={currentValue === value}
- id={id} onChange={onChange}/>;
- const label = <label className={'form-check-label'} key={`label-${id}`} htmlFor={id}>{title || value}</label>;
- return [input, label];
- }
-
- static createRow(label, input) {
- return (
- <div className={'form-group row'}>
- {label}
- <div className={'col'}>{input}</div>
- </div>
- );
- }
-
- static createLabel(htmFor, title, className) {
- return <label className={className} htmlFor={htmFor}>{title}</label>;
- }
-
- static createColLabel(htmlFor, title) {
- return Forms.createLabel(htmlFor, title, 'col');
- }
-
- static createSelectOptions(values, none) {
- const options = values.slice();
- const components = options.map((option, index) => <option key={index} value={option}>{option}</option>);
- if (none) {
- components.splice(0, 0, [<option key={-1} value={''}>{none === true ? '(none)' : `${none}`}</option>]);
- }
- return components;
- }
-}
-