blob: 087f19e771e1e902749a98dcaf4a0325e61dbc70 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
|
<!DOCTYPE html>
<!-- SPDX-License-Identifier: GPL-3.0-or-later -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ title }}</title>
<script type="text/javascript">
var host = "{{ host }}";
</script>
<script src="jquery.js"></script>
<script src="bootstrap.min.js"></script>
<script src="d3.js"></script>
<script src="dygraph.min.js"></script>
<script src="selectize.min.js"></script>
<script src="topojson.js"></script>
<script src="datamaps.world.min.js"></script>
<script src="kresd.js"></script>
<link rel="icon" type="image/ico" href="favicon.ico">
<link href="kresd.css" rel="stylesheet">
<link href="bootstrap.min.css" rel="stylesheet">
<link href="selectize.bootstrap3.css" rel="stylesheet">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">{{ title }}</a>
</div>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Metrics</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Modules <span class="caret"></span></a>
<ul class="dropdown-menu" id="modules-dropdown">
</ul>
</li>
</ul>
</div>
</nav>
<div class="container">
<div class="main">
<h2 class="sub-header">Metrics</h2>
<div class="col-md-12">
<div class="row">
<div id="stats" class="row placeholders">
<div id="chart" style="width:100%"></div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3><small>More metrics</small></h3>
<div class="col-md-11">
<select id="chart-selector" multiple></select>
</div>
<div class="col-md-1">
<div class="checkbox">
<label><input id="chart-stacked" type="checkbox">Stacked</label>
</div>
</div>
</div>
</div>
<div class="row">
<h3>Instances</h3>
<div class="col-md-12">
<table id="workers" class="table table-responsive">
<tr>
<th>PID</th><th>CPU per-worker (user/sys)</th>
<th>RSS</th><th>Page faults</th><th>Status</th>
</tr>
</table>
</div>
</div>
</div>
<div class="row" id="map-container">
<a name="worldmap"></a>
<h2 class="sub-header">Outbound queries</h2>
<div class="col-md-12">
<div id="map" style="position: relative;"></div>
</div>
</div>
<div class="col-md-12">
{{ snippets }}
</div>
</div>
</div>
|
