Added AdapterComponent onChange handle to CoordsRange

Author: enicolasgomez

webapp/components/general/AdapterComponent.js

@@ -51,7 +51,7 @@ export default class AdapterComponent extends Component {
 
     // Call to conversion function
     const newValue = this.props.convertToPython(this.state);
-    if (newValue != undefined && this.state.value != newValue) {
+    if (newValue != undefined && this.state.value != newValue && this.props.onChange) {
       this.props.onChange(null, null, newValue);
     }
   }

webapp/components/general/NetPyNECoordsRange.js

@@ -14,34 +14,24 @@ export default class NetPyNECoordsRange extends Component {
     this._isMounted = false;
   }
 
-  triggerUpdate (updateMethod) {
-    // common strategy when triggering processing of a value change, delay it, every time there is a change we reset
-    if (this.updateTimer != undefined) {
-      clearTimeout(this.updateTimer);
-    }
-    this.updateTimer = setTimeout(updateMethod, 1000);
-  }
-
   componentDidMount () {
     this._isMounted = true;
     this.updateLayout();
   }
 
   componentDidUpdate (prevProps, prevState) {
     if (this.props.name != prevProps.name) {
-      this.triggerUpdate(() => {
-        const message = `netpyne_geppetto.${this.props.model}['${this.props.name}']${(this.props.conds != undefined) ? `['${this.props.conds}']` : ''}`;
-        Utils
-          .evalPythonMessage(`[key in ${message} for key in ['${this.props.items[0].value}', '${this.props.items[1].value}']]`)
-          .then((response) => {
-            if (response[0] && this._isMounted === true) {
-              this.setState({ rangeType: this.props.items[0].value });
-            } else if (response[1] && this._isMounted === true) {
-              this.setState({ rangeType: this.props.items[1].value });
-            } else if (this._isMounted === true) {
-              this.setState({ rangeType: undefined });
-            }
-          });
+    const message = `netpyne_geppetto.${this.props.model}['${this.props.name}']${(this.props.conds != undefined) ? `['${this.props.conds}']` : ''}`;
+    Utils
+      .evalPythonMessage(`[key in ${message} for key in ['${this.props.items[0].value}', '${this.props.items[1].value}']]`)
+      .then((response) => {
+        if (response[0] && this._isMounted === true) {
+          this.setState({ rangeType: this.props.items[0].value });
+        } else if (response[1] && this._isMounted === true) {
+          this.setState({ rangeType: this.props.items[1].value });
+        } else if (this._isMounted === true) {
+          this.setState({ rangeType: undefined });
+        }
       });
     } else if (this.props.conds != prevProps.conds) {
       this.updateLayout();
@@ -85,6 +75,14 @@ export default class NetPyNECoordsRange extends Component {
     this._isMounted = false;
   }
 
+  //preConds: pop, cellType, cellModel, x, y, z, xnorm, ynorm, znorm
+  handleCoordParamChange(a, b, newValue) {
+    const pythonMessage = `netpyne_geppetto.${this.model} = [${newValue}]` ;
+    Utils.execPythonMessage(
+      pythonMessage
+    );
+  }
+
   render () {
     if (this.props.conds != undefined) {
       var meta = `${this.props.model}.${this.props.conds}.${this.props.items[0].value}`;
@@ -127,6 +125,7 @@ export default class NetPyNECoordsRange extends Component {
                     return output;
                   }
                 }}
+                onChange={this.handleCoordParamChange}
               >
                 <TextField label="Minimum" id={min} variant="filled" fullWidth />
                 <TextField label="Maximum" id={max} variant="filled" fullWidth />