97
97
< div id ="serial-bar ">
98
98
< button class ="purple-button btn-restart "> Restart< i class ="fa-solid fa-redo "> </ i > </ button >
99
99
< button class ="purple-button btn-clear "> Clear< i class ="fa-solid fa-broom "> </ i > </ button >
100
+ < button class ="purple-button btn-plotter "> Plotter< i class ="fa-solid fa-chart-line "> </ i > </ button >
100
101
< div id ="terminal-title "> </ div >
101
102
</ div >
103
+ < div id ="plotter " class ="hidden ">
104
+ < label for ="buffer-size "> Buffer Size</ label >
105
+ < input type ="number " id ="buffer-size " value ="20 ">
106
+ < label for ="plot-gridlines-select "> Grid Lines</ label >
107
+ < select id ="plot-gridlines-select ">
108
+ < option value ="both "> Both</ option >
109
+ < option value ="x "> X Only</ option >
110
+ < option value ="y "> Y Only</ option >
111
+ < option value ="none "> None</ option >
112
+ </ select >
113
+ < canvas id ="plotter-canvas "> </ canvas >
114
+ </ div >
102
115
< div id ="terminal "> </ div >
103
116
</ div >
104
117
</ div >
@@ -199,7 +212,9 @@ <h1>Web Bluetooth not available!</h1>
199
212
flag. However be careful as it would be risky to browse the web with this flag turned
200
213
on as it enables many other experimental web platform features. Starting with Chromium
201
214
version 100, enable the < a href ="about://flags/#enable-web-bluetooth "> about://flags/#enable-web-bluetooth</ a >
202
- safer flag instead.</ p >
215
+ safer flag instead. You can also enable Web Bluetooth Binding by enabling the
216
+ < a href ="about://flags/#enable-web-bluetooth-new-permissions-backend "> about://flags/#enable-web-bluetooth-new-permissions-backend</ a >
217
+ flag instead of the experimental features if it is available.</ p >
203
218
</ div >
204
219
</ section >
205
220
< section class ="step ">
@@ -325,6 +340,22 @@ <h1>Select USB Host Folder</h1>
325
340
< td > IP Address:</ td >
326
341
< td > < a id ="ip "> </ a > </ td >
327
342
</ tr >
343
+ < tr >
344
+ < td > Build Date:</ td >
345
+ < td > < span id ="builddate "> </ span > </ td >
346
+ </ tr >
347
+ < tr >
348
+ < td > MCU Name:</ td >
349
+ < td > < span id ="mcuname "> </ span > </ td >
350
+ </ tr >
351
+ < tr >
352
+ < td > Board ID:</ td >
353
+ < td > < span id ="boardid "> </ span > </ td >
354
+ </ tr >
355
+ < tr >
356
+ < td > UID:</ td >
357
+ < td > < span id ="uid "> </ span > </ td >
358
+ </ tr >
328
359
</ tbody >
329
360
</ table >
330
361
< h3 > More network devices< i class ="refresh fa-solid fa-sync-alt " title ="Refresh Device List "> </ i > </ h3 >
@@ -333,6 +364,45 @@ <h3>More network devices<i class="refresh fa-solid fa-sync-alt" title="Refresh D
333
364
< button class ="purple-button ok-button "> Close</ button >
334
365
</ div >
335
366
</ div >
367
+ < div class ="popup-modal shadow closable " data-popup-modal ="device-info ">
368
+ < i class ="fa-solid fa-2x fa-xmark text-white bg-primary p-3 popup-modal__close "> </ i >
369
+ < table class ="device-info ">
370
+ < thead >
371
+ < tr >
372
+ < th colspan ="2 "> Current Device Info</ th >
373
+ </ tr >
374
+ </ thead >
375
+ < tbody >
376
+ < tr >
377
+ < td > Board:</ td >
378
+ < td > < a id ="board " target ="_blank "> </ a > </ td >
379
+ </ tr >
380
+ < tr >
381
+ < td > Version:</ td >
382
+ < td > < span id ="version "> </ span > </ td >
383
+ </ tr >
384
+ < tr >
385
+ < td > Build Date:</ td >
386
+ < td > < span id ="builddate "> </ span > </ td >
387
+ </ tr >
388
+ < tr >
389
+ < td > MCU Name:</ td >
390
+ < td > < span id ="mcuname "> </ span > </ td >
391
+ </ tr >
392
+ < tr >
393
+ < td > Board ID:</ td >
394
+ < td > < span id ="boardid "> </ span > </ td >
395
+ </ tr >
396
+ < tr >
397
+ < td > UID:</ td >
398
+ < td > < span id ="uid "> </ span > </ td >
399
+ </ tr >
400
+ </ tbody >
401
+ </ table >
402
+ < div class ="buttons centered ">
403
+ < button class ="purple-button ok-button "> Close</ button >
404
+ </ div >
405
+ </ div >
336
406
337
407
< script type ="module " src ="/js/script.js "> </ script >
338
408
</ body >
0 commit comments