1 files changed, 20 insertions, 1 deletions
diff --git a/app/client/live/index.js b/app/client/live/index.js
index 5699266..44cc70b 100644
--- a/app/client/live/index.js
+++ b/app/client/live/index.js
@@ -15,12 +15,28 @@ class App extends Component {
     props.actions.get_params()
     props.actions.list_checkpoints()
     props.actions.list_sequences()
+    this.changeCheckpoint = this.changeCheckpoint.bind(this)
+    this.changeEpoch = this.changeEpoch.bind(this)
+    this.changeSequence = this.changeSequence.bind(this)
   }
   componentWillUpdate(nextProps) {
     console.log('willupdate', nextProps.opt)
-    if (nextProps.opt.checkpoint_name !== this.props.opt.checkpoint_name) {
+    if (! nextProps.epochs || nextProps.opt.checkpoint_name !== this.props.opt.checkpoint_name) {
       this.props.actions.list_epochs(nextProps.opt.checkpoint_name)
     }
+    if (! nextProps.epochs || nextProps.opt.checkpoint_name !== this.props.opt.checkpoint_name) {
+      this.props.actions.list_epochs(nextProps.opt.checkpoint_name)
+    }
+  }
+  changeCheckpoint(checkpoint_name){
+    this.props.actions.load_epoch(checkpoint_name, 'latest')
+  }
+  changeEpoch(epoch_name){
+    this.props.actions.load_epoch(this.props.opt.checkpoint_name, epoch_name)
+  }
+  changeSequence(sequence){
+    console.log('got sequence', sequence)
+    this.props.actions.load_sequence(sequence)
   }
   render(){
     return (
@@ -41,16 +57,19 @@ class App extends Component {
                 name='checkpoint_name'
                 title='checkpoint'
                 options={this.props.checkpoints}
+                onChange={this.changeCheckpoint}
               />
               <Select
                 name='epoch'
                 title='epoch'
                 options={this.props.epochs}
+                onChange={this.changeEpoch}
               />
               <Select
                 name='sequence_name'
                 title='sequence'
                 options={this.props.sequences}
+                onChange={this.changeSequence}
               />
             </ParamGroup>
           </div>