1 files changed, 44 insertions, 7 deletions

diff --git a/app/client/modules/samplernn/samplernn.import.js b/app/client/modules/samplernn/samplernn.import.js
index 6895e86..62a210d 100644
--- a/app/client/modules/samplernn/samplernn.import.js
+++ b/app/client/modules/samplernn/samplernn.import.js
@@ -5,9 +5,8 @@ import * as util from '../../util'
 
 import * as samplernnActions from './samplernn.actions'
 
-import DatasetForm from '../../dataset/dataset.form'
-import NewDatasetForm from '../../dataset/dataset.new'
-import { FileList, FileRow } from '../../common/fileList.component'
+import Select from '../../common/select.component'
+import TextInput from '../../common/textInput.component'
 
 import SampleRNNDatasets from './samplernn.datasets'
 
@@ -17,22 +16,60 @@ const samplernnModule = {
 }
 
 class SampleRNNImport extends Component {
+  constructor(){
+    super()
+    this.state = {
+      folder: 1,
+      url_base: ''
+    }
+  }
   render(){
+    let datasets = [];
+    if (this.props.samplernn.data) {
+      datasets = (this.props.samplernn.data.folders || []).map(folder => {
+        console.log(folder.id, folder.name)
+        return [folder.name, folder.id]
+      })
+      console.log(datasets)
+    }
     return (
       <div className='app'>
         <div class='heading'>
-          <h1>import</h1>
+          <h1>Import</h1>
+        </div>
+        <div class='params form row'>
+          <div class='col'>
+            <h2>Import to dataset</h2>
+            <Select
+              title='Destination dataset'
+              options={datasets}
+              name='folder'
+              opt={this.state}
+              onChange={(name, value) => this.setState({ folder: value })}
+            />
+            <TextInput
+              title="URL base"
+              value={this.state.url_base}
+              placeholder="http://"
+              onSave={(value) => this.setState({ url_base: value })}
+            />
+          </div>
         </div>
         <SampleRNNDatasets
           id="unsorted"
           history={this.props.history}
-          beforeRow={row => this.beforeRow(row)}
+          beforeRow={dataset => this.beforeRow(dataset)}
+          afterRow={dataset => this.afterRow(dataset)}
         />
       </div>
     )
   }
-  beforeRow(row){
-    console.log(row)
+  beforeRow(dataset){
+    // console.log(dataset)
+    return null
+  }
+  afterRow(dataset){
+    return null
   }
 }