-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathindex.html
74 lines (70 loc) · 2.51 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Component Tester</title>
<link rel="stylesheet" href="static/css/index.css">
<link rel="stylesheet" href="static/css/font-awesome.min.css">
</head>
<body>
<main class="container">
<div class="header">
<h1>Component Tester</h1>
<h5>SW version <span id="sw-version"></span>   HW version <span id="version-number">-</span></h5>
</div>
<section class="serial-port-section">
<select class="custom-select" id="serial-port-list">
<option selected="">Select Serial Port</option>
</select>
</section>
<section class="main">
<div class="component" id="component-name"></div>
<hr class="my-1">
<div class="values" id="component-value"></div>
<div class="values-label" id="component-value-label"></div>
<div class="otherInfo">
<hr class="my-2">
<div class="badges">
<span class="info badge badge-dark"></span>
<span class="info badge badge-dark"></span>
<span class="info badge badge-dark"></span>
<span class="info badge badge-dark"></span>
</div>
</div>
</section>
<section class="pinout">
<svg viewBox="0 0 150 18" xmlns="http://www.w3.org/2000/svg" id="pinoutSVG">
<style>
@font-face {
font-family: dataOutputFont;
src: url(./static/fonts/DMMono.ttf);
}
.svgText {
font: normal 3px 'dataOutputFont';
}
</style>
<g transform="translate(38, 7)">
<circle id="pin1_base" r="5" fill="#f7f7f9" />
<circle id="pin1_open" r="3" fill="#f7f7f9" />
<text id="pin1_text" baseline-shift="-8px" class="svgText" letter-spacing="0.2" text-anchor="middle"></text>
</g>
<g transform="translate(75, 7)">
<circle id="pin2_base" r="5" fill="#f7f7f9" />
<circle id="pin2_open" r="3" fill="#f7f7f9" />
<text id="pin2_text" baseline-shift="-8px" class="svgText" letter-spacing="0.2" text-anchor="middle"></text>
</g>
<g transform="translate(112, 7)">
<circle id="pin3_base" r="5" fill="#f7f7f9" />
<circle id="pin3_open" r="3" fill="#f7f7f9" />
<text id="pin3_text" baseline-shift="-8px" class="svgText" letter-spacing="0.2" text-anchor="middle"></text>
</g>
</svg>
</section>
<div class="btn-group-lg testButtonGroup" role="group">
<button id="testButton" type="button" class="btn btn-primary">T E S T</button>
<button id="switchOffButton" type="button" class="btn btn-primary"><i class="fa fa-lg fa-power-off" aria-hidden="true"></i></button
</div>
</main>
</body>
<script src="./scripts/index.js"></script>
</html>