Skip to content

S
system-load
Commit 22a3849a authored by Vladislav Gumerov's avatar Vladislav Gumerov
Browse files
Options

Revert "code refactoring"

This reverts commit 29eb9176.
parent 29eb9176
Hide whitespace changes
Inline Side-by-side
Showing with 39 additions and 42 deletions
build/asset-manifest.json
View file @ 22a3849a
{ {
"main.css": "/static/css/main.070c553a.chunk.css", "main.css": "/static/css/main.fc12b575.chunk.css",
"main.js": "/static/js/main.b388a9c8.chunk.js", "main.js": "/static/js/main.8c610268.chunk.js",
"main.js.map": "/static/js/main.b388a9c8.chunk.js.map", "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": "/static/js/1.41eb0558.chunk.js",
"static/js/1.41eb0558.chunk.js.map": "/static/js/1.41eb0558.chunk.js.map", "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": "/static/js/runtime~main.229c360f.js",
"runtime~main.js.map": "/static/js/runtime~main.229c360f.js.map", "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", "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" "service-worker.js": "/service-worker.js"
} }
\ No newline at end of file
build/index.html
View file @ 22a3849a
<!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> <!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 \ No newline at end of file
build/precache-manifest.65ded3b3fadce4baad190abd11419c12.js → build/precache-manifest.75f058a22ef87f2d997369ce54540577.js
View file @ 22a3849a
...@@ -4,19 +4,19 @@ self.__precacheManifest = [ ...@@ -4,19 +4,19 @@ self.__precacheManifest = [
"url": "/static/js/runtime~main.229c360f.js" "url": "/static/js/runtime~main.229c360f.js"
}, },
{ {
"revision": "b388a9c850cf5857f827", "revision": "8c6102683d12c7aeea81",
"url": "/static/js/main.b388a9c8.chunk.js" "url": "/static/js/main.8c610268.chunk.js"
}, },
{ {
"revision": "41eb055892f98c8d23d9", "revision": "41eb055892f98c8d23d9",
"url": "/static/js/1.41eb0558.chunk.js" "url": "/static/js/1.41eb0558.chunk.js"
}, },
{ {
"revision": "b388a9c850cf5857f827", "revision": "8c6102683d12c7aeea81",
"url": "/static/css/main.070c553a.chunk.css" "url": "/static/css/main.fc12b575.chunk.css"
}, },
{ {
"revision": "f83bfa4e102412ff035e381b3c2f8bb6", "revision": "419ecadeecae4f5d54353e2770d5e7db",
"url": "/index.html" "url": "/index.html"
} }
]; ];
\ No newline at end of file
build/service-worker.js
View file @ 22a3849a
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
importScripts("https://storage.googleapis.com/workbox-cdn/releases/3.6.3/workbox-sw.js"); importScripts("https://storage.googleapis.com/workbox-cdn/releases/3.6.3/workbox-sw.js");
importScripts( importScripts(
"/precache-manifest.65ded3b3fadce4baad190abd11419c12.js" "/precache-manifest.75f058a22ef87f2d997369ce54540577.js"
); );
workbox.clientsClaim(); workbox.clientsClaim();
......
build/static/css/main.070c553a.chunk.css.map deleted 100644 → 0
View file @ 29eb9176
{"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
build/static/css/main.070c553a.chunk.css → build/static/css/main.fc12b575.chunk.css
View file @ 22a3849a
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}} 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 */ /*# sourceMappingURL=main.fc12b575.chunk.css.map */
\ No newline at end of file \ No newline at end of file
build/static/css/main.fc12b575.chunk.css.map 0 → 100644
View file @ 22a3849a
{"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
build/static/js/main.b388a9c8.chunk.js → build/static/js/main.8c610268.chunk.js
View file @ 22a3849a
(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]]]); (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 //# sourceMappingURL=main.8c610268.chunk.js.map
\ No newline at end of file \ No newline at end of file
build/static/js/main.b388a9c8.chunk.js.map → build/static/js/main.8c610268.chunk.js.map
View file @ 22a3849a
{"version":3,"sources":["address.js","components/Table.js","components/Charts.js","App.js","index.js"],"names":["URL","Table","props","_this","Object","classCallCheck","this","data","possibleConstructorReturn","getPrototypeOf","call","getData","state","CPU","totalM","freeM","oneMin","fiveMin","fifteenMin","changeData","_this2","setInterval","setState","xhr","XMLHttpRequest","open","send","status","JSON","parse","responseText","console","log","react_default","a","createElement","className","toFixed","React","Component","Charts","cpuData","memoryData","timeData","Date","toLocaleTimeString","oneMinuteData","fiveMinutesData","fifteenMinutesData","changeCharts","cpuCtx","document","getElementById","getContext","memoryCtx","loadAverageCtx","cpuChart","Chart","type","labels","datasets","label","backgroundColor","borderColor","options","legend","fontColor","fontSize","scales","xAxes","gridLines","color","lineWidth","ticks","yAxes","min","max","stepSize","scaleLabel","display","labelString","memoryChart","loadAverageChart","length","shift","push","update","id","App","components_Table","components_Charts","ReactDOM","render","src_App"],"mappings":"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","file":"static/js/main.b388a9c8.chunk.js","sourcesContent":["const URL = \"http://77.246.159.121/server/data.php\";\r\nexport default URL","import React from 'react';\r\nimport URL from '../address'\r\n\r\nclass Table extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n const data = this.getData();\r\n\r\n this.state = {\r\n CPU: data['CPU'],\r\n totalM: data['TotalMemory'],\r\n freeM: data['FreeMemory'],\r\n oneMin: data['oneMinute'],\r\n fiveMin: data['fiveMinutes'],\r\n fifteenMin: data['fifteenMinutes'],\r\n };\r\n this.changeData();\r\n }\r\n\r\n changeData() {\r\n setInterval(() => {\r\n this.data = this.getData();\r\n this.setState({\r\n CPU: this.data['CPU'],\r\n totalM: this.data['TotalMemory'],\r\n freeM: this.data['FreeMemory'],\r\n oneMin: this.data['oneMinute'],\r\n fiveMin: this.data['fiveMinutes'],\r\n fifteenMin: this.data['fifteenMinutes']\r\n })\r\n }, 2000)\r\n }\r\n\r\n getData() {\r\n let xhr = new XMLHttpRequest();\r\n xhr.open('GET', URL, false);\r\n xhr.send();\r\n if (xhr.status != 200) {\r\n console.log(xhr.status);\r\n } else {\r\n return (JSON.parse(xhr.responseText));\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <table className=\"system-load-table\">\r\n <tbody>\r\n <tr className=\"first_row\">\r\n <th>CPU</th>\r\n <th>Total memory</th>\r\n <th>Free memory</th>\r\n <th>1 minute</th>\r\n <th>5 minutes</th>\r\n <th>15 minutes</th>\r\n </tr>\r\n <tr className=\"second-row\">\r\n <th>{this.state.CPU}%</th>\r\n <th>{(this.state.totalM).toFixed(2) + ' МБ'}</th>\r\n <th>{(this.state.freeM).toFixed(2) + ' МБ'}</th>\r\n <th>{this.state.oneMin}</th>\r\n <th>{this.state.fiveMin}</th>\r\n <th>{this.state.fifteenMin}</th>\r\n </tr>\r\n </tbody>\r\n </table>\r\n )\r\n }\r\n}\r\n\r\nexport default Table","import React from 'react'\r\nimport Chart from 'chart.js'\r\nimport URL from '../address'\r\n\r\nclass Charts extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n const data = this.getData();\r\n\r\n this.state = {\r\n cpuData: [data['CPU']],\r\n memoryData: [data['FreeMemory']],\r\n timeData: [new Date().toLocaleTimeString()],\r\n oneMinuteData: [data['oneMinute']],\r\n fiveMinutesData: [data['fiveMinutes']],\r\n fifteenMinutesData: [data['fifteenMinutes']],\r\n data: data\r\n };\r\n\r\n this.changeCharts();\r\n }\r\n\r\n componentDidMount() {\r\n const cpuCtx = document.getElementById('cpuChart').getContext('2d');\r\n const memoryCtx = document.getElementById('memoryChart').getContext('2d');\r\n const loadAverageCtx = document.getElementById('loadAverageChart').getContext('2d');\r\n\r\n this.cpuChart = new Chart(cpuCtx, {\r\n type: 'line',\r\n data: {\r\n labels: this.state.timeData,\r\n datasets: [{\r\n label: \"CPU\",\r\n backgroundColor: 'rgba(255, 99, 132, 0.2)',\r\n borderColor: 'rgb(255, 99, 132)',\r\n data: this.state.cpuData,\r\n }]\r\n },\r\n\r\n options: {\r\n legend: {\r\n labels: {\r\n fontColor: \"white\",\r\n fontSize: 18\r\n }\r\n },\r\n scales: {\r\n xAxes: [{\r\n gridLines: {\r\n color: 'rgba(171,171,171,1)',\r\n lineWidth: 0.5\r\n },\r\n ticks: {\r\n fontColor: \"white\",\r\n fontSize: 12,\r\n }\r\n }],\r\n yAxes: [{\r\n gridLines: {\r\n color: 'rgba(171,171,171,1)',\r\n lineWidth: 0.5\r\n },\r\n ticks: {\r\n fontColor: \"white\",\r\n fontSize: 12,\r\n min: 0,\r\n max: 100,\r\n stepSize: 20\r\n },\r\n scaleLabel: {\r\n display: true,\r\n labelString: \"PERCENTAGES\",\r\n fontColor: \"#c0c0c0\"\r\n }\r\n }]\r\n }\r\n }\r\n });\r\n\r\n this.memoryChart = new Chart(memoryCtx, {\r\n type: 'line',\r\n data: {\r\n labels: this.state.timeData,\r\n datasets: [{\r\n label: \"Free memory\",\r\n backgroundColor: 'rgba(16, 115, 181, 0.2)',\r\n borderColor: 'rgb(16, 115, 181)',\r\n data: this.state.memoryData,\r\n }]\r\n },\r\n\r\n options: {\r\n legend: {\r\n labels: {\r\n fontColor: \"white\",\r\n fontSize: 18\r\n }\r\n },\r\n scales: {\r\n xAxes: [{\r\n ticks: {\r\n fontColor: \"white\",\r\n fontSize: 12,\r\n },\r\n gridLines: {\r\n color: 'rgba(171,171,171,1)',\r\n lineWidth: 0.5\r\n },\r\n }],\r\n yAxes: [{\r\n gridLines: {\r\n color: 'rgba(171,171,171,1)',\r\n lineWidth: 0.5\r\n },\r\n ticks: {\r\n fontColor: \"white\",\r\n fontSize: 12,\r\n min: 0,\r\n max: this.state.data['TotalMemory'],\r\n stepSize: this.state.data['TotalMemory'] / 4,\r\n },\r\n scaleLabel: {\r\n display: true,\r\n labelString: \"MEGABYTES\",\r\n fontColor: \"#c0c0c0\"\r\n }\r\n }]\r\n }\r\n }\r\n });\r\n\r\n this.loadAverageChart = new Chart(loadAverageCtx, {\r\n type: 'line',\r\n data: {\r\n labels: this.state.timeData,\r\n datasets: [{\r\n label: \"1 minute\",\r\n backgroundColor: 'rgba(255, 99, 132, 0.05)',\r\n borderColor: 'rgb(255, 99, 132)',\r\n data: this.state.oneMinuteData,\r\n },\r\n {\r\n label: \"5 minutes\",\r\n backgroundColor: 'rgba(65, 99, 222, 0.05)',\r\n borderColor: 'rgb(65, 99, 222)',\r\n data: this.state.fiveMinutesData,\r\n },\r\n {\r\n label: \"15 minutes\",\r\n backgroundColor: 'rgba(145, 44, 132, 0.05)',\r\n borderColor: 'rgb(145, 44, 132)',\r\n data: this.state.fifteenMinutesData,\r\n },]\r\n },\r\n\r\n options: {\r\n legend: {\r\n labels: {\r\n fontColor: \"white\",\r\n fontSize: 18\r\n }\r\n },\r\n scales: {\r\n xAxes: [{\r\n ticks: {\r\n fontColor: \"white\",\r\n fontSize: 12,\r\n },\r\n gridLines: {\r\n color: 'rgba(171,171,171,1)',\r\n lineWidth: 0.5\r\n },\r\n }],\r\n yAxes: [{\r\n gridLines: {\r\n color: 'rgba(171,171,171,1)',\r\n lineWidth: 0.5\r\n },\r\n ticks: {\r\n fontColor: \"white\",\r\n fontSize: 12,\r\n min: 0,\r\n stepSize: 0.50\r\n }\r\n }]\r\n }\r\n }\r\n });\r\n }\r\n\r\n getData() {\r\n let xhr = new XMLHttpRequest();\r\n xhr.open('GET', URL, false);\r\n xhr.send();\r\n if (xhr.status != 200) {\r\n console.log(xhr.status);\r\n } else {\r\n return (JSON.parse(xhr.responseText));\r\n }\r\n }\r\n\r\n changeCharts() {\r\n setInterval(() => {\r\n this.data = this.getData();\r\n if (this.state.timeData.length >= 10) {\r\n this.state.timeData.shift();\r\n this.state.cpuData.shift();\r\n this.state.memoryData.shift();\r\n this.state.oneMinuteData.shift();\r\n this.state.fiveMinutesData.shift();\r\n this.state.fifteenMinutesData.shift();\r\n }\r\n\r\n this.state.cpuData.push(this.data['CPU'] / 1);\r\n this.state.memoryData.push((this.data['FreeMemory']).toFixed(2));\r\n this.state.timeData.push(new Date().toLocaleTimeString());\r\n this.state.oneMinuteData.push(this.data['oneMinute']);\r\n this.state.fiveMinutesData.push(this.data['fiveMinutes']);\r\n this.state.fifteenMinutesData.push(this.data['fifteenMinutes']);\r\n this.loadAverageChart.update();\r\n this.cpuChart.update();\r\n this.memoryChart.update();\r\n }, 3000)\r\n }\r\n\r\n render() {\r\n return (\r\n <div className=\"canvas-block\">\r\n <div className=\"cpu-and-memory-charts\">\r\n <div className='canvasCpu-block'>\r\n <canvas id=\"cpuChart\"></canvas>\r\n </div>\r\n <div className='canvasMemory-block'>\r\n <canvas id=\"memoryChart\"></canvas>\r\n </div>\r\n </div>\r\n <div className=\"loadAver\">\r\n <canvas id=\"loadAverageChart\"></canvas>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n\r\nexport default Charts","import React, {Component} from 'react';\r\nimport Table from './components/Table';\r\nimport Charts from './components/Charts'\r\nimport './App.css';\r\n\r\nfunction getData() {\r\n let xhr = new XMLHttpRequest();\r\n xhr.open('GET', 'http://77.246.159.121/core/data.php', false);\r\n xhr.send();\r\n if (xhr.status != 200) {\r\n console.log(xhr.status);\r\n } else {\r\n return (JSON.parse(xhr.responseText));\r\n }\r\n}\r\n\r\nfunction App() {\r\n return [\r\n <Table/> ,\r\n <Charts/>\r\n ]\r\n }\r\n\r\nexport default App\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\n\r\nReactDOM.render(<App/>, document.getElementById('root'));\r\n\r\n\r\n\r\n\r\n"],"sourceRoot":""} {"version":3,"sources":["address.js","components/Table.js","components/Charts.js","App.js","index.js"],"names":["URL","Table","props","_this","Object","classCallCheck","this","data","possibleConstructorReturn","getPrototypeOf","call","getData","state","CPU","totalM","freeM","oneMin","fiveMin","fifteenMin","changeData","_this2","setInterval","setState","xhr","XMLHttpRequest","open","send","status","JSON","parse","responseText","console","log","react_default","a","createElement","className","toFixed","React","Component","Charts","cpuData","memoryData","timeData","Date","toLocaleTimeString","oneMinuteData","fiveMinutesData","fifteenMinutesData","changeCharts","cpuCtx","document","getElementById","getContext","memoryCtx","loadAverageCtx","cpuChart","Chart","type","labels","datasets","label","backgroundColor","borderColor","options","legend","fontColor","fontSize","scales","xAxes","gridLines","color","lineWidth","ticks","yAxes","min","max","stepSize","scaleLabel","display","labelString","memoryChart","loadAverageChart","length","shift","push","update","id","App","components_Table","components_Charts","ReactDOM","render","src_App"],"mappings":"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","file":"static/js/main.8c610268.chunk.js","sourcesContent":["const URL = \"http://77.246.159.121/server/data.php\";\r\nexport default URL","import React from 'react';\r\nimport URL from '../address'\r\n\r\nclass Table extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n const data = this.getData();\r\n\r\n this.state = {\r\n CPU: data['CPU'],\r\n totalM: data['TotalMemory'],\r\n freeM: data['FreeMemory'],\r\n oneMin: data['oneMinute'],\r\n fiveMin: data['fiveMinutes'],\r\n fifteenMin: data['fifteenMinutes'],\r\n };\r\n this.changeData();\r\n }\r\n\r\n changeData() {\r\n setInterval(() => {\r\n this.data = this.getData();\r\n this.setState({\r\n CPU: this.data['CPU'],\r\n totalM: this.data['TotalMemory'],\r\n freeM: this.data['FreeMemory'],\r\n oneMin: this.data['oneMinute'],\r\n fiveMin: this.data['fiveMinutes'],\r\n fifteenMin: this.data['fifteenMinutes']\r\n })\r\n }, 2000)\r\n }\r\n\r\n getData() {\r\n let xhr = new XMLHttpRequest();\r\n xhr.open('GET', URL, false);\r\n xhr.send();\r\n if (xhr.status != 200) {\r\n console.log(xhr.status);\r\n } else {\r\n return (JSON.parse(xhr.responseText));\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <table className=\"system-load-table\">\r\n <tbody>\r\n <tr className=\"first_row\">\r\n <th>CPU</th>\r\n <th>Total memory</th>\r\n <th>Free memory</th>\r\n <th>1 minute</th>\r\n <th>5 minutes</th>\r\n <th>15 minutes</th>\r\n </tr>\r\n <tr className=\"second-row\">\r\n <th>{this.state.CPU}%</th>\r\n <th>{(this.state.totalM).toFixed(2) + ' МБ'}</th>\r\n <th>{(this.state.freeM).toFixed(2) + ' МБ'}</th>\r\n <th>{this.state.oneMin}</th>\r\n <th>{this.state.fiveMin}</th>\r\n <th>{this.state.fifteenMin}</th>\r\n </tr>\r\n </tbody>\r\n </table>\r\n )\r\n }\r\n}\r\n\r\nexport default Table","import React from 'react'\r\nimport Chart from 'chart.js'\r\nimport URL from '../address'\r\n\r\nclass Charts extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n const data = this.getData();\r\n\r\n this.state = {\r\n cpuData: [data['CPU']],\r\n memoryData: [data['FreeMemory']],\r\n timeData: [new Date().toLocaleTimeString()],\r\n oneMinuteData: [data['oneMinute']],\r\n fiveMinutesData: [data['fiveMinutes']],\r\n fifteenMinutesData: [data['fifteenMinutes']],\r\n data: data\r\n };\r\n\r\n this.changeCharts();\r\n }\r\n\r\n componentDidMount() {\r\n const cpuCtx = document.getElementById('cpuChart').getContext('2d');\r\n const memoryCtx = document.getElementById('memoryChart').getContext('2d');\r\n const loadAverageCtx = document.getElementById('loadAverageChart').getContext('2d');\r\n\r\n this.cpuChart = new Chart(cpuCtx, {\r\n type: 'line',\r\n data: {\r\n labels: this.state.timeData,\r\n datasets: [{\r\n label: \"CPU\",\r\n backgroundColor: 'rgba(255, 99, 132, 0.2)',\r\n borderColor: 'rgb(255, 99, 132)',\r\n data: this.state.cpuData,\r\n }]\r\n },\r\n\r\n options: {\r\n legend: {\r\n labels: {\r\n fontColor: \"white\",\r\n fontSize: 18\r\n }\r\n },\r\n scales: {\r\n xAxes: [{\r\n gridLines: {\r\n color: 'rgba(171,171,171,1)',\r\n lineWidth: 0.5\r\n },\r\n ticks: {\r\n fontColor: \"white\",\r\n fontSize: 12,\r\n }\r\n }],\r\n yAxes: [{\r\n gridLines: {\r\n color: 'rgba(171,171,171,1)',\r\n lineWidth: 0.5\r\n },\r\n ticks: {\r\n fontColor: \"white\",\r\n fontSize: 12,\r\n min: 0,\r\n max: 100,\r\n stepSize: 20\r\n },\r\n scaleLabel: {\r\n display: true,\r\n labelString: \"PERCENTAGES\",\r\n fontColor: \"#c0c0c0\"\r\n }\r\n }]\r\n }\r\n }\r\n });\r\n\r\n this.memoryChart = new Chart(memoryCtx, {\r\n type: 'line',\r\n data: {\r\n labels: this.state.timeData,\r\n datasets: [{\r\n label: \"Free memory\",\r\n backgroundColor: 'rgba(16, 115, 181, 0.2)',\r\n borderColor: 'rgb(16, 115, 181)',\r\n data: this.state.memoryData,\r\n }]\r\n },\r\n\r\n options: {\r\n legend: {\r\n labels: {\r\n fontColor: \"white\",\r\n fontSize: 18\r\n }\r\n },\r\n scales: {\r\n xAxes: [{\r\n ticks: {\r\n fontColor: \"white\",\r\n fontSize: 12,\r\n },\r\n gridLines: {\r\n color: 'rgba(171,171,171,1)',\r\n lineWidth: 0.5\r\n },\r\n }],\r\n yAxes: [{\r\n gridLines: {\r\n color: 'rgba(171,171,171,1)',\r\n lineWidth: 0.5\r\n },\r\n ticks: {\r\n fontColor: \"white\",\r\n fontSize: 12,\r\n min: 0,\r\n max: this.state.data['TotalMemory'],\r\n stepSize: this.state.data['TotalMemory'] / 4,\r\n },\r\n scaleLabel: {\r\n display: true,\r\n labelString: \"MEGABYTES\",\r\n fontColor: \"#c0c0c0\"\r\n }\r\n }]\r\n }\r\n }\r\n });\r\n\r\n this.loadAverageChart = new Chart(loadAverageCtx, {\r\n type: 'line',\r\n data: {\r\n labels: this.state.timeData,\r\n datasets: [{\r\n label: \"1 minute\",\r\n backgroundColor: 'rgba(255, 99, 132, 0.05)',\r\n borderColor: 'rgb(255, 99, 132)',\r\n data: this.state.oneMinuteData,\r\n },\r\n {\r\n label: \"5 minutes\",\r\n backgroundColor: 'rgba(65, 99, 222, 0.05)',\r\n borderColor: 'rgb(65, 99, 222)',\r\n data: this.state.fiveMinutesData,\r\n },\r\n {\r\n label: \"15 minutes\",\r\n backgroundColor: 'rgba(145, 44, 132, 0.05)',\r\n borderColor: 'rgb(145, 44, 132)',\r\n data: this.state.fifteenMinutesData,\r\n },]\r\n },\r\n\r\n options: {\r\n legend: {\r\n labels: {\r\n fontColor: \"white\",\r\n fontSize: 18\r\n }\r\n },\r\n scales: {\r\n xAxes: [{\r\n ticks: {\r\n fontColor: \"white\",\r\n fontSize: 12,\r\n },\r\n gridLines: {\r\n color: 'rgba(171,171,171,1)',\r\n lineWidth: 0.5\r\n },\r\n }],\r\n yAxes: [{\r\n gridLines: {\r\n color: 'rgba(171,171,171,1)',\r\n lineWidth: 0.5\r\n },\r\n ticks: {\r\n fontColor: \"white\",\r\n fontSize: 12,\r\n min: 0,\r\n stepSize: 0.50\r\n }\r\n }]\r\n }\r\n }\r\n });\r\n }\r\n\r\n getData() {\r\n let xhr = new XMLHttpRequest();\r\n xhr.open('GET', URL, false);\r\n xhr.send();\r\n if (xhr.status != 200) {\r\n console.log(xhr.status);\r\n } else {\r\n return (JSON.parse(xhr.responseText));\r\n }\r\n }\r\n\r\n changeCharts() {\r\n setInterval(() => {\r\n this.data = this.getData();\r\n if (this.state.timeData.length >= 10) {\r\n this.state.timeData.shift();\r\n this.state.cpuData.shift();\r\n this.state.memoryData.shift();\r\n this.state.oneMinuteData.shift();\r\n this.state.fiveMinutesData.shift();\r\n this.state.fifteenMinutesData.shift();\r\n }\r\n\r\n this.state.cpuData.push(this.data['CPU'] / 1);\r\n this.state.memoryData.push((this.data['FreeMemory']).toFixed(2));\r\n this.state.timeData.push(new Date().toLocaleTimeString());\r\n this.state.oneMinuteData.push(this.data['oneMinute']);\r\n this.state.fiveMinutesData.push(this.data['fiveMinutes']);\r\n this.state.fifteenMinutesData.push(this.data['fifteenMinutes']);\r\n this.loadAverageChart.update();\r\n this.cpuChart.update();\r\n this.memoryChart.update();\r\n }, 3000)\r\n }\r\n\r\n render() {\r\n return (\r\n <div className=\"canvas-block\">\r\n <div className=\"cpu-and-memory-charts\">\r\n <div className='canvasCpu-block'>\r\n <canvas id=\"cpuChart\"></canvas>\r\n </div>\r\n <div className='canvasMemory-block'>\r\n <canvas id=\"memoryChart\"></canvas>\r\n </div>\r\n </div>\r\n <div className=\"loadAver\">\r\n <canvas id=\"loadAverageChart\"></canvas>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n\r\nexport default Charts","import React, {Component} from 'react';\nimport Table from './components/Table';\nimport Charts from './components/Charts'\nimport './App.css';\n\nfunction getData() {\n let xhr = new XMLHttpRequest();\n xhr.open('GET', 'http://77.246.159.121/core/data.php', false);\n xhr.send();\n if (xhr.status != 200) {\n console.log(xhr.status);\n } else {\n return (JSON.parse(xhr.responseText));\n }\n}\n\nfunction App() {\n return [\n <Table/> ,\n <Charts/>\n ]\n }\n\nexport default App\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nReactDOM.render(<App/>, document.getElementById('root'));\n\n\n\n\n"],"sourceRoot":""}
\ No newline at end of file \ No newline at end of file
package-lock.json
View file @ 22a3849a
...@@ -5639,13 +5639,11 @@ ...@@ -5639,13 +5639,11 @@
}, },
"balanced-match": { "balanced-match": {
"version": "1.0.0", "version": "1.0.0",
"bundled": true, "bundled": true
"optional": true
}, },
"brace-expansion": { "brace-expansion": {
"version": "1.1.11", "version": "1.1.11",
"bundled": true, "bundled": true,
"optional": true,
"requires": { "requires": {
"balanced-match": "^1.0.0", "balanced-match": "^1.0.0",
"concat-map": "0.0.1" "concat-map": "0.0.1"
...@@ -5658,18 +5656,15 @@ ...@@ -5658,18 +5656,15 @@
}, },
"code-point-at": { "code-point-at": {
"version": "1.1.0", "version": "1.1.0",
"bundled": true, "bundled": true
"optional": true
}, },
"concat-map": { "concat-map": {
"version": "0.0.1", "version": "0.0.1",
"bundled": true, "bundled": true
"optional": true
}, },
"console-control-strings": { "console-control-strings": {
"version": "1.1.0", "version": "1.1.0",
"bundled": true, "bundled": true
"optional": true
}, },
"core-util-is": { "core-util-is": {
"version": "1.0.2", "version": "1.0.2",
...@@ -5772,8 +5767,7 @@ ...@@ -5772,8 +5767,7 @@
}, },
"inherits": { "inherits": {
"version": "2.0.3", "version": "2.0.3",
"bundled": true, "bundled": true
"optional": true
}, },
"ini": { "ini": {
"version": "1.3.5", "version": "1.3.5",
...@@ -5783,7 +5777,6 @@ ...@@ -5783,7 +5777,6 @@
"is-fullwidth-code-point": { "is-fullwidth-code-point": {
"version": "1.0.0", "version": "1.0.0",
"bundled": true, "bundled": true,
"optional": true,
"requires": { "requires": {
"number-is-nan": "^1.0.0" "number-is-nan": "^1.0.0"
} }
...@@ -5796,20 +5789,17 @@ ...@@ -5796,20 +5789,17 @@
"minimatch": { "minimatch": {
"version": "3.0.4", "version": "3.0.4",
"bundled": true, "bundled": true,
"optional": true,
"requires": { "requires": {
"brace-expansion": "^1.1.7" "brace-expansion": "^1.1.7"
} }
}, },
"minimist": { "minimist": {
"version": "0.0.8", "version": "0.0.8",
"bundled": true, "bundled": true
"optional": true
}, },
"minipass": { "minipass": {
"version": "2.2.4", "version": "2.2.4",
"bundled": true, "bundled": true,
"optional": true,
"requires": { "requires": {
"safe-buffer": "^5.1.1", "safe-buffer": "^5.1.1",
"yallist": "^3.0.0" "yallist": "^3.0.0"
...@@ -5826,7 +5816,6 @@ ...@@ -5826,7 +5816,6 @@
"mkdirp": { "mkdirp": {
"version": "0.5.1", "version": "0.5.1",
"bundled": true, "bundled": true,
"optional": true,
"requires": { "requires": {
"minimist": "0.0.8" "minimist": "0.0.8"
} }
...@@ -5899,8 +5888,7 @@ ...@@ -5899,8 +5888,7 @@
}, },
"number-is-nan": { "number-is-nan": {
"version": "1.0.1", "version": "1.0.1",
"bundled": true, "bundled": true
"optional": true
}, },
"object-assign": { "object-assign": {
"version": "4.1.1", "version": "4.1.1",
...@@ -5910,7 +5898,6 @@ ...@@ -5910,7 +5898,6 @@
"once": { "once": {
"version": "1.4.0", "version": "1.4.0",
"bundled": true, "bundled": true,
"optional": true,
"requires": { "requires": {
"wrappy": "1" "wrappy": "1"
} }
...@@ -6016,7 +6003,6 @@ ...@@ -6016,7 +6003,6 @@
"string-width": { "string-width": {
"version": "1.0.2", "version": "1.0.2",
"bundled": true, "bundled": true,
"optional": true,
"requires": { "requires": {
"code-point-at": "^1.0.0", "code-point-at": "^1.0.0",
"is-fullwidth-code-point": "^1.0.0", "is-fullwidth-code-point": "^1.0.0",
...@@ -13194,6 +13180,15 @@ ...@@ -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": { "react-dev-utils": {
"version": "7.0.1", "version": "7.0.1",
"resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-7.0.1.tgz", "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-7.0.1.tgz",
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment