sliders

1 files changed, 30 insertions, 14 deletions

diff --git a/app/client/modules/biggan/views/biggan.encodingList.js b/app/client/modules/biggan/views/biggan.encodingList.js
index d041e2e..76c306c 100644
--- a/app/client/modules/biggan/views/biggan.encodingList.js
+++ b/app/client/modules/biggan/views/biggan.encodingList.js
@@ -3,38 +3,54 @@ import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 
 import {
-  Loading
+  Loading, Group, Slider
 } from '../../../common/'
 
 import actions from '../../../actions'
 import * as bigganTasks from '../biggan.tasks'
 import * as bigganActions from '../biggan.actions'
 
-const ALL_CATEGORIES = 'inversion/categories/biggan_all.json'
-
 class BigGANEncodingList extends Component {
-  constructor() {
-    super()
-    if (!this.props.encodings) {
-      this.actions.biggan.load_encodings()
+  componentDidMount() {
+    if (!this.props.biggan.encodings) {
+      this.props.actions.biggan.load_encodings()
     }
   }
 
   render() {
-    const { encodings } = this.props
+    const { encodings } = this.props.biggan
     if (!encodings) {
       return <div>Loading encodings...</div>
     }
     return (
       <div>
-        <div>
-          <select>
-          </select>
-        </div>
-        <div className="categories" ref={ref => this.categoryRef = ref}>
+        <Group title={"Stored image"}>
+          <Slider live
+            name='encoding_mix_speed'
+            title={"Load Speed"}
+            min={0.0001} max={10} type='float'
+          />
+          <Slider live
+            name='encoding_stored_speed'
+            title={"Next Image Speed"}
+            min={0.0001} max={10} type='float'
+          />
+          <Slider live
+            name='encoding_mix_n'
+            title={"Blend mix"}
+            min={0} max={1} type='float'
+          />
+          <Slider live
+            name='encoding_mix_n'
+            title={"Encoding mix"}
+            min={0} max={1} type='float'
+          />
+        </Group>
+        <div className="categories encodings" ref={ref => this.categoryRef = ref}>
           {Object.keys(encodings).sort().map(name => {
             return (
               <div key={name}>
+                <h3>{name}</h3>
                 {encodings[name].map(file => (
                   <img
                     key={file.id}
@@ -65,4 +81,4 @@ const mapDispatchToProps = (dispatch, ownProps) => ({
   }
 })
 
-export default connect(mapStateToProps, mapDispatchToProps)(BigGANCategoryList)
+export default connect(mapStateToProps, mapDispatchToProps)(BigGANEncodingList)