Merge pull request #2446 from jeff1evesque/bug-2445

#2445: Clear components when another model chosen

Author: jeff1evesque

src/jsx/import/input-data/supply_dataset_url.jsx

@@ -111,7 +111,7 @@ var SupplyDatasetUrl = React.createClass({
                 />
 
                 {/* array components require unique 'key' value */}
-                {inputs && inputs.map(function(value, index){ 
+                {inputs && inputs.map(function(value, index){
                     return <input
                         type='url'
                         name='svm_dataset[]'

src/jsx/import/input-data/supply_predictors.jsx

@@ -25,8 +25,8 @@ var SupplyPredictors = React.createClass({
         var predictors = document.getElementsByClassName('predictionInput');
 
         {/*
-            Iterate the node list containing the supplied dataset(s). If the
-            input value is a valid file, store 'true', within the array.
+            Iterate the node list containing the supplied predictors(s). If
+            input value is a valid float, store 'true', within the array.
         */}
         var boolArray = Array.prototype.map.call(
             predictors,
@@ -62,7 +62,7 @@ var SupplyPredictors = React.createClass({
 
                 {/* array components require unique 'key' value */}
                 {options && options.map(function(value, index){
-                    var suffix = index.toString()
+                    var suffix = index.toString();
 				    var predictor = this.state['value_predictor_' + suffix];
 
                     return <input
@@ -72,7 +72,7 @@ var SupplyPredictors = React.createClass({
                         placeholder={value}
                         key={index}
                         onChange={this.validIntegerEntered}
-                        value={predictor}
+//                        value={predictor}
                     />;
                 }.bind(this))}
 

src/jsx/import/session-type/model_predict.jsx

@@ -26,12 +26,22 @@ var ModelPredict = React.createClass({
     changeModelId: function(event){
         var modelId = event.target.value;
 
+      // clear predictors, remove submit button
+          var predictors = document.getElementsByClassName('predictionInput');
+
+          if (predictors) {
+              for (var i = 0; i < predictors.length; i++) {
+                  predictors[i].value='';
+              }
+          }
+          this.props.onChange({render_submit: false});
+
+      // store modelId into state
         if (modelId && modelId != '--Select--' && checkValidInt(modelId)) {
             this.setState({value_model_id: event.target.value});
         }
         else {
             this.setState({value_model_id: '--Select--'});
-            this.props.onChange({render_submit: false});
         }
     },
   // update 'state properties' from child component (i.e. 'validStringEntered')