12 files changed, 140 insertions, 16 deletions
diff --git a/app/client/modules/index.js b/app/client/modules/index.js
index bc7c263..30685f2 100644
--- a/app/client/modules/index.js
+++ b/app/client/modules/index.js
@@ -1,6 +1,7 @@
 import pix2pix from './pix2pix'
+import pix2wav from './pix2wav'
 import samplernn from './samplernn'
 
 export default {
-  pix2pix, samplernn
+  pix2pix, pix2wav, samplernn
 }
diff --git a/app/client/modules/module.reducer.js b/app/client/modules/module.reducer.js
index de2f9bc..0ee6d75 100644
--- a/app/client/modules/module.reducer.js
+++ b/app/client/modules/module.reducer.js
@@ -1,7 +1,11 @@
 import { combineReducers } from 'redux'
 
+import pix2pixReducer from './pix2pix/pix2pix.reducer'
+import pix2wavReducer from './pix2wav/pix2wav.reducer'
 import samplernnReducer from './samplernn/samplernn.reducer'
 
 export const moduleReducer = combineReducers({
+  pix2wav: pix2wavReducer,
+  pix2pix: pix2pixReducer,
   samplernn: samplernnReducer
 })
diff --git a/app/client/modules/pix2pix/index.js b/app/client/modules/pix2pix/index.js
index b9af2f4..87bbf0d 100644
--- a/app/client/modules/pix2pix/index.js
+++ b/app/client/modules/pix2pix/index.js
@@ -6,7 +6,7 @@ import Pix2PixLive from './live.component'
 function router () {
   return (
     <section>
-      <Route path='/pix2pix/live/' component={Pix2PixLive} />
+      <Route exact path='/pix2pix/live/' component={Pix2PixLive} />
     </section>
   )
 }
@@ -14,9 +14,8 @@ function router () {
 function links(){
   return (
     <span>
-      <span>datasets</span>
-      <span>checkpoints</span>
-      <span>results</span>
+      <span><Link to="/pix2pix/datasets/">datasets</Link></span>
+      <span><Link to="/pix2pix/graph/">graph</Link></span>
       <span><Link to="/pix2pix/live/">live</Link></span>
     </span>
   )
@@ -25,4 +24,4 @@ function links(){
 export default {
   name: 'pix2pix',
   router, links,
-}
-\ No newline at end of file
+}
diff --git a/app/client/modules/pix2pix/live.component.js b/app/client/modules/pix2pix/live.component.js
index 82f315c..bb6c730 100644
--- a/app/client/modules/pix2pix/live.component.js
+++ b/app/client/modules/pix2pix/live.component.js
@@ -12,7 +12,7 @@ import { startRecording, stopRecording, saveFrame } from '../../live/player'
 
 import * as liveActions from '../../live/live.actions'
 
-class LivePix2Pix extends Component {
+class Pix2PixLive extends Component {
   constructor(props){
     super()
     props.actions.get_params()
@@ -250,4 +250,4 @@ const mapDispatchToProps = (dispatch, ownProps) => ({
   actions: bindActionCreators(liveActions, dispatch)
 })
 
-export default connect(mapStateToProps, mapDispatchToProps)(LivePix2Pix)
+export default connect(mapStateToProps, mapDispatchToProps)(Pix2PixLive)
diff --git a/app/client/modules/pix2pix/pix2pix.module.js b/app/client/modules/pix2pix/pix2pix.module.js
new file mode 100644
index 0000000..63b1e94
--- /dev/null
+++ b/app/client/modules/pix2pix/pix2pix.module.js
@@ -0,0 +1,6 @@
+const pix2pixModule = {
+  name: 'pix2pix',
+  datatype: 'audio',
+}
+
+export default pix2pixModule
diff --git a/app/client/modules/pix2pix/pix2pix.reducer.js b/app/client/modules/pix2pix/pix2pix.reducer.js
new file mode 100644
index 0000000..fbd38d1
--- /dev/null
+++ b/app/client/modules/pix2pix/pix2pix.reducer.js
@@ -0,0 +1,42 @@
+import types from '../../types'
+
+const pix2pixInitialState = {
+  loading: true,
+  error: null,
+  folders: [],
+  folder_id: 0,
+  data: null,
+  lossReport: null,
+}
+
+const pix2pixReducer = (state = pix2pixInitialState, action) => {
+  // console.log(action.type)
+  switch(action.type) {
+    case types.pix2pix.init:
+      return {
+        ...state,
+        loading: false,
+        data: action.data,
+      }
+
+    case types.socket.connect:
+      return {
+        ...state,
+      }
+
+    case types.task.task_begin:
+      return {
+        ...state,
+      }
+
+    case types.task.task_finish:
+      return {
+        ...state,
+      }
+
+    default:
+      return state
+  }
+}
+
+export default pix2pixReducer
diff --git a/app/client/modules/pix2wav/index.js b/app/client/modules/pix2wav/index.js
new file mode 100644
index 0000000..602d54e
--- /dev/null
+++ b/app/client/modules/pix2wav/index.js
@@ -0,0 +1,24 @@
+import { h, Component } from 'preact'
+import { Route, Link } from 'react-router-dom'
+
+function router () {
+      // <Route exact path='/pix2pix/live/' component={Pix2PixLive} />
+  return (
+    <section>
+    </section>
+  )
+}
+
+function links(){
+  return (
+    <span>
+      <span>datasets</span>
+      <span><Link to="/pix2wav/live/">live</Link></span>
+    </span>
+  )
+}
+
+export default {
+  name: 'pix2pix',
+  router, links,
+}
diff --git a/app/client/modules/pix2wav/pix2wav.module.js b/app/client/modules/pix2wav/pix2wav.module.js
new file mode 100644
index 0000000..c0fe23a
--- /dev/null
+++ b/app/client/modules/pix2wav/pix2wav.module.js
@@ -0,0 +1,6 @@
+const pix2wavModule = {
+  name: 'pix2wav',
+  datatype: 'audio',
+}
+
+export default pix2wavModule
diff --git a/app/client/modules/pix2wav/pix2wav.reducer.js b/app/client/modules/pix2wav/pix2wav.reducer.js
new file mode 100644
index 0000000..6d6548a
--- /dev/null
+++ b/app/client/modules/pix2wav/pix2wav.reducer.js
@@ -0,0 +1,42 @@
+import types from '../../types'
+
+const pix2wavInitialState = {
+  loading: true,
+  error: null,
+  folders: [],
+  folder_id: 0,
+  data: null,
+  lossReport: null,
+}
+
+const pix2wavReducer = (state = pix2wavInitialState, action) => {
+  // console.log(action.type)
+  switch(action.type) {
+    case types.pix2wav.init:
+      return {
+        ...state,
+        loading: false,
+        data: action.data,
+      }
+
+    case types.socket.connect:
+      return {
+        ...state,
+      }
+
+    case types.task.task_begin:
+      return {
+        ...state,
+      }
+
+    case types.task.task_finish:
+      return {
+        ...state,
+      }
+
+    default:
+      return state
+  }
+}
+
+export default pix2wavReducer
diff --git a/app/client/modules/samplernn/samplernn.module.js b/app/client/modules/samplernn/samplernn.module.js
new file mode 100644
index 0000000..60411b4
--- /dev/null
+++ b/app/client/modules/samplernn/samplernn.module.js
@@ -0,0 +1,6 @@
+const samplernnModule = {
+  name: 'samplernn',
+  datatype: 'audio',
+}
+
+export default samplernnModule
diff --git a/app/client/modules/samplernn/samplernn.new.js b/app/client/modules/samplernn/samplernn.new.js
index a6e4fd3..66551bb 100644
--- a/app/client/modules/samplernn/samplernn.new.js
+++ b/app/client/modules/samplernn/samplernn.new.js
@@ -9,10 +9,7 @@ import DatasetForm from '../../dataset/dataset.form'
 import NewDatasetForm from '../../dataset/dataset.new'
 import { FileList, FileRow } from '../../common/fileList.component'
 
-const samplernnModule = {
-  name: 'samplernn',
-  datatype: 'audio',
-}
+import samplernnModule from './samplernn.module'
 
 class SampleRNNNew extends Component {
   constructor(props){
diff --git a/app/client/modules/samplernn/samplernn.show.js b/app/client/modules/samplernn/samplernn.show.js
index 0e6db32..145b784 100644
--- a/app/client/modules/samplernn/samplernn.show.js
+++ b/app/client/modules/samplernn/samplernn.show.js
@@ -15,10 +15,7 @@ import { FileList, FileRow } from '../../common/fileList.component'
 
 import SampleRNNDatasets from './samplernn.datasets'
 
-const samplernnModule = {
-  name: 'samplernn',
-  datatype: 'audio',
-}
+import samplernnModule from './samplernn.module'
 
 class SampleRNNShow extends Component {
   constructor(props){