diff options
Diffstat (limited to 'app/client/dataset/dataset.component.js')
| -rw-r--r-- | app/client/dataset/dataset.component.js | 103 |
1 files changed, 0 insertions, 103 deletions
diff --git a/app/client/dataset/dataset.component.js b/app/client/dataset/dataset.component.js deleted file mode 100644 index 73f1720..0000000 --- a/app/client/dataset/dataset.component.js +++ /dev/null @@ -1,103 +0,0 @@ -import { h, Component } from 'preact' -import { bindActionCreators } from 'redux' -import { connect } from 'react-redux' - -import * as datasetActions from './dataset.actions' - -import Group from '../common/group.component' -import Param from '../common/param.component' -import { FileList } from '../common/fileList.component' -import FileUpload from '../common/fileUpload.component' -import TextInput from '../common/textInput.component' - -class Dataset extends Component { - constructor(props){ - super() - } - render(){ - const { - loading, status, error, - module, title, folder, files, - canRename, canUpload, canAddURL, canDeleteFile, - linkFiles, - fileOptions, pickFile, onPick - } = this.props - // sort files?? - - if (!folder.id) { - return ( - <div className='dataset'> - <div className='params row'> - <div className='column'> - <Group title={title || 'Dataset'}> - {canRename - ? this.renderFolderNameInput(folder.name) - : <Param title='Dataset name'>{folder.name}</Param>} - </Group> - </div> - </div> - </div> - ) - } - return ( - <div className='dataset'> - <div className='params row'> - <div className='column'> - <Group title={title || 'Dataset'}> - {canRename - ? this.renderFolderNameInput(folder.name) - : <Param title='Dataset name'>{folder.name}</Param>} - {folder.id && canUpload && this.renderUploadInput()} - {folder.id && canAddURL && this.renderURLInput()} - </Group> - </div> - </div> - <div className='params col'> - <FileList - title='Files' - files={files} - options={fileOptions} - onClick={() => onPick && onPick(file)} - canDelete={canDeleteFile} - linkFiles={linkFiles} - /> - </div> - </div> - ) - } - curry(action) { - const { module, folder } = this.props - return (param) => action(module, folder, param) - } - renderFolderNameInput(name){ - return <TextInput - title={!this.props.folder.id ? 'Create a new dataset' : 'Dataset name'} - value={name} - onSave={this.curry(this.props.actions.dataset.createOrUpdateFolder)} - /> - } - renderUploadInput(){ - return <FileUpload - title='Upload a file' - mime='image.*' - onUpload={this.curry(this.props.actions.dataset.uploadFile)} - /> - } - renderURLInput(){ - return <TextInput - title='Fetch a URL' - placeholder='http://' - onSave={this.curry(this.props.actions.dataset.handleURL)} - /> - } -} - -const mapStateToProps = state => state.dataset - -const mapDispatchToProps = (dispatch, ownProps) => ({ - actions: { - dataset: bindActionCreators(datasetActions, dispatch), - } -}) - -export default connect(mapStateToProps, mapDispatchToProps)(Dataset) |
