hitting right upload endpoint

2 files changed, 19 insertions, 8 deletions

diff --git a/app/client/modules/pix2wav/pix2wav.reducer.js b/app/client/modules/pix2wav/pix2wav.reducer.js
index def4f30..80ee4f7 100644
--- a/app/client/modules/pix2wav/pix2wav.reducer.js
+++ b/app/client/modules/pix2wav/pix2wav.reducer.js
@@ -15,6 +15,7 @@ const pix2wavReducer = (state = pix2wavInitialState, action) => {
   if (action.data && action.data.module === 'pix2wav') {
     state = datasetReducer(state, action)
   }
+  console.log(action.type)
 
   switch (action.type) {
     case types.wav2pix.loaded_buffer:
diff --git a/app/client/modules/pix2wav/views/spectrogram.upload.js b/app/client/modules/pix2wav/views/spectrogram.upload.js
index 087af6a..534263a 100644
--- a/app/client/modules/pix2wav/views/spectrogram.upload.js
+++ b/app/client/modules/pix2wav/views/spectrogram.upload.js
@@ -25,6 +25,7 @@ class SpectrogramUpload extends Component {
       name: "",
       frames: [],
       max: 3000,
+      frame_step: wav2pixActions.FRAME_STEP,
     }
     const audioElement = document.createElement('audio')
     audioElement.addEventListener('loadedmetadata', () => {
@@ -41,23 +42,26 @@ class SpectrogramUpload extends Component {
     this.audioElement.src = URL.createObjectURL(file)
     console.log(file.size)
     if (file.size < 2 << 20) {
-      console.log('running le test!!!!!')
       this.props.wav2pix.renderFrames(file, {})
       .then(frames => {
-        console.log(frames)
+        console.log('got frames', frames.length)
         this.setState({
           ...this.state, frames
         })
       })
     }
-    console.log(file)
-    // get info on the file... size, etc
   }
   buildZip(){
-    const { file } = this.state
+    const { file, max, frame_step } = this.state
     this.props.wav2pix.buildZip(this.state.name, file, {})
-    .then(({ zip, count }) => {
-      this.props.datasetActions.uploadFile(pix2wavModule, this.props.id, zip, { count })
+    .then(({ zip, filename, count }) => {
+      this.props.datasetActions.uploadFile(
+        this.props.module,
+        this.props.folder,
+        zip,
+        filename,
+        { count, max, frame_step }
+      )
     })
   }
   render(){
@@ -105,7 +109,7 @@ class SpectrogramUpload extends Component {
           <Param title='Date'>{moment(file.lastModifiedDate).format("YYYY-MM-DD h:mm a")}</Param>
           <Param title='Duration'>{Math.floor(duration) + ' s.'}</Param>
           <br />
-          <Param title='Status'>{this.props.pix2wav.status}{this.props.upload.status}</Param>
+          <Param title='Status'>{this.props.pix2wav.status}</Param>
           <br />
         </Group>
         <Group title='Data settings'>
@@ -120,6 +124,12 @@ class SpectrogramUpload extends Component {
             value={this.state.max}
             onChange={max => this.setState({ max })}
           />
+          <Slider
+            name='frame step'
+            min={10} max={10000} type='int'
+            value={this.state.frame_step}
+            onChange={frame_step => this.setState({ frame_step })}
+          />
           <Button
             onClick={() => this.buildZip()}
           >Build Zip</Button>