From 2701df1e3b03c7c605ccf212a02987d53fbd0609 Mon Sep 17 00:00:00 2001
From: notoraptor <notoraptor@users.noreply.github.com>
Date: Wed, 17 Jul 2019 15:16:43 -0400
Subject: [web] Make button "Delete all" remove only orders from current se…
(#49)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
- 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.
---
diplomacy/web/src/gui/components/tabs.jsx | 69 +++++++++++++++++++++++++++++++
1 file changed, 69 insertions(+)
create mode 100644 diplomacy/web/src/gui/components/tabs.jsx
(limited to 'diplomacy/web/src/gui/components/tabs.jsx')
diff --git a/diplomacy/web/src/gui/components/tabs.jsx b/diplomacy/web/src/gui/components/tabs.jsx
new file mode 100644
index 0000000..a3f6b9b
--- /dev/null
+++ b/diplomacy/web/src/gui/components/tabs.jsx
@@ -0,0 +1,69 @@
+// ==============================================================================
+// 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 {Action} from "./action";
+import PropTypes from 'prop-types';
+
+export class Tabs extends React.Component {
+ /** PROPERTIES
+ * active: index of active menu (must be > menu.length).
+ * highlights: dictionary mapping a menu indice to a highlight message
+ * onChange: callback(index): receive index of menu to display.
+ * **/
+
+ generateTabAction(tabTitle, tabId, isActive, onChange, highlight) {
+ return <Action isActive={isActive}
+ title={tabTitle}
+ onClick={() => onChange(tabId)}
+ highlight={highlight}
+ key={tabId}/>;
+ }
+
+ render() {
+ if (!this.props.menu.length)
+ throw new Error(`No tab menu given.`);
+ if (this.props.menu.length !== this.props.titles.length)
+ throw new Error(`Menu length (${this.props.menu.length}) != titles length (${this.props.titles.length})`);
+ if (this.props.active && !this.props.menu.includes(this.props.active))
+ throw new Error(`Invalid active tab name, got ${this.props.active}, expected one of: ${this.props.menu.join(', ')}`);
+ const active = this.props.active || this.props.menu[0];
+ return (
+ <div className={'tabs mb-3'}>
+ <nav className={'tabs-bar nav nav-tabs justify-content-center mb-3'}>
+ {this.props.menu.map((tabName, index) => this.generateTabAction(
+ this.props.titles[index], tabName, active === tabName, this.props.onChange,
+ (this.props.highlights.hasOwnProperty(tabName) && this.props.highlights[tabName]) || null
+ ))}
+ </nav>
+ {this.props.children}
+ </div>
+ );
+ }
+}
+
+Tabs.propTypes = {
+ menu: PropTypes.arrayOf(PropTypes.string).isRequired, // tab names
+ titles: PropTypes.arrayOf(PropTypes.string).isRequired, // tab titles
+ onChange: PropTypes.func.isRequired, // callback(tab name)
+ children: PropTypes.array.isRequired,
+ active: PropTypes.string, // current active tab name
+ highlights: PropTypes.object, // {tab name => highligh message (optional)}
+};
+
+Tabs.defaultProps = {
+ highlights: {}
+};
--
cgit v1.2.3