From 9c5d4a2fcc70d1167b56d0df2922fbf4d4442d37 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Thu, 21 Sep 2017 22:09:16 +0200
Subject: Make FLOPS more readable through approximation

---
 package.json                                        | 1 +
 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}
-- 
cgit v1.2.3