diff --git a/src/containers/select-file.js b/src/containers/select-file.js
index 1461989..47613d9 100644
--- a/src/containers/select-file.js
+++ b/src/containers/select-file.js
@@ -21,7 +21,7 @@
import React from 'react';
import { Container } from 'flux/utils';
-import { FormGroup, FormControl, ControlLabel, Button, ProgressBar } from 'react-bootstrap';
+import { FormGroup, FormControl, ControlLabel, Button, ProgressBar, Col } from 'react-bootstrap';
import FileStore from '../stores/file-store';
import UserStore from '../stores/user-store';
@@ -39,7 +39,7 @@ class SelectFile extends React.Component {
sessionToken: UserStore.getState().token,
selectedFile: '',
uploadFile: null,
- uploadProgress: 0
+ uploadProgress: 100
};
}
@@ -111,21 +111,41 @@ class SelectFile extends React.Component {
);
- return
+ const divStyle = {
+
+ };
+
+ return
- {this.props.name}
-
- {fileOptions}
-
+
+ {this.props.name}
+
+
+
+
+ {fileOptions}
+
+
- Upload {this.props.name}
-
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+
;
}
}
diff --git a/src/containers/select-simulator.js b/src/containers/select-simulator.js
index 3df40ad..ad42000 100644
--- a/src/containers/select-simulator.js
+++ b/src/containers/select-simulator.js
@@ -21,7 +21,7 @@
import React from 'react';
import { Container } from 'flux/utils';
-import { FormGroup, FormControl, ControlLabel } from 'react-bootstrap';
+import { FormGroup, FormControl, ControlLabel, Col } from 'react-bootstrap';
import _ from 'lodash';
import SimulatorStore from '../stores/simulator-store';
@@ -72,10 +72,15 @@ class SelectSimulator extends React.Component {
);
return
- Simulator
-
- {simulatorOptions}
-
+
+ Simulator
+
+
+
+
+ {simulatorOptions}
+
+
;
}
}
diff --git a/src/containers/simulation-model.js b/src/containers/simulation-model.js
index f2558db..a1929d2 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 } from 'react-bootstrap';
+import { Button, Col, Form } from 'react-bootstrap';
import SimulationModelStore from '../stores/simulation-model-store';
import UserStore from '../stores/user-store';
@@ -78,25 +78,40 @@ class SimulationModel extends React.Component {
console.log(signals);
}
+ handleInputMappingChange = (length, signals) => {
+ console.log(length);
+ console.log(signals);
+ }
+
render() {
+ const sectionStyle = {
+
+ };
+
return
{this.state.simulationModel.name}
-
+
;
}
}
diff --git a/src/styles/app.css b/src/styles/app.css
index 16f8a65..52cb3bd 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -386,3 +386,8 @@ body {
.section-buttons-group-right .rc-slider {
margin-left: 12px;
}
+
+.form-horizontal .form-group {
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+}