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/tasklist.component.js | |
| parent | 1a99af129427275c22e8276e75fa4b8da6602129 (diff) | |
stubbing in a lot of stuff!
Diffstat (limited to 'app/client/dashboard/tasklist.component.js')
| -rw-r--r-- | app/client/dashboard/tasklist.component.js | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/app/client/dashboard/tasklist.component.js b/app/client/dashboard/tasklist.component.js new file mode 100644 index 0000000..fa002de --- /dev/null +++ b/app/client/dashboard/tasklist.component.js @@ -0,0 +1,45 @@ +import { h, Component } from 'preact' +import { bindActionCreators } from 'redux' +import { connect } from 'react-redux' + +class TaskList extends Component { + constructor(props){ + super() + } + render(){ + const { title, tasks } = this.props + let time = 0 + const taskList = tasks.map(task => { + const eta = (time + (task.epochs) * 180 / 60) + " min." + time += (task.epochs) * 180 / 60 + let dataset_type, dataset_name + if (task.dataset.indexOf('/') !== -1) { + [dataset_type, dataset_name] = task.dataset.split('/') + } else { + dataset_name = task.dataset + } + return ( + <div class='row'> + <div class='activity'>{task.activity} {task.library} {dataset_type}</div> + <div class='dataset'>{dataset_name}</div> + <div class='epochs'>{task.epochs} ep.</div> + <div class='eta'>{eta}</div> + </div> + ) + }) + return ( + <div class='taskList rows'> + {taskList} + </div> + ) + } +} + +const mapStateToProps = state => ({ +}) + +const mapDispatchToProps = (dispatch, ownProps) => ({ + // actions: bindActionCreators(liveActions, dispatch) +}) + +export default connect(mapStateToProps, mapDispatchToProps)(TaskList) |
