From 868553cae44cdcf7d58d69f88da2b2776080c29c Mon Sep 17 00:00:00 2001
From: Sonja Happ <sonja.happ@eonerc.rwth-aachen.de>
Date: Thu, 5 Mar 2020 15:10:28 +0100
Subject: [PATCH] rename visible parts: simulator=infrastructure component,
 simulation model=component configuration #213

---
 src/common/menu-sidebar.js                     |  2 +-
 src/scenario/scenario.js                       | 10 +++++-----
 src/simulationmodel/edit-simulation-model.js   |  8 ++++----
 src/simulationmodel/import-simulation-model.js |  8 ++++----
 src/simulator/edit-simulator.js                |  2 +-
 src/simulator/import-simulator.js              |  4 ++--
 src/simulator/new-simulator.js                 |  2 +-
 src/simulator/simulators.js                    |  4 ++--
 src/styles/app.css                             |  4 ++--
 9 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/common/menu-sidebar.js b/src/common/menu-sidebar.js
index 5f43425..a597ccd 100644
--- a/src/common/menu-sidebar.js
+++ b/src/common/menu-sidebar.js
@@ -34,7 +34,7 @@ class SidebarMenu extends React.Component {
         <ul>
           <li><NavLink to="/home" activeClassName="active" title="Home">Home</NavLink></li>
           <li><NavLink to="/scenarios" activeClassName="active" title="Scenarios">Scenarios</NavLink></li>
-          <li><NavLink to="/simulators" activeClassName="active" title="Simulators">Simulators</NavLink></li>
+          <li><NavLink to="/simulators" activeClassName="active" title="Infrastructure Components">Infrastructure Components</NavLink></li>
           { this.props.currentRole === 'Admin' ?
               <li><NavLink to="/users" activeClassName="active" title="User Management">User Management</NavLink></li> : ''
           }
diff --git a/src/scenario/scenario.js b/src/scenario/scenario.js
index fd6171f..a339127 100644
--- a/src/scenario/scenario.js
+++ b/src/scenario/scenario.js
@@ -408,12 +408,12 @@ class Scenario extends React.Component {
     return <div className='section'>
       <h1>{this.state.scenario.name}</h1>
 
-      {/*Simulation Model table*/}
-      <h2>Simulation Models</h2>
+      {/*Component Configurations table*/}
+      <h2>Component Configurations</h2>
       <Table data={this.state.simulationModels}>
         <TableColumn checkbox onChecked={(index, event) => this.onSimulationModelChecked(index, event)} width='30' />
         <TableColumn title='Name' dataKey='name' />
-        <TableColumn title='Selected model file' dataKey='selectedModelFileID' modifier={(selectedModelFileID) => this.getFileName(selectedModelFileID)}/>
+        <TableColumn title='Selected configuration file' dataKey='selectedModelFileID' modifier={(selectedModelFileID) => this.getFileName(selectedModelFileID)}/>
         <TableColumn
           title='# Output Signals'
           dataKey='outputLength'
@@ -426,7 +426,7 @@ class Scenario extends React.Component {
           editButton
           onEdit={index => this.setState({ editInputSignalsModal: true, modalSimulationModelData: this.state.simulationModels[index], modalSimulationModelIndex: index })}
         />
-        <TableColumn title='Simulator' dataKey='simulatorID' modifier={(simulatorID) => this.getSimulatorName(simulatorID)} />
+        <TableColumn title='Infrastructure Component' dataKey='simulatorID' modifier={(simulatorID) => this.getSimulatorName(simulatorID)} />
         <TableColumn
           title='Edit/ Delete/ Export'
           width='200'
@@ -460,7 +460,7 @@ class Scenario extends React.Component {
 
       <EditSimulationModelDialog show={this.state.editSimulationModelModal} onClose={data => this.closeEditSimulationModelModal(data)} simulationModel={this.state.modalSimulationModelData} simulators={this.state.simulators} />
       <ImportSimulationModelDialog show={this.state.importSimulationModelModal} onClose={data => this.importSimulationModel(data)} simulators={this.state.simulators} />
-      <DeleteDialog title="simulation model" name={this.state.modalSimulationModelData.name} show={this.state.deleteSimulationModelModal} onClose={(c) => this.closeDeleteSimulationModelModal(c)} />
+      <DeleteDialog title="component configuration" name={this.state.modalSimulationModelData.name} show={this.state.deleteSimulationModelModal} onClose={(c) => this.closeDeleteSimulationModelModal(c)} />
 
       <EditSignalMapping
         show={this.state.editOutputSignalsModal}
diff --git a/src/simulationmodel/edit-simulation-model.js b/src/simulationmodel/edit-simulation-model.js
index efc66d0..71802df 100644
--- a/src/simulationmodel/edit-simulation-model.js
+++ b/src/simulationmodel/edit-simulation-model.js
@@ -82,7 +82,7 @@ class EditSimulationModelDialog extends React.Component {
     }
 
     handleSelectedModelFileChange(newFileID){
-      console.log("Model file change to: ", newFileID);
+      console.log("Config file change to: ", newFileID);
       this.setState({selectedModelFileID: newFileID})
 
       this.valid = this.isValid()
@@ -108,7 +108,7 @@ class EditSimulationModelDialog extends React.Component {
         );
 
         return (
-            <Dialog show={this.props.show} title="Edit Simulation Model" buttonTitle="Save" onClose={(c) => this.onClose(c)} onReset={() => this.resetState()} valid={this.valid}>
+            <Dialog show={this.props.show} title="Edit Component Configuration" buttonTitle="Save" onClose={(c) => this.onClose(c)} onReset={() => this.resetState()} valid={this.valid}>
                 <form>
                     <FormGroup controlId="name">
                         <FormLabel column={false}>Name</FormLabel>
@@ -118,13 +118,13 @@ class EditSimulationModelDialog extends React.Component {
 
                     <FormGroup controlId="simulatorID">
                       <FormLabel column={false}> Simulator </FormLabel>
-                      <FormControl as="select" placeholder='Select simulator' value={this.state.simulatorID} onChange={(e) => this.handleChange(e)}>
+                      <FormControl as="select" placeholder='Select infrastructure component' value={this.state.simulatorID} onChange={(e) => this.handleChange(e)}>
                         {simulatorOptions}
                       </FormControl>
                     </FormGroup>
 
 
-                    <SelectFile type='model' name='Simulation Model File' onChange={(e) => this.handleSelectedModelFileChange(e)} value={this.state.selectedModelFileID} objectID={this.props.simulationModel.id}/>
+                    <SelectFile type='model' name='Configuration File' onChange={(e) => this.handleSelectedModelFileChange(e)} value={this.state.selectedModelFileID} objectID={this.props.simulationModel.id}/>
 
 
                   {/*<SelectFile type='configuration' name='Configuration' onChange={(e) => this.handleChange(e)} value={this.state.configuration} />*/}
diff --git a/src/simulationmodel/import-simulation-model.js b/src/simulationmodel/import-simulation-model.js
index dc79201..885b281 100644
--- a/src/simulationmodel/import-simulation-model.js
+++ b/src/simulationmodel/import-simulation-model.js
@@ -88,16 +88,16 @@ class ImportSimulationModelDialog extends React.Component {
 
   render() {
     return (
-      <Dialog show={this.props.show} title="Import Simulation Model" buttonTitle="Import" onClose={(c) => this.onClose(c)} onReset={this.resetState} valid={this.imported}>
+      <Dialog show={this.props.show} title="Import Component Configuration" buttonTitle="Import" onClose={(c) => this.onClose(c)} onReset={this.resetState} valid={this.imported}>
         <form>
           <FormGroup controlId='file'>
-            <FormLabel>Simulation Model File</FormLabel>
+            <FormLabel>Component Configuration File</FormLabel>
             <FormControl type='file' onChange={this.loadFile} />
           </FormGroup>
 
           <FormGroup controlId='simulator'>
-            <FormLabel>Simulator</FormLabel>
-            <FormControl disabled={this.imported === false} as='select' placeholder='Select simulator' value={this.state.model.simulator} onChange={this.handleSimulatorChange}>
+            <FormLabel>Infrastructure Component</FormLabel>
+            <FormControl disabled={this.imported === false} as='select' placeholder='Select infrastructure component' value={this.state.model.simulator} onChange={this.handleSimulatorChange}>
               {this.props.simulators.map(simulator => (
                 <option key={simulator.id} value={simulator.id}>{_.get(simulator, 'properties.name') || _.get(simulator, 'rawProperties.name')}</option>
               ))}
diff --git a/src/simulator/edit-simulator.js b/src/simulator/edit-simulator.js
index d88e192..2a2d40a 100644
--- a/src/simulator/edit-simulator.js
+++ b/src/simulator/edit-simulator.js
@@ -68,7 +68,7 @@ class EditSimulatorDialog extends React.Component {
 
   render() {
     return (
-      <Dialog show={this.props.show} title="Edit Simulator" buttonTitle="Save" onClose={(c) => this.onClose(c)} onReset={() => this.resetState()} valid={this.valid}>
+      <Dialog show={this.props.show} title="Edit Infrastructure Component" buttonTitle="Save" onClose={(c) => this.onClose(c)} onReset={() => this.resetState()} valid={this.valid}>
         <form>
           <FormGroup controlId="name">
             <FormLabel column={false}>Name</FormLabel>
diff --git a/src/simulator/import-simulator.js b/src/simulator/import-simulator.js
index 4368c60..74877b1 100644
--- a/src/simulator/import-simulator.js
+++ b/src/simulator/import-simulator.js
@@ -115,10 +115,10 @@ class ImportSimulatorDialog extends React.Component {
 
   render() {
     return (
-      <Dialog show={this.props.show} title="New Simulator" buttonTitle="Add" onClose={(c) => this.onClose(c)} onReset={() => this.resetState()} valid={this.valid}>
+      <Dialog show={this.props.show} title="Import Infrastructure Component" buttonTitle="Add" onClose={(c) => this.onClose(c)} onReset={() => this.resetState()} valid={this.valid}>
         <form>
           <FormGroup controlId="file">
-            <FormLabel>Simulator File</FormLabel>
+            <FormLabel>Infrastructure Component File</FormLabel>
             <FormControl type="file" onChange={(e) => this.loadFile(e.target.files)} />
           </FormGroup>
 
diff --git a/src/simulator/new-simulator.js b/src/simulator/new-simulator.js
index 6116d12..4a8bcc0 100644
--- a/src/simulator/new-simulator.js
+++ b/src/simulator/new-simulator.js
@@ -96,7 +96,7 @@ class NewSimulatorDialog extends React.Component {
 
   render() {
     return (
-      <Dialog show={this.props.show} title="New Simulator" buttonTitle="Add" onClose={(c) => this.onClose(c)} onReset={() => this.resetState()} valid={this.valid}>
+      <Dialog show={this.props.show} title="New Infrastructure Component" buttonTitle="Add" onClose={(c) => this.onClose(c)} onReset={() => this.resetState()} valid={this.valid}>
         <form>
           <FormGroup controlId="name" validationState={this.validateForm('name')}>
             <FormLabel>Name</FormLabel>
diff --git a/src/simulator/simulators.js b/src/simulator/simulators.js
index e9926b4..e2f5a4f 100644
--- a/src/simulator/simulators.js
+++ b/src/simulator/simulators.js
@@ -272,7 +272,7 @@ class Simulators extends Component {
 
     return (
       <div className='section'>
-        <h1>Simulators</h1>
+        <h1>Infrastructure Components</h1>
 
         <Table data={this.state.simulators}>
           <TableColumn checkbox onChecked={(index, event) => this.onSimulatorChecked(index, event)} width='30' />
@@ -303,7 +303,7 @@ class Simulators extends Component {
         </div>
 
         <div style={{ float: 'right' }}>
-          <Button onClick={() => this.setState({ newModal: true })} style={buttonStyle}><Icon icon="plus" /> Simulator</Button>
+          <Button onClick={() => this.setState({ newModal: true })} style={buttonStyle}><Icon icon="plus" /> Infrastructure Component</Button>
           <Button onClick={() => this.setState({ importModal: true })} style={buttonStyle}><Icon icon="upload" /> Import</Button>
         </div>
 
diff --git a/src/styles/app.css b/src/styles/app.css
index 45e8557..b30c2ad 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -112,7 +112,7 @@ body {
 
 @media (min-width: 768px) {
   .app-content-margin-left {
-    margin-left: 200px !important;
+    margin-left: 275px !important;
   }
 }
 
@@ -122,7 +122,7 @@ body {
 .menu-sidebar {
   /*display: inline-table;*/
   padding: 20px 25px 20px 25px;
-  width: 180px;
+  width: 250px;
   float: left;
 
   background-color: #fff;