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; +}