forked from freskoulix/graphic_serial_monitor
-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
122 lines (110 loc) · 5.27 KB
/
index.html
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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Serial Monitor Graph</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel='stylesheet' href="js/vendor/bootstrap-slider/bootstrap-slider.css">
<link rel='stylesheet' href="js/vendor/bootstrap-switch/bootstrap-switch.min.css">
<link rel="stylesheet" href="stylesheets/main.css">
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<h1 class="graphite-header">Serial Monitor Graph</h1>
<hr>
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3">
<p class="bg-info alert" id="cb_cf_operation_output"></p>
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="row">
<div class="col-md-4">
<select id="cb_cf_ports" class="form-control"></select>
</div>
<div class="col-md-4">
<select id="cb_cf_baud_rates" class="form-control"></select>
</div>
<div class="col-md-4">
<button id="cb_cf_serial_monitor_connect" class="btn btn-default" type="submit">
Connect
</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div id="graphite_chart_container"></div>
</div>
</div>
<div class="row graphite-controls">
<div class="col-md-6 col-md-offset-3">
<div class="col-md-4">
<button id="graphite_export_csv_button" class="btn btn-default btn-block" >export csv</button>
</div>
<div class="col-md-4">
<button id="graphite_pause_button" class="btn btn-danger btn-block">Pause</button>
</div>
<div class="col-md-4">
<img class = "switch-icon"src="img/line.png">
<input id="graphite_switch_button" type="checkbox" name="chart-checkbox" data-off-color="primary" data-on-text="LINE" data-off-text="BAR" checked>
<img class = "switch-icon"src="img/bar.png">
</div>
</div>
</div>
<div class="row graphite-controls">
<div class="col-md-6 col-md-offset-3">
<div class="col-md-4">
<label for="maxSamples">
Line Chart Sample Size:
</label>
</div>
<div class="col-md-4">
<input id="graphite_data_length_slider" type="number" name="history-back" data-slider-min="10" data-slider-max="10000" data-slider-step="1" data-slider-value="50">
</div>
<div class="col-md-4">
<label for="unlimited">
<input id="graphite_unlimited_checkbox" type="checkbox" checked>
Unlimited
</label>
</div>
</div>
</div>
<br><br>
<div class="row graphite-controls">
<div class="col-md-6 col-md-offset-3">
<div class="table-responsive col-md-12">
<table id="graphite_data_table" class="table"></table>
</div>
</div>
</div>
</div>
<pre id="cb_cf_serial_monitor"></pre>
<script src="//code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
(function(){var p=[],w=window,d=document,e=f=0;p.push('ua='+encodeURIComponent(navigator.userAgent));e|=w.ActiveXObject?1:0;e|=w.opera?2:0;e|=w.chrome?4:0;
e|='getBoxObjectFor' in d || 'mozInnerScreenX' in w?8:0;e|=('WebKitCSSMatrix' in w||'WebKitPoint' in w||'webkitStorageInfo' in w||'webkitURL' in w)?16:0;
e|=(e&16&&({}.toString).toString().indexOf("\n")===-1)?32:0;p.push('e='+e);f|='sandbox' in d.createElement('iframe')?1:0;f|='WebSocket' in w?2:0;
f|=w.Worker?4:0;f|=w.applicationCache?8:0;f|=w.history && history.pushState?16:0;f|=d.documentElement.webkitRequestFullScreen?32:0;f|='FileReader' in w?64:0;
p.push('f='+f);p.push('r='+Math.random().toString(36).substring(7));p.push('w='+screen.width);p.push('h='+screen.height);var s=d.createElement('script');
s.src='//codebender.cc/js/whichbrowser/detect.js?' + p.join('&');d.getElementsByTagName('head')[0].appendChild(s);})();
</script>
<script src="//codebender.cc/js/codebender/browser_detect.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="js/vendor/bootstrap-slider/bootstrap-slider.js"></script>
<script src="js/vendor/bootstrap-switch/bootstrap-switch.min.js"></script>
<script src="js/vendor/canvasjs.min.js"></script>
<script src="js/compilerflasher.js"></script>
<script src="js/stringScanner.js"></script>
<script src="js/dataparser.js"></script>
<script src="js/graphplotter.js"></script>
<script src="js/Graphite.js"></script>
<script src="js/main.js"></script>
</body>
</html>