gdp-if / visualization / index.html @ master
History | View | Annotate | Download (3.55 KB)
| 1 | 691f36bc | Nitesh Mor | <!DOCTYPE html>
|
|---|---|---|---|
| 2 | ac21a14a | Nitesh Mor | <html lang="en"> |
| 3 | 691f36bc | Nitesh Mor | <head>
|
| 4 | ac21a14a | Nitesh Mor | <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 | a395bab1 | Nitesh Mor | <title>Sensor Visualizer for GDP</title> |
| 14 | ac21a14a | Nitesh Mor | |
| 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 | 691f36bc | Nitesh Mor | <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> |
| 24 | ac21a14a | Nitesh Mor | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> |
| 25 | 556292c9 | Nitesh Mor | <script type="text/javascript" src="/static/main.js"></script> |
| 26 | ac21a14a | Nitesh Mor | <link href="/static/starter-template.css" rel="stylesheet"> |
| 27 | |||
| 28 | </head>
|
||
| 29 | |||
| 30 | a395bab1 | Nitesh Mor | <body onload="javascript:makeForm()"> |
| 31 | ac21a14a | Nitesh Mor | |
| 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 | 3dcbcfb0 | Nitesh Mor | <form name="arg_picker" class="form-horizontal"> |
| 50 | ac21a14a | Nitesh Mor | <div class="form-group"> |
| 51 | 3dcbcfb0 | Nitesh Mor | <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 | ac21a14a | Nitesh Mor | </div>
|
| 55 | <div class="form-group"> |
||
| 56 | 3dcbcfb0 | Nitesh Mor | <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 | ac21a14a | Nitesh Mor | </div>
|
| 59 | <div class="form-group"> |
||
| 60 | 3dcbcfb0 | Nitesh Mor | <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 | ac21a14a | Nitesh Mor | </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 | 691f36bc | Nitesh Mor | </form>
|
| 72 | ac21a14a | Nitesh Mor | |
| 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 | 691f36bc | Nitesh Mor | </body>
|
| 87 | </html> |