From da6d38cd2865d5e9de32f2b922754979af366317 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sun, 26 Jan 2020 00:19:29 +0100
Subject: adding thumbnails to datasets

---
 app/client/dataset/dataset.component.js | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

(limited to 'app/client/dataset')

diff --git a/app/client/dataset/dataset.component.js b/app/client/dataset/dataset.component.js
index af48ef4..316a3ad 100644
--- a/app/client/dataset/dataset.component.js
+++ b/app/client/dataset/dataset.component.js
@@ -21,21 +21,22 @@ class DatasetComponent extends Component {
       return history.push('/' + module.name + '/new/')
     }
     if (!folder || !folder.name) return
+    console.log(fields)
     fields = fieldSet(fields)
     return (
       <div className='rows params datasets'>
         <div className='row row-heading dataset'>
           {fields.has('input') &&
-            <div className='col'>input</div>
+            <div className='col input'>input</div>
           }
           {fields.has('status') &&
-            <div className='col'>status</div>
+            <div className='col status'>status</div>
           }
           {fields.has('checkpoint') &&
-            <div className='col'>checkpoint</div>
+            <div className='col checkpoint'>checkpoint</div>
           }
           {fields.has('output') &&
-            <div className='col'>output</div>
+            <div className='col output'>output</div>
           }
         </div>
         {this.renderGroups()}
@@ -43,7 +44,7 @@ class DatasetComponent extends Component {
     )
   }
   renderGroups(){
-    let { module, data, folder, fields, runner, onPickDataset, onPickFile, datasetActions } = this.props
+    let { module, data, folder, fields, inputFields, outputFields, runner, onPickDataset, onPickFile, datasetActions } = this.props
     fields = fieldSet(fields)
     const { datasetLookup, fileLookup } = data
     if (!datasetLookup) { return <div></div> }
@@ -65,14 +66,14 @@ class DatasetComponent extends Component {
         <div key={dataset.name} className='row dataset' onClick={() => onPickDataset && onPickDataset(dataset)}>
           {this.props.beforeRow && this.props.beforeRow(dataset)}
           {fields.has('input') &&
-            <div className='col'>
+            <div className='col input'>
               {!!dataset.input.length &&
                 <FileList
                   files={dataset.input.map(id => fileLookup[id])}
                   className='input_files'
                   fileListClassName=''
                   rowClassName='input_file'
-                  fields={'name date size delete'}
+                  fields={inputFields || 'name date size delete'}
                   linkFiles
                   onClick={onPickFile}
                   onDelete={(file) => this.onDeleteFile(file)}
@@ -82,7 +83,7 @@ class DatasetComponent extends Component {
           }
           {fields.has('status') &&
             <div className={[
-                'col', 'quiet',
+                'col', 'status', 'quiet',
                 (dataset.isBuilt ? 'built' : 'not_built'),
                 (isProcessing ? 'processing': 'not_processing')
               ].join(' ')}>
@@ -102,12 +103,12 @@ class DatasetComponent extends Component {
             </div>
           }
           {fields.has('output') &&
-            <div className='col'>
+            <div className='col output'>
               {!!dataset.output.length &&
                 <FileList
                   files={dataset.output.map(id => fileLookup[id])}
                   orderBy='epoch desc'
-                  fields={'name date epoch size'}
+                  fields={outputFields || 'name date epoch size'}
                   linkFiles
                   onClick={onPickFile}
                   onDelete={(file) => this.onDeleteFile(file)}
-- 
cgit v1.2.3-70-g09d2