9797 < div id ="serial-bar ">
9898 < button class ="purple-button btn-restart "> Restart< i class ="fa-solid fa-redo "> </ i > </ button >
9999 < 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 >
100101 < div id ="terminal-title "> </ div >
101102 </ 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 >
102115 < div id ="terminal "> </ div >
103116 </ div >
104117 </ div >
@@ -199,7 +212,9 @@ <h1>Web Bluetooth not available!</h1>
199212 flag. However be careful as it would be risky to browse the web with this flag turned
200213 on as it enables many other experimental web platform features. Starting with Chromium
201214 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 >
203218 </ div >
204219 </ section >
205220 < section class ="step ">
@@ -325,6 +340,22 @@ <h1>Select USB Host Folder</h1>
325340 < td > IP Address:</ td >
326341 < td > < a id ="ip "> </ a > </ td >
327342 </ 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 >
328359 </ tbody >
329360 </ table >
330361 < 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
333364 < button class ="purple-button ok-button "> Close</ button >
334365 </ div >
335366 </ 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 >
336406
337407 < script type ="module " src ="/js/script.js "> </ script >
338408</ body >
0 commit comments