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.show.js | |
| parent | 24ec0726bf254f4e4398cf2bfa0c794978367744 (diff) | |
move views into own folder and begin prising away dataset code
Diffstat (limited to 'app/client/modules/samplernn/samplernn.show.js')
| -rw-r--r-- | app/client/modules/samplernn/samplernn.show.js | 106 |
1 files changed, 0 insertions, 106 deletions
diff --git a/app/client/modules/samplernn/samplernn.show.js b/app/client/modules/samplernn/samplernn.show.js deleted file mode 100644 index acc7692..0000000 --- a/app/client/modules/samplernn/samplernn.show.js +++ /dev/null @@ -1,106 +0,0 @@ -import { h, Component } from 'preact' -import { bindActionCreators } from 'redux' -import { connect } from 'react-redux' -import * as util from '../../util' - -import * as samplernnActions from './samplernn.actions' -import * as samplernnTasks from './samplernn.tasks' -import * as audioPlayerActions from '../../common/audioPlayer/audioPlayer.actions' - -import Loading from '../../common/loading.component' -import DatasetForm from '../../dataset/dataset.form' -import NewDatasetForm from '../../dataset/dataset.new' -import DatasetStatus from '../../dataset/dataset.status' -import { FileList, FileRow } from '../../common/fileList.component' - -import SampleRNNDatasets from './samplernn.datasets' - -import samplernnModule from './samplernn.module' - -class SampleRNNShow extends Component { - constructor(props){ - super(props) - this.datasetActions = this.datasetActions.bind(this) - } - render(){ - const { samplernn, match, history } = this.props - const { folderLookup } = (samplernn.data || {}) - const folder = (folderLookup || {})[samplernn.folder_id] || {} - return ( - <div className='app samplernn'> - <div class='heading'> - <div class='spaced'> - <h1>{folder ? folder.name : <Loading />}</h1> - <DatasetStatus /> - </div> - </div> - {folder && folder.name && folder.name !== 'unsorted' && - <DatasetForm - title='Add Files' - module={samplernnModule} - folder={folder} - canUpload canAddURL - /> - } - <SampleRNNDatasets - id={this.props.match.params.id || localStorage.getItem('samplernn.last_id')} - folder={folder} - history={history} - onPickFile={(file, e) => { - e.preventDefault() - e.stopPropagation() - console.log('picked a file', file) - this.handlePick(file) - }} - datasetActions={this.datasetActions} - /> - </div> - ) - } - datasetActions(dataset, isFetching=false, isProcessing=false){ - const { samplernn, remote } = this.props - const input = fileLookup[dataset.input[0]] - if (! input) return null - if (input.name && input.name.match(/(gif|jpe?g|png)$/i)) return null - return ( - <div> - <div class={'actions'}> - <span class='link' onClick={() => remote.train_task(dataset, samplernn.folder_id, 1)}>train</span> - <span class='link' onClick={() => remote.train_task(dataset, samplernn.folder_id, 2)}>2x</span> - <span class='link' onClick={() => remote.train_task(dataset, samplernn.folder_id, 4)}>4x</span> - <span class='link' onClick={() => remote.train_task(dataset, samplernn.folder_id, 6)}>6x</span> - <span class='link' onClick={() => remote.train_task(dataset, samplernn.folder_id, 18)}>18x</span> - </div> - {dataset.isBuilt - ? <div class='subtext'> - {'fetched '} - <span class='link' onClick={() => remote.clear_cache_task(dataset)}>rm</span> - </div> - : isFetching - ? <div class='subtext'> - {'fetching'} - </div> - : <div class='subtext'> - <span class='link' onClick={() => remote.fetch_task(input.url, input.id, dataset.name)}>fetch</span> - </div> - } - </div> - ) - } - handlePick(file){ - this.props.audioPlayer.play(file) - } -} - -const mapStateToProps = state => ({ - samplernn: state.module.samplernn, - dataset: state.dataset, -}) - -const mapDispatchToProps = (dispatch, ownProps) => ({ - actions: bindActionCreators(samplernnActions, dispatch), - remote: bindActionCreators(samplernnTasks, dispatch), - audioPlayer: bindActionCreators(audioPlayerActions, dispatch), -}) - -export default connect(mapStateToProps, mapDispatchToProps)(SampleRNNShow) |
