diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2018-05-25 19:54:38 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2018-05-25 19:54:38 +0200 |
| commit | 5a4de48a6d63cb383832f6ef85b21699a511b755 (patch) | |
| tree | 4c4fd18d26f8b5c95a6788d138ed62869357c975 /app/client/dashboard/filelist.component.js | |
| parent | 1a99af129427275c22e8276e75fa4b8da6602129 (diff) | |
stubbing in a lot of stuff!
Diffstat (limited to 'app/client/dashboard/filelist.component.js')
| -rw-r--r-- | app/client/dashboard/filelist.component.js | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/app/client/dashboard/filelist.component.js b/app/client/dashboard/filelist.component.js new file mode 100644 index 0000000..2833ec8 --- /dev/null +++ b/app/client/dashboard/filelist.component.js @@ -0,0 +1,46 @@ +import { h, Component } from 'preact' +import { bindActionCreators } from 'redux' +import { connect } from 'react-redux' +import * as util from '../util' + +class FileList extends Component { + constructor(props){ + super() + } + render(){ + const { files } = this.props + let time = 0 + const fileList = files.map(file => { + const eta = (time + (file.epochs) * 180 / 60) + " min." + time += (file.epochs) * 180 / 60 + let dataset_type, dataset_name + if (file.dataset.indexOf('/') !== -1) { + [dataset_type, dataset_name] = file.dataset.split('/') + } else { + dataset_name = file.dataset + } + return ( + <div class='row'> + <div class='activity'>{file.activity} {file.library} {dataset_type}</div> + <div class='dataset'>{dataset_name}</div> + <div class='epochs'>{file.epochs} ep.</div> + <div class='eta'>{eta}</div> + </div> + ) + }) + return ( + <div class='filelist rows'> + {fileList} + </div> + ) + } +} + +const mapStateToProps = state => ({ +}) + +const mapDispatchToProps = (dispatch, ownProps) => ({ + // actions: bindActionCreators(liveActions, dispatch) +}) + +export default connect(mapStateToProps, mapDispatchToProps)(FileList) |
