From 5c3bd9b3802e2001a7e77baf2911386135a03839 Mon Sep 17 00:00:00 2001
From: notoraptor <stevenbocco@gmail.com>
Date: Wed, 14 Aug 2019 12:22:22 -0400
Subject: [Web] Integrated new maps on the web interface

- Fixed bug with incorrect dislodged unit on pure map
- [python] Make sure dummy powers are registered only for standard maps.
- Hardcoded supply centers into SVG files.
- Removed supply centers CSS classes.
- Update positions for units and dislodged units on all maps.
- Converted SVGs to React.
- Removed "sym" classes and hardcode related styles into symbol definitions.
- Reordered map list (standard at top, then other ones in alphabetical order)
- Displayed + button for all maps and disable it for maps without variants.
- Minified generated code when converting SVG files to React.
- [web] Added ability to hide/display map abbreviations.
---
 .../gui/wizards/gameCreation/panelChoosePower.js   | 50 ++++++++++++----------
 1 file changed, 28 insertions(+), 22 deletions(-)

(limited to 'diplomacy/web/src/gui/wizards/gameCreation/panelChoosePower.js')

diff --git a/diplomacy/web/src/gui/wizards/gameCreation/panelChoosePower.js b/diplomacy/web/src/gui/wizards/gameCreation/panelChoosePower.js
index 1463805..8258acd 100644
--- a/diplomacy/web/src/gui/wizards/gameCreation/panelChoosePower.js
+++ b/diplomacy/web/src/gui/wizards/gameCreation/panelChoosePower.js
@@ -41,29 +41,35 @@ export class PanelChoosePower extends React.Component {
                         </button>
                     </div>
                 </div>
-                <div className="d-flex flex-row justify-content-center my-2">
-                    {(() => {
-                        const choice = [];
-                        for (let i = 0; i < this.props.powers.length; ++i) {
-                            choice.push(
-                                <button key={i} type="button"
-                                        className={`btn btn-secondary btn-sm flex-grow-1 ${i === 0 ? '' : 'ml-sm-1'}`}
-                                        onClick={() => {
-                                            this.props.onUpdateParams({power_name: this.props.powers[i]});
-                                            this.props.forward();
-                                        }}>
-                                    {this.props.powers[i]}
-                                </button>
-                            );
-                        }
-                        return choice;
-                    })()}
+                <div className="row">
+                    <div className="col">
+                        <div className="d-flex flex-row justify-content-center my-2">
+                            {(() => {
+                                const choice = [];
+                                for (let i = 0; i < this.props.powers.length; ++i) {
+                                    choice.push(
+                                        <button key={i} type="button"
+                                                className={`btn btn-secondary btn-sm flex-grow-1 ${i === 0 ? '' : 'ml-sm-1'}`}
+                                                onClick={() => {
+                                                    this.props.onUpdateParams({power_name: this.props.powers[i]});
+                                                    this.props.forward();
+                                                }}>
+                                            {this.props.powers[i]}
+                                        </button>
+                                    );
+                                }
+                                return choice;
+                            })()}
+                        </div>
+                    </div>
                 </div>
-                <div>
-                    <button type="button" className="btn btn-secondary btn-sm px-3"
-                            onClick={() => this.props.backward()}>
-                        <Octicon icon={ArrowLeft}/>
-                    </button>
+                <div className="row">
+                    <div className="col">
+                        <button type="button" className="btn btn-secondary btn-sm px-3"
+                                onClick={() => this.props.backward()}>
+                            <Octicon icon={ArrowLeft}/>
+                        </button>
+                    </div>
                 </div>
             </FancyBox>
         );
-- 
cgit v1.2.3