summaryrefslogtreecommitdiff
path: root/app/client/modules/samplernn/samplernn.results.js
diff options
context:
space:
mode:
authorJules Laplace <julescarbon@gmail.com>2018-06-05 20:11:11 +0200
committerJules Laplace <julescarbon@gmail.com>2018-06-05 20:11:11 +0200
commit18321f234e5261af43624b67c99a4dee3c060ed8 (patch)
tree12268da123e441d07e7d15f6c24210bc3f594522 /app/client/modules/samplernn/samplernn.results.js
parent24ec0726bf254f4e4398cf2bfa0c794978367744 (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.js84
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)