Add current progress on frontend port

4 files changed, 2 insertions, 84 deletions

diff --git a/frontend/src/components/app/sidebars/simulation/ExperimentMetadataComponent.js b/frontend/src/components/app/sidebars/simulation/ExperimentMetadataComponent.js
index 54a8b5e9..30990a13 100644
--- a/frontend/src/components/app/sidebars/simulation/ExperimentMetadataComponent.js
+++ b/frontend/src/components/app/sidebars/simulation/ExperimentMetadataComponent.js
@@ -2,14 +2,14 @@ import React from 'react'
 
 const ExperimentMetadataComponent = ({
                                          experimentName,
-                                         pathName,
+                                         topologyName,
                                          traceName,
                                          schedulerName,
                                      }) => (
     <div>
         <h2>{experimentName}</h2>
         <p>
-            Path: <strong>{pathName}</strong>
+            Topology: <strong>{topologyName}</strong>
         </p>
         <p>
             Trace: <strong>{traceName}</strong>
diff --git a/frontend/src/components/app/sidebars/simulation/SimulationSidebarComponent.js b/frontend/src/components/app/sidebars/simulation/SimulationSidebarComponent.js
index 6e89c40e..dba75eb2 100644
--- a/frontend/src/components/app/sidebars/simulation/SimulationSidebarComponent.js
+++ b/frontend/src/components/app/sidebars/simulation/SimulationSidebarComponent.js
@@ -1,7 +1,6 @@
 import React from 'react'
 import ExperimentMetadataContainer from '../../../../containers/app/sidebars/simulation/ExperimentMetadataContainer'
 import LoadMetricContainer from '../../../../containers/app/sidebars/simulation/LoadMetricContainer'
-import TraceContainer from '../../../../containers/app/sidebars/simulation/TraceContainer'
 import Sidebar from '../Sidebar'
 import './SimulationSidebarComponent.css'
 
@@ -11,9 +10,6 @@ const SimulationSidebarComponent = () => {
             <div className="simulation-sidebar-container flex-column">
                 <ExperimentMetadataContainer/>
                 <LoadMetricContainer/>
-                <div className="trace-container">
-                    <TraceContainer/>
-                </div>
             </div>
         </Sidebar>
     )
diff --git a/frontend/src/components/app/sidebars/simulation/TaskComponent.js b/frontend/src/components/app/sidebars/simulation/TaskComponent.js
deleted file mode 100644
index 94617086..00000000
--- a/frontend/src/components/app/sidebars/simulation/TaskComponent.js
+++ /dev/null
@@ -1,58 +0,0 @@
-import approx from 'approximate-number'
-import classNames from 'classnames'
-import React from 'react'
-import { convertSecondsToFormattedTime } from '../../../../util/date-time'
-
-const TaskComponent = ({ task, flopsLeft }) => {
-    let icon
-    let progressBarContent
-    let percent
-    let infoTitle
-
-    if (flopsLeft === task.totalFlopCount) {
-        icon = 'hourglass-half'
-        progressBarContent = ''
-        percent = 0
-        infoTitle = 'Not submitted yet'
-    } else if (flopsLeft > 0) {
-        icon = 'refresh'
-        progressBarContent = approx(task.totalFlopCount - flopsLeft) + ' FLOP'
-        percent = 100 * (task.totalFlopCount - flopsLeft) / task.totalFlopCount
-        infoTitle =
-            progressBarContent + ' (' + Math.round(percent * 10) / 10 + '%)'
-    } else {
-        icon = 'check'
-        progressBarContent = 'Completed'
-        percent = 100
-        infoTitle = 'Completed'
-    }
-
-    return (
-        <li className="list-group-item flex-column align-items-start">
-            <div className="d-flex w-100 justify-content-between">
-                <h5 className="mb-1">{approx(task.totalFlopCount)} FLOP</h5>
-                <small>Starts at {convertSecondsToFormattedTime(task.startTick)}</small>
-            </div>
-            <div title={infoTitle} style={{ display: 'flex' }}>
-        <span
-            className={classNames('fa', 'fa-' + icon)}
-            style={{ width: '20px' }}
-        />
-                <div className="progress" style={{ flexGrow: 1 }}>
-                    <div
-                        className="progress-bar"
-                        role="progressbar"
-                        aria-valuenow={percent}
-                        aria-valuemin="0"
-                        aria-valuemax="100"
-                        style={{ width: percent + '%' }}
-                    >
-                        {progressBarContent}
-                    </div>
-                </div>
-            </div>
-        </li>
-    )
-}
-
-export default TaskComponent
diff --git a/frontend/src/components/app/sidebars/simulation/TraceComponent.js b/frontend/src/components/app/sidebars/simulation/TraceComponent.js
deleted file mode 100644
index 1292219b..00000000
--- a/frontend/src/components/app/sidebars/simulation/TraceComponent.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react'
-import TaskContainer from '../../../../containers/app/sidebars/simulation/TaskContainer'
-
-const TraceComponent = ({ jobs }) => (
-    <div>
-        <h3>Trace</h3>
-        {jobs.map(job => (
-            <div key={job.id}>
-                <h4>Job: {job.name}</h4>
-                <ul className="list-group">
-                    {job.taskIds.map(taskId => (
-                        <TaskContainer taskId={taskId} key={taskId}/>
-                    ))}
-                </ul>
-            </div>
-        ))}
-    </div>
-)
-
-export default TraceComponent