Various web UI fixes and improvements (#2422)
[ExpressLRS.git] / src / html / cw.html
blob7dabc8511844c7b6e98c392de1c4216a045efbe4
1 @@require(PLATFORM, VERSION)
2 <!DOCTYPE HTML>
3 <html>
5 <head>
6 <title>Welcome to your ExpressLRS System</title>
7 <meta charset="utf-8" />
8 <meta name="viewport" content="width=device-width, initial-scale=1" />
9 <link rel="stylesheet" href="elrs.css" />
10 </head>
12 <body>
13 <header class="mui-appbar mui--z1 mui--text-center elrs-header">
14 @@include("logo-template.svg")
15 <h1><b>ExpressLRS</b></h1>
16 <span id="product_name"></span><br/>
17 <b>Firmware Rev. </b>@@{VERSION} <span id="reg_domain"></span>
18 </header>
19 <br>
20 <div class="mui-container-fluid mui-col-sm-10 mui-col-sm-offset-1">
21 <div class="mui-panel">
22 This page puts the SX1280 into a mode where it transmits a continuous wave with a center frequency of 2.440 GHz.
23 <br>
24 You can then measure the actual continuous wave center frequency using a spectrum analyzer and enter the measured value below
25 and this will be used to calculate the accuracy of the 52MHz crystal used in the device and how far it differs from the ideal frequency.
26 <form>
27 <div id="radioOption" class="mui-radio" style="display: none;">
28 <label>
29 <input type="radio"
30 name="optionsRadios"
31 id="optionsRadios1"
32 value="1"
33 checked>
34 Radio 1
35 </label>
36 <label>
37 <input type="radio"
38 name="optionsRadios"
39 id="optionsRadios2"
40 value="2">
41 Radio 2
42 </label>
43 </div>
44 <button id="start-cw" class="mui-btn mui-btn--primary" disabled>Start Continuous Wave</button>
45 </form>
46 <br>
47 <div class="mui-textfield">
48 <input id='measured' type='text' required/>
49 <label>Center Frequency</label>
50 </div>
51 <div id="result" style="display: none;">
52 <table class="mui-table mui-table--bordered">
53 <tr><td>Calculated XO Freq</td><td id="calculated"></td></tr>
54 <tr><td>Calculated XO Offset (kHz)</td><td id="offset"></td></tr>
55 <tr><td>Calculated XO Offset (PPM)</td><td id="ppm"></td></tr>
56 <tr><td>Raw Offset (kHz)</td><td id="raw"></td></tr>
57 <tr><td>TL;DR</td><td id="tldr"></td></tr>
58 </table>
59 </div>
60 </div>
61 </div>
62 </body>
63 <script src="cw.js"></script>
64 </html>