diff --git a/SAS/TMSS/frontend/tmss_webapp/src/routes/Project/create.js b/SAS/TMSS/frontend/tmss_webapp/src/routes/Project/create.js index 6a15239301b1a3f06e3021b11de12f81f5225112..233c91e91db16a2236433bf474206c8acac1bc0e 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/routes/Project/create.js +++ b/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; - project[key] = value; + 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>