Revert "code refactoring"

This reverts commit 29eb9176.

Revert "code refactoring"
22a3849a · Vladislav Gumerov · 29eb9176 · 22a3849a · 22a3849a · 22a3849a
Commit 22a3849a authored Feb 02, 2019 by Vladislav Gumerov
10 changed files
--- a/build/asset-manifest.json
+++ b/build/asset-manifest.json
 {
-  "main.css": "/static/css/main.070c553a.chunk.css",
-  "main.js": "/static/js/main.b388a9c8.chunk.js",
-  "main.js.map": "/static/js/main.b388a9c8.chunk.js.map",
+  "main.css": "/static/css/main.fc12b575.chunk.css",
+  "main.js": "/static/js/main.8c610268.chunk.js",
+  "main.js.map": "/static/js/main.8c610268.chunk.js.map",
  "static/js/1.41eb0558.chunk.js": "/static/js/1.41eb0558.chunk.js",
  "static/js/1.41eb0558.chunk.js.map": "/static/js/1.41eb0558.chunk.js.map",
  "runtime~main.js": "/static/js/runtime~main.229c360f.js",
  "runtime~main.js.map": "/static/js/runtime~main.229c360f.js.map",
-  "static/css/main.070c553a.chunk.css.map": "/static/css/main.070c553a.chunk.css.map",
+  "static/css/main.fc12b575.chunk.css.map": "/static/css/main.fc12b575.chunk.css.map",
  "index.html": "/index.html",
-  "precache-manifest.65ded3b3fadce4baad190abd11419c12.js": "/precache-manifest.65ded3b3fadce4baad190abd11419c12.js",
+  "precache-manifest.75f058a22ef87f2d997369ce54540577.js": "/precache-manifest.75f058a22ef87f2d997369ce54540577.js",
  "service-worker.js": "/service-worker.js"
 }
\ No newline at end of file
--- a/build/index.html
+++ b/build/index.html
-<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>system-load</title><script src="../../system-load/src/js/index.js"></script><link href="/static/css/main.070c553a.chunk.css" rel="stylesheet"></head><body><div id="root"></div><script>!function(l){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],f=0,i=[];f<n.length;f++)t=n[f],p[t]&&i.push(p[t][0]),p[t]=0;for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(l[r]=o[r]);for(s&&s(e);i.length;)i.shift()();return c.push.apply(c,u||[]),a()}function a(){for(var e,r=0;r<c.length;r++){for(var t=c[r],n=!0,o=1;o<t.length;o++){var u=t[o];0!==p[u]&&(n=!1)}n&&(c.splice(r--,1),e=f(f.s=t[0]))}return e}var t={},p={2:0},c=[];function f(e){if(t[e])return t[e].exports;var r=t[e]={i:e,l:!1,exports:{}};return l[e].call(r.exports,r,r.exports,f),r.l=!0,r.exports}f.m=l,f.c=t,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(r,e){if(1&e&&(r=f(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var n in r)f.d(t,n,function(e){return r[e]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},f.p="/";var r=window.webpackJsonp=window.webpackJsonp||[],n=r.push.bind(r);r.push=e,r=r.slice();for(var o=0;o<r.length;o++)e(r[o]);var s=n;a()}([])</script><script src="/static/js/1.41eb0558.chunk.js"></script><script src="/static/js/main.b388a9c8.chunk.js"></script></body></html>
\ No newline at end of file
+<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>system-load</title><script src="../../system-load/src/js/index.js"></script><link href="/static/css/main.fc12b575.chunk.css" rel="stylesheet"></head><body><div id="root"></div><script>!function(l){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],f=0,i=[];f<n.length;f++)t=n[f],p[t]&&i.push(p[t][0]),p[t]=0;for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(l[r]=o[r]);for(s&&s(e);i.length;)i.shift()();return c.push.apply(c,u||[]),a()}function a(){for(var e,r=0;r<c.length;r++){for(var t=c[r],n=!0,o=1;o<t.length;o++){var u=t[o];0!==p[u]&&(n=!1)}n&&(c.splice(r--,1),e=f(f.s=t[0]))}return e}var t={},p={2:0},c=[];function f(e){if(t[e])return t[e].exports;var r=t[e]={i:e,l:!1,exports:{}};return l[e].call(r.exports,r,r.exports,f),r.l=!0,r.exports}f.m=l,f.c=t,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(r,e){if(1&e&&(r=f(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var n in r)f.d(t,n,function(e){return r[e]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},f.p="/";var r=window.webpackJsonp=window.webpackJsonp||[],n=r.push.bind(r);r.push=e,r=r.slice();for(var o=0;o<r.length;o++)e(r[o]);var s=n;a()}([])</script><script src="/static/js/1.41eb0558.chunk.js"></script><script src="/static/js/main.8c610268.chunk.js"></script></body></html>
\ No newline at end of file
--- a/build/precache-manifest.65ded3b3fadce4baad190abd11419c12.js
+++ b/build/precache-manifest.65ded3b3fadce4baad190abd11419c12.js
@@ -4,19 +4,19 @@ self.__precacheManifest = [
    "url": "/static/js/runtime~main.229c360f.js"
  },
  {
-    "revision": "b388a9c850cf5857f827",
-    "url": "/static/js/main.b388a9c8.chunk.js"
+    "revision": "8c6102683d12c7aeea81",
+    "url": "/static/js/main.8c610268.chunk.js"
  },
  {
    "revision": "41eb055892f98c8d23d9",
    "url": "/static/js/1.41eb0558.chunk.js"
  },
  {
-    "revision": "b388a9c850cf5857f827",
-    "url": "/static/css/main.070c553a.chunk.css"
+    "revision": "8c6102683d12c7aeea81",
+    "url": "/static/css/main.fc12b575.chunk.css"
  },
  {
-    "revision": "f83bfa4e102412ff035e381b3c2f8bb6",
+    "revision": "419ecadeecae4f5d54353e2770d5e7db",
    "url": "/index.html"
  }
 ];
\ No newline at end of file
--- a/build/service-worker.js
+++ b/build/service-worker.js
@@ -14,7 +14,7 @@
 importScripts("https://storage.googleapis.com/workbox-cdn/releases/3.6.3/workbox-sw.js");

 importScripts(
-  "/precache-manifest.65ded3b3fadce4baad190abd11419c12.js"
+  "/precache-manifest.75f058a22ef87f2d997369ce54540577.js"
 );

 workbox.clientsClaim();

--- a/build/static/css/main.070c553a.chunk.css.map
+++ b/build/static/css/main.070c553a.chunk.css.map
-{"version":3,"sources":["C:/Users/AstR0x/Documents/GitHub/system-load/src/C:/Users/AstR0x/Documents/GitHub/system-load/src/index.css","main.070c553a.chunk.css","C:/Users/AstR0x/Documents/GitHub/system-load/src/C:/Users/AstR0x/Documents/GitHub/system-load/src/App.css"],"names":[],"mappings":"AAAA,KACE,QAAA,CACA,SAAA,CACA,mICEY,CDCZ,kCAAA,CACA,iCCCF,CDEA,KACE,uECEF,CCbA,EACE,SAAA,CACA,QDgBF,CCbA,KACE,kBDgBF,CCbA,mBACE,wDAAA,CACA,cAAA,CACA,UAAA,CACA,iBAAA,CACA,wBAAA,CACA,kBDgBF,CCdA,sBACE,aAAA,CACA,+BAAA,CACA,iBDgBF,CCbA,qCACE,YAAA,CACA,WDgBF,CCbA,cACE,eDgBF,CCbA,uBACE,YAAA,CACA,4BDgBF,CCbA,UACE,iBAAA,CACA,WAAA,CACA,SDgBF,CCbA,oCACC,mBACG,cDgBF,CCbA,sBACE,WDgBF,CCbA,cACE,eDgBF,CCbA,uBACE,aDgBF,CCbA,oBACE,eDkBF,CCbA,qCAJE,YAAA,CACA,WDqBF,CCbA,UACE,eAAA,CACA,YAAA,CACA,WDgBF,CACF","file":"main.070c553a.chunk.css","sourcesContent":["body {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\r\n    \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\r\n    sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n  font-family: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\",\r\n    monospace;\r\n}\r\n","body {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\r\n    \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\r\n    sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n  font-family: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\",\r\n    monospace;\r\n}\r\n\n* {\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\nbody {\r\n  background: #252F48;\r\n}\r\n\r\n.system-load-table {\r\n  font-family: \"Lucida Sans Unicode\", \"Lucida Grande\", Sans-Serif;\r\n  font-size: 14px;\r\n  width: 100%;\r\n  text-align: center;\r\n  border-collapse: collapse;\r\n  background: #252F48;\r\n}\r\n.system-load-table th {\r\n  color: #EDB749;\r\n  border-bottom: 1px solid #37B5A5;\r\n  padding: 12px 17px;\r\n}\r\n\r\n.canvasCpu-block, .canvasMemory-block {\r\n  height: 200px;\r\n  width: 500px;\r\n}\r\n\r\n.canvas-block {\r\n  margin-top: 50px;\r\n}\r\n\r\n.cpu-and-memory-charts {\r\n  display: flex;\r\n  justify-content: space-around;\r\n}\r\n\r\n.loadAver {\r\n  margin: 100px auto;\r\n  height: 100%;\r\n  width: 50%;\r\n}\r\n\r\n@media screen and (max-width: 414px) {\r\n .system-load-table {\r\n    font-size: 11px;\r\n  }\r\n  \r\n  .system-load-table th {\r\n    padding: 6px 6px;\r\n  }\r\n  \r\n  .canvas-block {\r\n    margin-top: 30px;\r\n  }\r\n  \r\n  .cpu-and-memory-charts {\r\n    display: block;\r\n  }\r\n  \r\n  .canvasMemory-block {\r\n    margin-top: 10px;\r\n    height: 150px;\r\n    width: 300px;\r\n  }\r\n  \r\n  .canvasCpu-block {\r\n    height: 150px;\r\n    width: 300px;\r\n  }\r\n  \r\n  .loadAver {\r\n    margin-top: 20px;\r\n    height: 300px;\r\n    width: 300px;\r\n  }\r\n}\n","* {\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\nbody {\r\n  background: #252F48;\r\n}\r\n\r\n.system-load-table {\r\n  font-family: \"Lucida Sans Unicode\", \"Lucida Grande\", Sans-Serif;\r\n  font-size: 14px;\r\n  width: 100%;\r\n  text-align: center;\r\n  border-collapse: collapse;\r\n  background: #252F48;\r\n}\r\n.system-load-table th {\r\n  color: #EDB749;\r\n  border-bottom: 1px solid #37B5A5;\r\n  padding: 12px 17px;\r\n}\r\n\r\n.canvasCpu-block, .canvasMemory-block {\r\n  height: 200px;\r\n  width: 500px;\r\n}\r\n\r\n.canvas-block {\r\n  margin-top: 50px;\r\n}\r\n\r\n.cpu-and-memory-charts {\r\n  display: flex;\r\n  justify-content: space-around;\r\n}\r\n\r\n.loadAver {\r\n  margin: 100px auto;\r\n  height: 100%;\r\n  width: 50%;\r\n}\r\n\r\n@media screen and (max-width: 414px) {\r\n .system-load-table {\r\n    font-size: 11px;\r\n  }\r\n  \r\n  .system-load-table th {\r\n    padding: 6px 6px;\r\n  }\r\n  \r\n  .canvas-block {\r\n    margin-top: 30px;\r\n  }\r\n  \r\n  .cpu-and-memory-charts {\r\n    display: block;\r\n  }\r\n  \r\n  .canvasMemory-block {\r\n    margin-top: 10px;\r\n    height: 150px;\r\n    width: 300px;\r\n  }\r\n  \r\n  .canvasCpu-block {\r\n    height: 150px;\r\n    width: 300px;\r\n  }\r\n  \r\n  .loadAver {\r\n    margin-top: 20px;\r\n    height: 300px;\r\n    width: 300px;\r\n  }\r\n}"]}
\ No newline at end of file
--- a/build/static/css/main.070c553a.chunk.css
+++ b/build/static/css/main.070c553a.chunk.css
 body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{padding:0;margin:0}body{background:#252f48}.system-load-table{font-family:Lucida Sans Unicode,Lucida Grande,Sans-Serif;font-size:14px;width:100%;text-align:center;border-collapse:collapse;background:#252f48}.system-load-table th{color:#edb749;border-bottom:1px solid #37b5a5;padding:12px 17px}.canvasCpu-block,.canvasMemory-block{height:200px;width:500px}.canvas-block{margin-top:50px}.cpu-and-memory-charts{display:flex;justify-content:space-around}.loadAver{margin:100px auto;height:100%;width:50%}@media screen and (max-width:414px){.system-load-table{font-size:11px}.system-load-table th{padding:6px}.canvas-block{margin-top:30px}.cpu-and-memory-charts{display:block}.canvasMemory-block{margin-top:10px}.canvasCpu-block,.canvasMemory-block{height:150px;width:300px}.loadAver{margin-top:20px;height:300px;width:300px}}
-/*# sourceMappingURL=main.070c553a.chunk.css.map */
\ No newline at end of file
+/*# sourceMappingURL=main.fc12b575.chunk.css.map */
\ No newline at end of file
--- a/build/static/css/main.fc12b575.chunk.css.map
+++ b/build/static/css/main.fc12b575.chunk.css.map
+{"version":3,"sources":["C:/Users/AstR0x/Documents/GitHub/system-load1/src/C:/Users/AstR0x/Documents/GitHub/system-load1/src/index.css","main.fc12b575.chunk.css","C:/Users/AstR0x/Documents/GitHub/system-load1/src/C:/Users/AstR0x/Documents/GitHub/system-load1/src/App.css"],"names":[],"mappings":"AAAA,KACE,QAAA,CACA,SAAA,CACA,mICEY,CDCZ,kCAAA,CACA,iCCCF,CDEA,KACE,uECEF,CCbA,EACE,SAAA,CACA,QDgBF,CCbA,KACE,kBDgBF,CCbA,mBACE,wDAAA,CACA,cAAA,CACA,UAAA,CACA,iBAAA,CACA,wBAAA,CACA,kBDgBF,CCdA,sBACE,aAAA,CACA,+BAAA,CACA,iBDgBF,CCbA,qCACE,YAAA,CACA,WDgBF,CCbA,cACE,eDgBF,CCbA,uBACE,YAAA,CACA,4BDgBF,CCbA,UACE,iBAAA,CACA,WAAA,CACA,SDgBF,CCbA,oCACC,mBACG,cDgBF,CCbA,sBACE,WDgBF,CCbA,cACE,eDgBF,CCbA,uBACE,aDgBF,CCbA,oBACE,eDkBF,CCbA,qCAJE,YAAA,CACA,WDqBF,CCbA,UACE,eAAA,CACA,YAAA,CACA,WDgBF,CACF","file":"main.fc12b575.chunk.css","sourcesContent":["body {\n  margin: 0;\n  padding: 0;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\n    \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\",\n    monospace;\n}\n","body {\n  margin: 0;\n  padding: 0;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\n    \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\",\n    monospace;\n}\n\n* {\n  padding: 0;\n  margin: 0;\n}\n\nbody {\n  background: #252F48;\n}\n\n.system-load-table {\n  font-family: \"Lucida Sans Unicode\", \"Lucida Grande\", Sans-Serif;\n  font-size: 14px;\n  width: 100%;\n  text-align: center;\n  border-collapse: collapse;\n  background: #252F48;\n}\n.system-load-table th {\n  color: #EDB749;\n  border-bottom: 1px solid #37B5A5;\n  padding: 12px 17px;\n}\n\n.canvasCpu-block, .canvasMemory-block {\n  height: 200px;\n  width: 500px;\n}\n\n.canvas-block {\n  margin-top: 50px;\n}\n\n.cpu-and-memory-charts {\n  display: flex;\n  justify-content: space-around;\n}\n\n.loadAver {\n  margin: 100px auto;\n  height: 100%;\n  width: 50%;\n}\n\n@media screen and (max-width: 414px) {\n .system-load-table {\n    font-size: 11px;\n  }\n  \n  .system-load-table th {\n    padding: 6px 6px;\n  }\n  \n  .canvas-block {\n    margin-top: 30px;\n  }\n  \n  .cpu-and-memory-charts {\n    display: block;\n  }\n  \n  .canvasMemory-block {\n    margin-top: 10px;\n    height: 150px;\n    width: 300px;\n  }\n  \n  .canvasCpu-block {\n    height: 150px;\n    width: 300px;\n  }\n  \n  .loadAver {\n    margin-top: 20px;\n    height: 300px;\n    width: 300px;\n  }\n}\n","* {\n  padding: 0;\n  margin: 0;\n}\n\nbody {\n  background: #252F48;\n}\n\n.system-load-table {\n  font-family: \"Lucida Sans Unicode\", \"Lucida Grande\", Sans-Serif;\n  font-size: 14px;\n  width: 100%;\n  text-align: center;\n  border-collapse: collapse;\n  background: #252F48;\n}\n.system-load-table th {\n  color: #EDB749;\n  border-bottom: 1px solid #37B5A5;\n  padding: 12px 17px;\n}\n\n.canvasCpu-block, .canvasMemory-block {\n  height: 200px;\n  width: 500px;\n}\n\n.canvas-block {\n  margin-top: 50px;\n}\n\n.cpu-and-memory-charts {\n  display: flex;\n  justify-content: space-around;\n}\n\n.loadAver {\n  margin: 100px auto;\n  height: 100%;\n  width: 50%;\n}\n\n@media screen and (max-width: 414px) {\n .system-load-table {\n    font-size: 11px;\n  }\n  \n  .system-load-table th {\n    padding: 6px 6px;\n  }\n  \n  .canvas-block {\n    margin-top: 30px;\n  }\n  \n  .cpu-and-memory-charts {\n    display: block;\n  }\n  \n  .canvasMemory-block {\n    margin-top: 10px;\n    height: 150px;\n    width: 300px;\n  }\n  \n  .canvasCpu-block {\n    height: 150px;\n    width: 300px;\n  }\n  \n  .loadAver {\n    margin-top: 20px;\n    height: 300px;\n    width: 300px;\n  }\n}"]}
\ No newline at end of file
--- a/build/static/js/main.b388a9c8.chunk.js
+++ b/build/static/js/main.b388a9c8.chunk.js
 (window.webpackJsonp=window.webpackJsonp||[]).push([[0],{25:function(e,t,a){e.exports=a(78)},31:function(e,t,a){},76:function(e,t,a){},78:function(e,t,a){"use strict";a.r(t);var n=a(0),i=a.n(n),o=a(24),r=a.n(o),s=(a(31),a(10)),l=a(11),c=a(13),u=a(12),m=a(14),d="http://77.246.159.121/server/data.php",h=function(e){function t(e){var a;Object(s.a)(this,t);var n=(a=Object(c.a)(this,Object(u.a)(t).call(this,e))).getData();return a.state={CPU:n.CPU,totalM:n.TotalMemory,freeM:n.FreeMemory,oneMin:n.oneMinute,fiveMin:n.fiveMinutes,fifteenMin:n.fifteenMinutes},a.changeData(),a}return Object(m.a)(t,e),Object(l.a)(t,[{key:"changeData",value:function(){var e=this;setInterval(function(){e.data=e.getData(),e.setState({CPU:e.data.CPU,totalM:e.data.TotalMemory,freeM:e.data.FreeMemory,oneMin:e.data.oneMinute,fiveMin:e.data.fiveMinutes,fifteenMin:e.data.fifteenMinutes})},2e3)}},{key:"getData",value:function(){var e=new XMLHttpRequest;if(e.open("GET",d,!1),e.send(),200==e.status)return JSON.parse(e.responseText);console.log(e.status)}},{key:"render",value:function(){return i.a.createElement("table",{className:"system-load-table"},i.a.createElement("tbody",null,i.a.createElement("tr",{className:"first_row"},i.a.createElement("th",null,"CPU"),i.a.createElement("th",null,"Total memory"),i.a.createElement("th",null,"Free memory"),i.a.createElement("th",null,"1 minute"),i.a.createElement("th",null,"5 minutes"),i.a.createElement("th",null,"15 minutes")),i.a.createElement("tr",{className:"second-row"},i.a.createElement("th",null,this.state.CPU,"%"),i.a.createElement("th",null,this.state.totalM.toFixed(2)+" \u041c\u0411"),i.a.createElement("th",null,this.state.freeM.toFixed(2)+" \u041c\u0411"),i.a.createElement("th",null,this.state.oneMin),i.a.createElement("th",null,this.state.fiveMin),i.a.createElement("th",null,this.state.fifteenMin))))}}]),t}(i.a.Component),f=a(15),b=a.n(f),g=function(e){function t(e){var a;Object(s.a)(this,t);var n=(a=Object(c.a)(this,Object(u.a)(t).call(this,e))).getData();return a.state={cpuData:[n.CPU],memoryData:[n.FreeMemory],timeData:[(new Date).toLocaleTimeString()],oneMinuteData:[n.oneMinute],fiveMinutesData:[n.fiveMinutes],fifteenMinutesData:[n.fifteenMinutes],data:n},a.changeCharts(),a}return Object(m.a)(t,e),Object(l.a)(t,[{key:"componentDidMount",value:function(){var e=document.getElementById("cpuChart").getContext("2d"),t=document.getElementById("memoryChart").getContext("2d"),a=document.getElementById("loadAverageChart").getContext("2d");this.cpuChart=new b.a(e,{type:"line",data:{labels:this.state.timeData,datasets:[{label:"CPU",backgroundColor:"rgba(255, 99, 132, 0.2)",borderColor:"rgb(255, 99, 132)",data:this.state.cpuData}]},options:{legend:{labels:{fontColor:"white",fontSize:18}},scales:{xAxes:[{gridLines:{color:"rgba(171,171,171,1)",lineWidth:.5},ticks:{fontColor:"white",fontSize:12}}],yAxes:[{gridLines:{color:"rgba(171,171,171,1)",lineWidth:.5},ticks:{fontColor:"white",fontSize:12,min:0,max:100,stepSize:20},scaleLabel:{display:!0,labelString:"PERCENTAGES",fontColor:"#c0c0c0"}}]}}}),this.memoryChart=new b.a(t,{type:"line",data:{labels:this.state.timeData,datasets:[{label:"Free memory",backgroundColor:"rgba(16, 115, 181, 0.2)",borderColor:"rgb(16, 115, 181)",data:this.state.memoryData}]},options:{legend:{labels:{fontColor:"white",fontSize:18}},scales:{xAxes:[{ticks:{fontColor:"white",fontSize:12},gridLines:{color:"rgba(171,171,171,1)",lineWidth:.5}}],yAxes:[{gridLines:{color:"rgba(171,171,171,1)",lineWidth:.5},ticks:{fontColor:"white",fontSize:12,min:0,max:this.state.data.TotalMemory,stepSize:this.state.data.TotalMemory/4},scaleLabel:{display:!0,labelString:"MEGABYTES",fontColor:"#c0c0c0"}}]}}}),this.loadAverageChart=new b.a(a,{type:"line",data:{labels:this.state.timeData,datasets:[{label:"1 minute",backgroundColor:"rgba(255, 99, 132, 0.05)",borderColor:"rgb(255, 99, 132)",data:this.state.oneMinuteData},{label:"5 minutes",backgroundColor:"rgba(65, 99, 222, 0.05)",borderColor:"rgb(65, 99, 222)",data:this.state.fiveMinutesData},{label:"15 minutes",backgroundColor:"rgba(145, 44, 132, 0.05)",borderColor:"rgb(145, 44, 132)",data:this.state.fifteenMinutesData}]},options:{legend:{labels:{fontColor:"white",fontSize:18}},scales:{xAxes:[{ticks:{fontColor:"white",fontSize:12},gridLines:{color:"rgba(171,171,171,1)",lineWidth:.5}}],yAxes:[{gridLines:{color:"rgba(171,171,171,1)",lineWidth:.5},ticks:{fontColor:"white",fontSize:12,min:0,stepSize:.5}}]}}})}},{key:"getData",value:function(){var e=new XMLHttpRequest;if(e.open("GET",d,!1),e.send(),200==e.status)return JSON.parse(e.responseText);console.log(e.status)}},{key:"changeCharts",value:function(){var e=this;setInterval(function(){e.data=e.getData(),e.state.timeData.length>=10&&(e.state.timeData.shift(),e.state.cpuData.shift(),e.state.memoryData.shift(),e.state.oneMinuteData.shift(),e.state.fiveMinutesData.shift(),e.state.fifteenMinutesData.shift()),e.state.cpuData.push(e.data.CPU/1),e.state.memoryData.push(e.data.FreeMemory.toFixed(2)),e.state.timeData.push((new Date).toLocaleTimeString()),e.state.oneMinuteData.push(e.data.oneMinute),e.state.fiveMinutesData.push(e.data.fiveMinutes),e.state.fifteenMinutesData.push(e.data.fifteenMinutes),e.loadAverageChart.update(),e.cpuChart.update(),e.memoryChart.update()},3e3)}},{key:"render",value:function(){return i.a.createElement("div",{className:"canvas-block"},i.a.createElement("div",{className:"cpu-and-memory-charts"},i.a.createElement("div",{className:"canvasCpu-block"},i.a.createElement("canvas",{id:"cpuChart"})),i.a.createElement("div",{className:"canvasMemory-block"},i.a.createElement("canvas",{id:"memoryChart"}))),i.a.createElement("div",{className:"loadAver"},i.a.createElement("canvas",{id:"loadAverageChart"})))}}]),t}(i.a.Component);a(76);var M=function(){return[i.a.createElement(h,null),i.a.createElement(g,null)]};r.a.render(i.a.createElement(M,null),document.getElementById("root"))}},[[25,2,1]]]);
-//# sourceMappingURL=main.b388a9c8.chunk.js.map
\ No newline at end of file
+//# sourceMappingURL=main.8c610268.chunk.js.map
\ No newline at end of file
--- a/build/static/js/main.b388a9c8.chunk.js.map
+++ b/build/static/js/main.b388a9c8.chunk.js.map
--- a/package-lock.json
+++ b/package-lock.json
@@ -5639,13 +5639,11 @@
        },
        "balanced-match": {
          "version": "1.0.0",
-          "bundled": true,
-          "optional": true
+          "bundled": true
        },
        "brace-expansion": {
          "version": "1.1.11",
          "bundled": true,
-          "optional": true,
          "requires": {
            "balanced-match": "^1.0.0",
            "concat-map": "0.0.1"
@@ -5658,18 +5656,15 @@
        },
        "code-point-at": {
          "version": "1.1.0",
-          "bundled": true,
-          "optional": true
+          "bundled": true
        },
        "concat-map": {
          "version": "0.0.1",
-          "bundled": true,
-          "optional": true
+          "bundled": true
        },
        "console-control-strings": {
          "version": "1.1.0",
-          "bundled": true,
-          "optional": true
+          "bundled": true
        },
        "core-util-is": {
          "version": "1.0.2",
@@ -5772,8 +5767,7 @@
        },
        "inherits": {
          "version": "2.0.3",
-          "bundled": true,
-          "optional": true
+          "bundled": true
        },
        "ini": {
          "version": "1.3.5",
@@ -5783,7 +5777,6 @@
        "is-fullwidth-code-point": {
          "version": "1.0.0",
          "bundled": true,
-          "optional": true,
          "requires": {
            "number-is-nan": "^1.0.0"
          }
@@ -5796,20 +5789,17 @@
        "minimatch": {
          "version": "3.0.4",
          "bundled": true,
-          "optional": true,
          "requires": {
            "brace-expansion": "^1.1.7"
          }
        },
        "minimist": {
          "version": "0.0.8",
-          "bundled": true,
-          "optional": true
+          "bundled": true
        },
        "minipass": {
          "version": "2.2.4",
          "bundled": true,
-          "optional": true,
          "requires": {
            "safe-buffer": "^5.1.1",
            "yallist": "^3.0.0"
@@ -5826,7 +5816,6 @@
        "mkdirp": {
          "version": "0.5.1",
          "bundled": true,
-          "optional": true,
          "requires": {
            "minimist": "0.0.8"
          }
@@ -5899,8 +5888,7 @@
        },
        "number-is-nan": {
          "version": "1.0.1",
-          "bundled": true,
-          "optional": true
+          "bundled": true
        },
        "object-assign": {
          "version": "4.1.1",
@@ -5910,7 +5898,6 @@
        "once": {
          "version": "1.4.0",
          "bundled": true,
-          "optional": true,
          "requires": {
            "wrappy": "1"
          }
@@ -6016,7 +6003,6 @@
        "string-width": {
          "version": "1.0.2",
          "bundled": true,
-          "optional": true,
          "requires": {
            "code-point-at": "^1.0.0",
            "is-fullwidth-code-point": "^1.0.0",
@@ -13194,6 +13180,15 @@
        }
      }
    },
+    "react-chartjs-2": {
+      "version": "2.7.4",
+      "resolved": "https://registry.npmjs.org/react-chartjs-2/-/react-chartjs-2-2.7.4.tgz",
+      "integrity": "sha512-lXTpBaDlk9rIMjRONjZd76dIUhEm3vOp2jOrJrsFG/UpFI5VqX8Xw83apVHTnUGJ968f8i/i/syLddls4NHy2g==",
+      "requires": {
+        "lodash": "^4.17.4",
+        "prop-types": "^15.5.8"
+      }
+    },
    "react-dev-utils": {
      "version": "7.0.1",
      "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-7.0.1.tgz",