Merge branch 'TMSS-275' into TMSS-243

SAS/TMSS/frontend/tmss_webapp/src/routes/Project/create.js

@@ -157,9 +157,19 @@ export class ProjectCreate extends Component {
      * @param {string} key 
      * @param {any} value 
      */
-    setProjectParams(key, value) {
+    setProjectParams(key, value, type) {
         let project = this.state.project;
+        switch(type) {
+            case 'NUMBER': {
+                console.log("Parsing Number");
+                project[key] = value?parseInt(value):0;
+                break;
+            }
+            default: {
                 project[key] = value;
+                break;
+            }
+        }
         this.setState({project: project, validForm: this.validateForm(key)});
     }
 
@@ -173,12 +183,13 @@ export class ProjectCreate extends Component {
             let projectQuota = this.state.projectQuota;
             let resource = _.find(this.state.resources, {'name': key});
             
+            let newValue = 0;
             if (this.resourceUnitMap[resource.name]) {
-                projectQuota[key] = event.target.value.replace(this.resourceUnitMap[resource.name].display,'');
+                newValue = event.target.value.replace(this.resourceUnitMap[resource.name].display,'');
             }   else {
-                projectQuota[key] = event.target.value;
+                newValue = event.target.value;
             }
-            // console.log(`${key} - ${event.target.value}`);
+            projectQuota[key] = newValue==="NaN"?0:newValue;
             this.setState({projectQuota: projectQuota});
         }
     }
@@ -360,8 +371,8 @@ export class ProjectCreate extends Component {
                             <div className="col-lg-4 col-md-4 col-sm-12" data-testid="trig_prio">
                                 <InputNumber inputId="trig_prio" name="trig_prio" value={this.state.project.trigger_priority} 
                                         mode="decimal" showButtons min={0} max={1001} step={10} useGrouping={false}
-                                        onChange={(e) => this.setProjectParams('trigger_priority', e.target.value)}
-                                        onBlur={(e) => this.setProjectParams('trigger_priority', e.target.value)} />
+                                        onChange={(e) => this.setProjectParams('trigger_priority', e.value)}
+                                        onBlur={(e) => this.setProjectParams('trigger_priority', e.target.value, 'NUMBER')} />
                                 
                                 <label className="error">
                                     {this.state.errors.trigger_priority ? this.state.errors.trigger_priority : ""}
@@ -404,8 +415,8 @@ export class ProjectCreate extends Component {
                             <div className="col-lg-4 col-md-4 col-sm-12" data-testid="proj-rank" >
                                 <InputNumber inputId="proj-rank" name="rank" data-testid="rank" value={this.state.project.priority_rank} 
                                         mode="decimal" showButtons min={0} max={100}
-                                        onChange={(e) => this.setProjectParams('priority_rank', e.target.value)}
-                                        onBlur={(e) => this.setProjectParams('priority_rank', e.target.value)} />
+                                        onChange={(e) => this.setProjectParams('priority_rank', e.value)}
+                                        onBlur={(e) => this.setProjectParams('priority_rank', e.target.value, 'NUMBER')} />
                                 <label className="error">
                                     {this.state.errors.priority_rank ? this.state.errors.priority_rank : ""}
                                 </label>
@@ -439,10 +450,10 @@ export class ProjectCreate extends Component {
                     </div>
                 </div>
                 <div className="p-grid p-justify-start">
-                    <div className="p-col-1">
+                    <div className="col-lg-1 col-md-2 col-sm-6">
                         <Button label="Save" className="p-button-primary" id="save-btn" data-testid="save-btn" icon="pi pi-check" onClick={this.saveProject} disabled={!this.state.validForm} />
                     </div>
-                    <div className="p-col-1">
+                    <div className="col-lg-1 col-md-2 col-sm-6">
                         <Button label="Cancel" className="p-button-danger" icon="pi pi-times" onClick={this.cancelCreate}  />
                     </div>
                 </div>