diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2018-06-05 20:11:11 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2018-06-05 20:11:11 +0200 |
| commit | 18321f234e5261af43624b67c99a4dee3c060ed8 (patch) | |
| tree | 12268da123e441d07e7d15f6c24210bc3f594522 /app/client/modules/samplernn/samplernn.results.js | |
| parent | 24ec0726bf254f4e4398cf2bfa0c794978367744 (diff) | |
move views into own folder and begin prising away dataset code
Diffstat (limited to 'app/client/modules/samplernn/samplernn.results.js')
| -rw-r--r-- | app/client/modules/samplernn/samplernn.results.js | 84 |
1 files changed, 0 insertions, 84 deletions
diff --git a/app/client/modules/samplernn/samplernn.results.js b/app/client/modules/samplernn/samplernn.results.js deleted file mode 100644 index 31079ce..0000000 --- a/app/client/modules/samplernn/samplernn.results.js +++ /dev/null @@ -1,84 +0,0 @@ -import { h, Component } from 'preact' -import { bindActionCreators } from 'redux' -import { Link } from 'react-router-dom'; -import { connect } from 'react-redux' - -import * as util from '../../util' -import * as samplernnActions from './samplernn.actions' -import * as audioPlayerActions from '../../common/audioPlayer/audioPlayer.actions' -import Loading from '../../common/loading.component' - -import { FileList, FileRow } from '../../common/fileList.component' - -class SampleRNNResults extends Component { - constructor(props){ - super() - if (!props.samplernn.data) props.actions.load_directories() - } - render(){ - if (this.props.samplernn.loading) return <Loading progress={this.props.samplernn.progress} /> - const { folderLookup, fileLookup, datasetLookup } = this.props.samplernn.data - // const { folderLookup } = samplernn - - const renders = Object.keys(folderLookup).sort(util.sort.stringSort.asc).map(key => { - const folder = folderLookup[key] - let { mapFn, sortFn } = util.sort.orderByFn('epoch desc') - const datasetPairs = folder.datasets.map(name => datasetLookup[name]).map(mapFn).sort(sortFn) - const bestRenders = datasetPairs - .map(pair => pair[1]) - .filter(dataset => dataset.output.length) - .map(dataset => { - const { output } = dataset - return output.map(id => fileLookup[id]).map(mapFn).sort(sortFn)[0][1] - }) - // console.log(bestRenders.map(r => r.epoch)) - const path = folder.name === 'unsorted' - ? "/samplernn/import/" - : "/samplernn/datasets/" + folder.id + "/" - return ( - <div className='col bestRenders'> - <h3><Link to={path}>{folder.name}</Link></h3> - <FileList - files={bestRenders} - orderBy='date desc' - fields={'name date epoch size'} - onClick={(file, e) => { - e.preventDefault() - e.stopPropagation() - console.log('picked a file', file) - this.handlePick(file) - }} - /> - </div> - ) - }) - - return ( - <div className='app samplernn'> - <div className='heading row middle'> - <h1>SampleRNN Results</h1> - <Link to='/samplernn/new/'>new project</Link> - </div> - <div class='rows params renders'> - {renders} - </div> - </div> - ) - } - handlePick(file){ - this.props.audioPlayer.play(file) - } -} - -const mapStateToProps = state => ({ - samplernn: state.module.samplernn, - runner: state.system.runner, - task: state.task, -}) - -const mapDispatchToProps = (dispatch, ownProps) => ({ - actions: bindActionCreators(samplernnActions, dispatch), - audioPlayer: bindActionCreators(audioPlayerActions, dispatch), -}) - -export default connect(mapStateToProps, mapDispatchToProps)(SampleRNNResults) |
