gdp-if / visualization / index.html @ master
History | View | Annotate | Download (3.55 KB)
| 1 |
<!DOCTYPE html>
|
|---|---|
| 2 |
<html lang="en"> |
| 3 |
<head>
|
| 4 |
<meta charset="utf-8"> |
| 5 |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| 6 |
<meta name="viewport" content="width=device-width, initial-scale=1"> |
| 7 |
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
| 8 |
<meta name="description" content=""> |
| 9 |
<meta name="author" content=""> |
| 10 |
|
| 11 |
<link rel="icon" href="static/favicon.ico"> |
| 12 |
|
| 13 |
<title>Sensor Visualizer for GDP</title> |
| 14 |
|
| 15 |
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
| 16 |
<!--[if lt IE 9]>
|
| 17 |
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
| 18 |
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
| 19 |
<![endif]-->
|
| 20 |
|
| 21 |
|
| 22 |
<!-- libraries -->
|
| 23 |
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> |
| 24 |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> |
| 25 |
<script type="text/javascript" src="/static/main.js"></script> |
| 26 |
<link href="/static/starter-template.css" rel="stylesheet"> |
| 27 |
|
| 28 |
</head>
|
| 29 |
|
| 30 |
<body onload="javascript:makeForm()"> |
| 31 |
|
| 32 |
<nav class="navbar navbar-inverse navbar-fixed-top"> |
| 33 |
<div class="container"> |
| 34 |
<div class="navbar-header"> |
| 35 |
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> |
| 36 |
<span class="sr-only">Toggle navigation</span> |
| 37 |
<span class="icon-bar"></span> |
| 38 |
<span class="icon-bar"></span> |
| 39 |
<span class="icon-bar"></span> |
| 40 |
</button>
|
| 41 |
<a class="navbar-brand" href="/">Sensor visualization</a> |
| 42 |
</div>
|
| 43 |
</div>
|
| 44 |
</nav>
|
| 45 |
|
| 46 |
|
| 47 |
<div class="container"> |
| 48 |
<div class="starter-template"> |
| 49 |
<form name="arg_picker" class="form-horizontal"> |
| 50 |
<div class="form-group"> |
| 51 |
<label class="col-sm-1 control-label">Sort By:</label> |
| 52 |
<div class="col-sm-2"> <select class="form-control" name="category" id="category"></select> </div> |
| 53 |
<div class="col-sm-2"> <select class="form-control" name="subcat" id="subcat"></select> </div> |
| 54 |
</div>
|
| 55 |
<div class="form-group"> |
| 56 |
<label class="col-sm-1 control-label">Sensor:</label> |
| 57 |
<div class="col-sm-4"> <select class="form-control" name="logname" id="logname"></select> </div> |
| 58 |
</div>
|
| 59 |
<div class="form-group"> |
| 60 |
<label class="col-sm-1 control-label">Start:</label> |
| 61 |
<div class="col-sm-4"> <input class="form-control" type='text' id='startTime' name='startTime'> </div> |
| 62 |
</div>
|
| 63 |
<div class="form-group"> |
| 64 |
<label class="col-sm-1 control-label">End:</label> |
| 65 |
<div class="col-sm-4"> <input class="form-control" type='text' id='endTime' name='endTime'> </div> |
| 66 |
</div>
|
| 67 |
<div class="form-group"> |
| 68 |
<input class="btn btn-default" type="button" value="Plot" onClick='plot(this.form)'> |
| 69 |
</div>
|
| 70 |
</div>
|
| 71 |
</form>
|
| 72 |
|
| 73 |
<div id="request_status"> </div> |
| 74 |
<div id="dashboard_div"> |
| 75 |
<div id="control_div" style="height: 50px"></div> |
| 76 |
<div id="chart_div_0"></div> |
| 77 |
<div id="chart_div_1"></div> |
| 78 |
<div id="chart_div_2"></div> |
| 79 |
<div id="chart_div_3"></div> |
| 80 |
<div id="chart_div_4"></div> |
| 81 |
<div id="chart_div_5"></div> |
| 82 |
<div id="chart_div_6"></div> |
| 83 |
</div>
|
| 84 |
</div>
|
| 85 |
</div><!-- /.container --> |
| 86 |
</body>
|
| 87 |
</html>
|