blob: 5e8bd6a189f782881315aa5d1a4af9612291bb3c (
plain)
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
|
<!DOCTYPE html>
<html>
<head>
<title>T-937/M Reflow Oven</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<svg style="display: none">
<defs>
<g id="i-eye" fill="currentColor">
<path d="M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" />
<path fill-rule="evenodd" d="M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 0 1 0-1.113ZM17.25 12a5.25 5.25 0 1 1-10.5 0 5.25 5.25 0 0 1 10.5 0Z" clip-rule="evenodd" />
</g>
<path id="i-no-eye" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" d="M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88" />
<path id="i-pencil" fill="currentColor" d="M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32L19.513 8.2Z" />
<path id="i-no-pencil" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125" />
<path id="i-cross" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" d="M4 20 20 4M4 4l16 16" />
</defs>
</svg>
<aside>
<section>
<h1>device</h1>
<div>
<label id="status">(disconnected)</label>
<button id="connect">connect</button>
</div>
<div>
<label>chamber temp</label>
<label id="temps_chamber">-</label>
</div>
<div>
<label>controller temp</label>
<label id="temps_controller">-</label>
</div>
<div>
<select id="profile" value="" class="grow">
<option value="">none / manual</option>
<option value="0">profile 1</option>
<option value="1">profile 2</option>
<option value="2">profile 3</option>
<option value="3">profile 4</option>
<option value="4">profile 5</option>
<option value="5">profile 6</option>
<option value="6">profile 7</option>
<option value="7">profile 8</option>
</select>
<button id="start" disabled>start</button>
</div>
<div>
<button id="read" class="grow" disabled>read</button>
<button id="write" class="grow" disabled>write</button>
</div>
</section>
<section>
<h1>manual control</h1>
<div>
<label for="heat">heat</label>
<input id="heat" class="grow" type="range" min="0" max="255" value="0" />
<input id="heat_mode" type="checkbox" />
</div>
<div>
<label for="cool">cool</label>
<input id="cool" class="grow" type="range" min="0" max="255" value="0" />
<input id="cool_mode" type="checkbox" />
</div>
</section>
<section class="grow">
<h1>
<span class="grow">reflow profile</span>
<span>
<button id="profile_show" class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><use href="#i-eye" /></svg></button>
<button id="profile_edit" class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><use href="#i-pencil" /></svg></button>
<button id="profile_clear" class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><use href="#i-cross" /></svg></button>
</span>
</h1>
<div>
<button id="profile_load" class="grow">load</button>
<button id="profile_save" class="grow">save</button>
<button id="profile_delete" class="grow">delete</button>
</div>
<select id="profile_stored" multiple class="grow">
<option value="" class="new">(new profile)</option>
</select>
</section>
<section class="grow">
<h1>
<span class="grow">paste spec</span>
<span>
<button id="paste_show" class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><use href="#i-eye" /></svg></button>
<button id="paste_edit" class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><use href="#i-pencil" /></svg></button>
<button id="paste_clear" class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><use href="#i-cross" /></svg></button>
</span>
</h1>
<div>
<button id="paste_load" class="grow">load</button>
<button id="paste_save" class="grow">save</button>
<button id="paste_delete" class="grow">delete</button>
</div>
<select id="paste_stored" multiple class="grow">
<option value="" class="new">(new paste)</option>
</select>
</section>
</aside>
<svg id="plot" />
<script type="module" src="main.js" ></script>
</body>
</html>
|
