diff options
| author | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-09-21 22:09:16 +0200 |
|---|---|---|
| committer | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-09-23 10:06:05 +0200 |
| commit | 9c5d4a2fcc70d1167b56d0df2922fbf4d4442d37 (patch) | |
| tree | cd51102adbb40541c23bbcf4f285bb4b1aa7670c | |
| parent | d2fe45aaa1b265c0caad7e83b16f6f2adbcd4c27 (diff) | |
Make FLOPS more readable through approximation
| -rw-r--r-- | package.json | 1 | ||||
| -rw-r--r-- | src/components/sidebars/simulation/TaskComponent.js | 5 |
2 files changed, 4 insertions, 2 deletions
diff --git a/package.json b/package.json index 828c4afb..69adc0de 100644 --- a/package.json +++ b/package.json @@ -4,6 +4,7 @@ "private": true, "proxy": "http://localhost:8081", "dependencies": { + "approximate-number": "^2.0.0", "bootstrap": "4.0.0-alpha.6", "classnames": "^2.2.5", "history": "^4.6.3", diff --git a/src/components/sidebars/simulation/TaskComponent.js b/src/components/sidebars/simulation/TaskComponent.js index 09608b99..ec60f210 100644 --- a/src/components/sidebars/simulation/TaskComponent.js +++ b/src/components/sidebars/simulation/TaskComponent.js @@ -1,3 +1,4 @@ +import approx from "approximate-number"; import React from "react"; import {convertSecondsToFormattedTime} from "../../../util/date-time"; @@ -12,7 +13,7 @@ const TaskComponent = ({task, flopsLeft}) => { stateInfo = ( <p> <span className="fa fa-refresh mr-2"/> - Running ({task.totalFlopCount - flopsLeft} / {task.totalFlopCount} FLOPS) + Running ({approx(task.totalFlopCount - flopsLeft)} / {approx(task.totalFlopCount)} FLOPS) </p> ); } else { @@ -24,7 +25,7 @@ const TaskComponent = ({task, flopsLeft}) => { return ( <li className="list-group-item flex-column align-items-start"> <div className="d-flex w-100 justify-content-between"> - <h5 className="mb-1">{task.totalFlopCount} FLOPS</h5> + <h5 className="mb-1">{approx(task.totalFlopCount)} FLOPS</h5> <small>Starts at {convertSecondsToFormattedTime(task.startTick)}</small> </div> {stateInfo} |