-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
66 lines (66 loc) · 2.52 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
<!DOCTYPE html>
<html>
<head>
<title>RE Toolkit</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<main>
<section id="top">
<div class="selector">
Click to upload top PCB photo <input type="file" data-target="pcb-top">
</div>
<div class="pcb" id="pcb-top-wrapper">
<div class="cursor"></div>
<div class="components" id="components-top"></div>
<canvas id="pcb-top"></canvas>
</div>
</section>
<section id="bottom">
<div class="selector">
Click to upload bottom PCB photo <input type="file" data-target="pcb-bottom">
</div>
<div class="pcb" id="pcb-bottom-wrapper">
<div class="cursor"></div>
<div class="components" id="components-bottom"></div>
<canvas id="pcb-bottom"></canvas>
</div>
</section>
</main>
<aside>
<h1>RE Toolkit</h1>
<h2>Drawing</h2>
<button data-type="chip" class="draw-button toggle">Add chip</button>
<button data-type="resistor" class="draw-button toggle">Add resistor</button>
<button data-type="capacitor" class="draw-button toggle">Add capacitor</button>
<button data-type="header" class="draw-button toggle">Add header</button>
<h2>Edit</h2>
<div id="component-editor">
<div id="no-component-selected">
No component selected
</div>
<div id="edit-chip" class="editor">
<label for="edit-chip-name">Chip name</label>
<input type="text" id="edit-chip-name">
<label for="edit-chip-pins">Pin count</label>
<input type="number" id="edit-chip-pins">
<label for="edit-chip-pin-spacing">Pin spacing</label>
<input type="number" id="edit-chip-pin-spacing">
<label for="edit-chip-pin-offset">Pin offset</label>
<input type="number" id="edit-chip-pin-offset">
<label>Pin directions</label>
<label><input type="checkbox" id="edit-chip-pins-top"> Top</label>
<label><input type="checkbox" id="edit-chip-pins-bottom"> Bottom</label>
<label><input type="checkbox" id="edit-chip-pins-left"> Left</label>
<label><input type="checkbox" id="edit-chip-pins-right"> Right</label>
</div>
</div>
</aside>
<script src="js/pcb-loader.js"></script>
<script src="js/cursor.js"></script>
<script src="js/drawing.js"></script>
<script src="js/editing.js"></script>
<script src="js/chip.js"></script>
<script src="js/storage.js"></script>
</body>
</html>