summaryrefslogtreecommitdiff
path: root/app/client/dataset/dataset.component.js
diff options
context:
space:
mode:
Diffstat (limited to 'app/client/dataset/dataset.component.js')
-rw-r--r--app/client/dataset/dataset.component.js103
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)