From cf6f1c58a7298b0af1c13bb701032017563a6ed8 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sat, 2 Jun 2018 22:42:05 +0200
Subject: basic dataset viewer with stuff clustered how i want it

---
 app/client/modules/samplernn/samplernn.datasets.js | 58 ++++++++++++++++------
 1 file changed, 44 insertions(+), 14 deletions(-)

(limited to 'app/client/modules/samplernn/samplernn.datasets.js')

diff --git a/app/client/modules/samplernn/samplernn.datasets.js b/app/client/modules/samplernn/samplernn.datasets.js
index 63c4eaf..8b86007 100644
--- a/app/client/modules/samplernn/samplernn.datasets.js
+++ b/app/client/modules/samplernn/samplernn.datasets.js
@@ -10,7 +10,7 @@ import Group from '../../common/group.component'
 import Slider from '../../common/slider.component'
 import Select from '../../common/select.component'
 import Button from '../../common/button.component'
-import FileList from '../../common/fileList.component'
+import { FileList, FileRow } from '../../common/fileList.component'
 import TextInput from '../../common/textInput.component'
 
 class SampleRNNDatasets extends Component {
@@ -54,29 +54,59 @@ class SampleRNNDatasets extends Component {
   }
   render(){
     const { samplernn } = this.props
-    // console.log(samplernn.upload)
-    // sort files??
+    const folder = samplernn.folder
+    if (!folder.name) return
+    console.log(folder)
+    const datasets = folder.datasets.map(dataset =>{
+      console.log(dataset)
+      return (
+        <div className='row dataset'>
+          <div className='col'>
+            {!!dataset.input.length && <FileList files={dataset.input} />}
+          </div>
+          <div className='col quiet'>
+            <div>{dataset.isBuilt ? 'has dataset' : 'not built'}</div>
+          </div>
+          <div className='col checkpoint'>
+            {!!dataset.checkpoints.length && <FileRow file={dataset.checkpoints[0]} />}
+          </div>
+          <div className='col'>
+            {!!dataset.output.length && <FileList files={dataset.output} />}
+          </div>
+        </div>
+      )
+    })
     return (
       <div className='app'>
         <div className='heading'>
           <h3>SampleRNN</h3>
         </div>
-        <Dataset
-          canRename
-          canUpload
-          canAddURL
-          canDeleteFile
-          linkFiles
-          fileOptions={this.fileOptions}
-          onPick={this.handlePick}
-          folder={samplernn.folder}
-          files={samplernn.folder.files}
-        />
+        <div class='rows params datasets'>
+          <div class='row dataset'>
+            <div class='col'>input</div>
+            <div class='col'>dataset</div>
+            <div class='col'>checkpoint</div>
+            <div class='col'>output</div>
+          </div>
+          {datasets}
+        </div>
       </div>
     )
   }
 }
 
+// <Dataset
+//   canRename
+//   canUpload
+//   canAddURL
+//   canDeleteFile
+//   linkFiles
+//   fileOptions={this.fileOptions}
+//   onPick={this.handlePick}
+//   folder={samplernn.folder}
+//   files={samplernn.folder.files}
+// />
+
 const mapStateToProps = state => ({
   samplernn: state.module.samplernn,
   runner: state.system.runner,
-- 
cgit v1.2.3-70-g09d2