From a124a8d91e782d6253a6b7f333c5b23b3ed72f59 Mon Sep 17 00:00:00 2001
From: Markus Grigull <web@grigull.me>
Date: Wed, 6 Jun 2018 13:20:45 +0200
Subject: [PATCH] Make parameters editor abstract from simulation model

---
 src/components/parameters-editor.js | 10 +---------
 src/containers/simulation-model.js  | 13 +++++++++++--
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/components/parameters-editor.js b/src/components/parameters-editor.js
index 4f6aa11..1ce9dea 100644
--- a/src/components/parameters-editor.js
+++ b/src/components/parameters-editor.js
@@ -53,12 +53,7 @@ class ParametersEditor extends React.Component {
             border: '1px solid lightgray'
         };
 
-        return <div>
-            <Col componentClass={ControlLabel} sm={3} md={2}>
-                {this.props.name}
-            </Col>
-            
-            <Col sm={9} md={10} style={containerStyle}>
+        return <div style={containerStyle}>
                 <JsonView
                     src={this.props.content}
                     name={false}
@@ -67,19 +62,16 @@ class ParametersEditor extends React.Component {
                     onEdit={this.onEdit}
                     onDelete={this.onDelete}
                 />
-            </Col>
         </div>;
     }
 }
 
 ParametersEditor.PropTypes = {
-    name: PropTypes.string,
     content: PropTypes.object,
     onChange: PropTypes.func
 };
 
 ParametersEditor.defaultProps = {
-    name: "Parameters",
     content: {}
 };
 
diff --git a/src/containers/simulation-model.js b/src/containers/simulation-model.js
index 14963c2..975b9e6 100644
--- a/src/containers/simulation-model.js
+++ b/src/containers/simulation-model.js
@@ -21,7 +21,7 @@
 
 import React from 'react';
 import { Container } from 'flux/utils';
-import { Button, Col, Form } from 'react-bootstrap';
+import { Button, Col, Form, ControlLabel } from 'react-bootstrap';
 
 import SimulationModelStore from '../stores/simulation-model-store';
 import UserStore from '../stores/user-store';
@@ -139,7 +139,16 @@ class SimulationModel extends React.Component {
 
                     <SelectFile disabled type='configuration' name='Configuration' onChange={this.handleConfigurationChange} value={this.state.simulationModel.configuration} />
 
-                    <ParametersEditor name='Start Parameters' content={this.state.simulationModel.startParameters} onChange={this.handleStartParametersChange} />
+                    <div>
+                        <Col componentClass={ControlLabel} sm={3} md={2}>
+                            Start Parameters                            
+                        </Col>
+                        
+                        <Col sm={9} md={10}>
+                            <ParametersEditor content={this.state.simulationModel.startParameters} onChange={this.handleStartParametersChange} />
+                        </Col>
+                    </div>
+                    
                 </Col>
 
                 <Col xs={12} sm={6}>