Mirrors/VILLASweb
1
0
Fork 0
mirror of https://git.rwth-aachen.de/acs/public/villas/web/ synced 2025-03-09 00:00:01 +01:00
Code Issues Releases Wiki Activity

make result edit dialog a bit prettier (#271)

Browse source
This commit is contained in:
irismarie 2021-02-16 18:42:53 +01:00
parent 1ed62b0534
commit 48ee4825d5
1 changed files with 22 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
src/result/edit-result.js
View file

@ -53,7 +53,7 @@ class EditResultDialog extends React.Component {
isEmpty(val) {
return (val === undefined || val == null || val.length <= 0);
};
};
componentDidUpdate(prevProps, prevState) {
if (this.props.resultId != prevProps.resultId || this.props.results != prevProps.results) {
@ -75,7 +75,7 @@ class EditResultDialog extends React.Component {
})
}
}
}
}
};
selectUploadFile(event) {
@ -118,7 +118,7 @@ class EditResultDialog extends React.Component {
}
submitDescription() {
submitDescription() {
let result = this.props.results[this.props.resultId];
if (!this.isEmpty(result)) {
result.description = this.state.description;
@ -143,16 +143,15 @@ class EditResultDialog extends React.Component {
<div>
<FormGroup as={Col} controlId='description'>
<Row style={{ float: 'center' }} >
<Col xs="auto">
<Col xs lg="2">
<FormLabel>Description</FormLabel>
</Col>
<Col xs="auto">
<Col xs lg="4">
<FormControl type='text' placeholder={this.state.description} value={this.state.description} onChange={this.handleChange} />
<FormControl.Feedback />
</Col>
<Col xs="auto">
<Col xs lg="2">
<Button
type="submit"
onClick={() => this.submitDescription()}>
@ -160,8 +159,6 @@ class EditResultDialog extends React.Component {
</Button>
</Col>
</Row>
</FormGroup>
<Table data={this.state.files}>
@ -176,19 +173,23 @@ class EditResultDialog extends React.Component {
/>
</Table>
<FormGroup controlId='resultfile'>
<FormLabel>Add Result File</FormLabel>
<FormControl type='file' onChange={(event) => this.selectUploadFile(event)} />
</FormGroup>
<FormGroup as={Col} >
<Button
disabled={this.state.uploadFile === null}
onClick={() => this.startFileUpload()}>
Upload
<div style={{ float: 'center' }}>
<h5>Add result file</h5>
<Row>
<Col xs lg="4">
<FormControl type='file' onChange={(event) => this.selectUploadFile(event)} />
</Col>
<Col xs lg="2">
<Button
disabled={this.state.uploadFile === null}
onClick={() => this.startFileUpload()}>
Upload
</Button>
</FormGroup>
</Col>
</Row>
</div>
<br></br>
<FormGroup as={Col} >
<ProgressBar