-
Notifications
You must be signed in to change notification settings - Fork 75
/
index.html
98 lines (91 loc) · 2.59 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
<!DOCTYPE html>
<html>
<head>
<style>
body {
padding: 0;
margin: 0;
}
* {
box-sizing: border-box;
}
#terminal {
height: 90vh;
}
.options {
padding: 0.75em;
}
.info {
float: right;
}
#connect {
margin-right: 2em;
}
label.checkbox {
margin-right: 1em;
}
</style>
</head>
<body>
<div class="options">
<label for="ports">Port:</label>
<select id="ports">
<option value="prompt">Click 'Connect' to add a port...</option>
</select>
<button id="connect">Connect</button>
<button id="download">Download output</button>
<button id="clear">Clear output</button>
<div class="info">
<a id="polyfill_switcher"></a>
</div>
<br>
<label for="baudrate">Baud rate:</label>
<select id="baudrate">
<option value="9600">9600</option>
<option value="14400">14400</option>
<option value="19200">19220</option>
<option value="28800">28800</option>
<option value="38400">38400</option>
<option value="57600">57600</option>
<option value="115200" selected>115200</option>
<option value="230400">230400</option>
<option value="460800">460800</option>
<option value="921600">921600</option>
<option value="custom">Custom</option>
</select>
<input id="custom_baudrate" type="number" min="1" placeholder="Enter baudrate..." hidden>
<label for="databits">Data bits:</label>
<select id="databits">
<option value="7">7</option>
<option value="8" selected>8</option>
</select>
<label for="parity">Parity:</label>
<select id="parity">
<option value="none" selected>None</option>
<option value="even">Even</option>
<option value="odd">Odd</option>
</select>
<label for="stopbits">Stop bits:</label>
<select id="stopbits">
<option value="1" selected>1</option>
<option value="2">2</option>
</select>
<input id="rtscts" type="checkbox">
<label for="rtscts">Hardware flow control</label>
<br>
<input id="echo" type="checkbox">
<label class="checkbox" for="echo">Local echo</label>
<input id="enter_flush" type="checkbox">
<label class="checkbox" for="enter_flush">Flush on enter</label>
<input id="convert_eol" type="checkbox">
<label class="checkbox" for="convert_eol">Convert EOL</label>
<input id="autoconnect" type="checkbox">
<label class="checkbox" for="autoconnect">Automatically connect</label>
<div class="info">
<a href="https://github.com/GoogleChromeLabs/serial-terminal">Source Code on GitHub</a>
</div>
</div>
<div id="terminal"></div>
<script type="module" src="/src/index.ts"></script>
</body>
</html>