monitode
Version:
resource monitor for nodejs
87 lines (77 loc) • 3.52 kB
HTML
<html lang="en">
<head>
<title>monitode</title>
<meta charset="utf-8">
<link rel="icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="css/style.min.css">
<script type="text/javascript" src="js/lib.min.js"></script>
</head>
<body ng-app="monitode" ng-controller="main">
<h1>Nodejs control room</h1>
<div id="average"></div>
<div id="memory_lin"></div>
<div id="os"></div>
<div id="refresh_data" class="sub">
<div id="memory_pie"></div>
<div>
<ul style="overflow-x:auto;">
<li ng-repeat="element in dynamics">
<span class="bold">{{element.title}}:</span> {{element.info}}
<ul ng-show="element.child && element.child.length">
<li ng-repeat="child in element.child">
<span class="bold italic">{{child.title}}:</span> {{child.info}}
</li>
</ul>
</li>
<li ng-repeat="element in refresh">
<span class="bold">{{element.title}}:</span> {{element.info}}
<ul ng-show="element.child && element.child.length">
<li ng-repeat="child in element.child">
<span class="bold italic">{{child.title}}</span> {{child.info}}
</li>
</ul>
</li>
</ul>
</div>
</div>
<div id="extra_data" class="sub">
<div>
<button ng-click="button('stop', $event)">Stop refresh</button>
<button ng-click="button('dynamic', $event)">Dynamic refresh</button>
<button ng-click="button('static', $event)">Static refresh</button>
<button ng-click="button('clear', $event)">Clear memory</button>
<button ng-click="button('csv', $event)">Build CSV</button>
<ul style="overflow-x:auto;">
<li>
<label class="bold">Frequency</label>
<input ng-model="clock" type="number" min="-1" max="3600" ngMinlength="-1" ngMaxlength="3600" ng-pattern="/^[0-9]{1,4}$/">
<label>seconds</label>
</li>
<li ng-repeat="element in statics">
<span class="bold">{{element.title}}:</span> {{element.info}}
<ul ng-show="element.child && element.child.length">
<li ng-repeat="child in element.child">
<span class="bold italic">{{child.title}}:</span> {{child.info}}
</li>
</ul>
</li>
</ul>
</div>
</div>
<div id="cpus">
<ul>
<li id="cpu_0"></li>
<li id="cpu_1"></li>
<li id="cpu_2"></li>
<li id="cpu_3"></li>
<li id="cpu_4"></li>
<li id="cpu_5"></li>
<li id="cpu_6"></li>
<li id="cpu_7"></li>
<!-- @todo: ng-repeat="cpu in cpus" -->
</ul>
</div>
<script type="text/javascript" src="js/script.min.js"></script>
</body>
</html>