diff options
Diffstat (limited to 'src/components/sidebars/simulation')
| -rw-r--r-- | src/components/sidebars/simulation/TaskComponent.js | 6 | ||||
| -rw-r--r-- | src/components/sidebars/simulation/TraceComponent.js | 13 |
2 files changed, 11 insertions, 8 deletions
diff --git a/src/components/sidebars/simulation/TaskComponent.js b/src/components/sidebars/simulation/TaskComponent.js index 9a26e720..c02d0a4b 100644 --- a/src/components/sidebars/simulation/TaskComponent.js +++ b/src/components/sidebars/simulation/TaskComponent.js @@ -5,16 +5,16 @@ const TaskComponent = ({task, flopsLeft}) => { let stateInfo; if (flopsLeft === task.totalFlopCount) { - stateInfo = <p><span className="fa fa-hourglass-half"/>Waiting</p>; + stateInfo = <p><span className="fa fa-hourglass-half mr-2"/>Waiting</p>; } else if (flopsLeft > 0) { stateInfo = ( <p> - <span className="fa fa-refresh"/> + <span className="fa fa-refresh mr-2"/> Running ({task.totalFlopCount - flopsLeft} / {task.totalFlopCount} FLOPS) </p> ); } else { - stateInfo = <p><span className="fa fa-check"/>Completed</p>; + stateInfo = <p><span className="fa fa-check mr-2"/>Completed</p>; } return ( diff --git a/src/components/sidebars/simulation/TraceComponent.js b/src/components/sidebars/simulation/TraceComponent.js index 498fe5bf..ffb470ba 100644 --- a/src/components/sidebars/simulation/TraceComponent.js +++ b/src/components/sidebars/simulation/TraceComponent.js @@ -5,11 +5,14 @@ const TraceComponent = ({jobs}) => ( <div> <h3>Trace</h3> {jobs.map(job => ( - <ul className="list-group" key={job.id}> - {job.taskIds.map(taskId => ( - <TaskContainer taskId={taskId} key={taskId}/> - ))} - </ul> + <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> ); |