main.tpl 2.76 KB
Newer Older
1
<!DOCTYPE html>
2
<meta charset="utf-8">
3
<meta name="viewport" content="width=device-width, initial-scale=1">
4 5 6 7 8
<title>{{ title }}</title>
<script type="text/javascript">
	var host = "{{ host }}";
	var secure = {{ secure }};
</script>
9
<script src="jquery.js"></script>
10
<script src="bootstrap.min.js"></script>
11
<script src="d3.js"></script>
12
<script src="dygraph-combined.js"></script>
13
<script src="selectize.min.js"></script>
14
<script src="topojson.js"></script>
15 16
<script src="datamaps.world.min.js"></script>
<script src="kresd.js"></script>
17
<link rel="icon" type="image/ico" href="favicon.ico">
18 19 20 21 22 23 24 25 26 27 28 29 30
<link href="kresd.css" rel="stylesheet">
<link href="bootstrap.min.css" rel="stylesheet">
<link href="selectize.bootstrap3.min.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>
31
		</div>
32 33 34 35 36 37 38 39 40 41 42 43 44 45
		<ul class="nav navbar-nav navbar-right">
			<li><a href="#">Metrics</a></li>
			<li><a href="#worldmap">World Map</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>
Marek Vavrusa's avatar
Marek Vavrusa committed
46 47 48 49
		<div class="col-md-12">
			<div class="row">
				<div id="stats" class="row placeholders">
					<div id="chart" style="width:100%"></div>
50
				</div>
Marek Vavrusa's avatar
Marek Vavrusa committed
51 52 53 54 55 56 57 58 59 60 61
			</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>
62 63
					</div>
				</div>
64
			</div>
65 66 67 68 69 70 71 72 73 74 75
			<div class="row">
				<h3>Running workers</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>
76
		</div>
77 78 79 80 81 82
		<div class="row" id="map-container">
			<a name="worldmap"></a>
			<h2 class="sub-header">Where do the queries go?</h2>
			<div class="col-md-12">
				<div id="map" style="position: relative;"></div>
			</div>
Marek Vavrusa's avatar
Marek Vavrusa committed
83 84 85 86
		</div>
		<div class="col-md-12">
			{{ snippets }}
		</div>
87
	</div>
88
</div>