vertical map layout

[alttp.git] / resources / js / components / tracker / ConfigDialog.js

diff --git a/resources/js/components/tracker/ConfigDialog.js b/resources/js/components/tracker/ConfigDialog.js
index ca95ba0d2bfe86a1d1ef05e6bab555a969c58963..2a5fbd68645d367609b46de019536653a4e67c7d 100644 (file)
--- a/resources/js/components/tracker/ConfigDialog.js
+++ b/resources/js/components/tracker/ConfigDialog.js
@@ -35,9 +35,9 @@ const ConfigDialog = ({
                                                <Form.Label>{t('tracker.config.worldState')}</Form.Label>
                                                <Form.Select
                                                        className="w-auto"
-                                                       name="world-state"
+                                                       name="worldState"
                                                        onChange={handleChange}
-                                                       value={getConfigValue(config, 'world-state', 'open')}
+                                                       value={getConfigValue(config, 'worldState', 'open')}
                                                >
                                                        {['open', 'inverted'].map(n =>
                                                                <option key={n} value={n}>
@@ -279,6 +279,29 @@ const ConfigDialog = ({
                                        </Form.Group>
                                </Col>
                        </Row>
+                       <Row>
+                               <Col sm={6}>
+                                       <h3>{t('tracker.config.layout')}</h3>
+                                       <Form.Group
+                                               className="d-flex justify-content-between my-2"
+                                               controlId="tracker.mapLayout"
+                                       >
+                                               <Form.Label>{t('tracker.config.mapLayout')}</Form.Label>
+                                               <Form.Select
+                                                       className="w-auto"
+                                                       name="mapLayout"
+                                                       onChange={handleChange}
+                                                       value={getConfigValue(config, 'mapLayout', 'horizontal')}
+                                               >
+                                                       {['horizontal', 'vertical'].map(n =>
+                                                               <option key={n} value={n}>
+                                                                       {t(`tracker.config.mapLayouts.${n}`)}
+                                                               </option>
+                                                       )}
+                                               </Form.Select>
+                                       </Form.Group>
+                               </Col>
+                       </Row>
                </Modal.Body>
        </Modal>;
 };