src/html/tx_index.html

   1 <!DOCTYPE HTML>
   2 <html>
   3
   4 <head>
   5         <title>Welcome to your ExpressLRS System</title>
   6         <meta charset="utf-8" />
   7         <meta name="viewport" content="width=device-width, initial-scale=1" />
   8         <link rel="stylesheet" href="main.css" />
   9 </head>
  10
  11 <body>
  12         <section id="header">
  13                 <div class="inner">
  14                         <img src="logo.svg" height="250" width="250" style="padding:20px;"></a>
  15                         <h1>Welcome to your <b>ExpressLRS</b><br /> update page<br />
  16                         </h1>
  17                         <p>From here you can update your <b>Transmitter</b> module with <b>@PLATFORM@</b> firmware</p>
  18                         <p>
  19                                 <b>Firmware Rev. </b><a href="firmware.bin" title="Click to download firmware"><var>@VERSION@</var></a>
  20                         </p>
  21                 </div>
  22         </section>
  23         <br>
  24         <section id="one" class="main style1">
  25                 <div class="container">
  26                         <div align="left">
  27                                 <legend>
  28                                         <h2>Useful Links and Support:</h2>
  29                                 </legend>
  30                                 <h4><a href="https://github.com/ExpressLRS/ExpressLRS">GitHub Repository</a>
  31                                 <h4><a href="https://discord.gg/dS6ReFY">Discord Chat</a>
  32                         </div>
  33
  34                         <br>
  35
  36                         <div align="left">
  37                                 <fieldset>
  38                                         Choose a file to update module firmware. Select the correct .bin file for @PLATFORM@ otherwise a bad flash may occur.
  39                                         If this happens you will need to recover via USB/Serial. You may also download the
  40                                         <a href="firmware.bin" title="Click to download firmware">currently running firmware</a>.
  41                                         <br><br>
  42                                         <legend>
  43                                                 <h2>Firmware Update:</h2>
  44                                         </legend>
  45                                         <form id='upload_form' method='POST' enctype='multipart/form-data'>
  46                                                 <div class="group">
  47                                                         <input id='firmware_file' type='file' name='update'>
  48                                                         <input type='submit' value='Update'>
  49                                                 </div>
  50                                                 <br/>
  51                                                 <h3 id="status"></h3>
  52                                                 <progress id="progressBar" value="0" max="100" style="width:100%;"></progress>
  53                                         </form>
  54                                         <br><br>
  55                                 </fieldset>
  56                         </div>
  57
  58                         <div align="left" id="apmode" style="display:none;">
  59                                 <fieldset>
  60                                         Here you can join a network and it will be saved as your &quot;home&quot; network.
  61                                         When you are in range of your &quot;home&quot; network and start WiFi update the TX Module will automatically connect.
  62                                         <legend>
  63                                                 <h2>Join Network:</h2>
  64                                         </legend>
  65                                         <form action="/sethome" id="sethome" method="POST" autocomplete="off">
  66                                                 <div class="group">
  67                                                         <div class="autocomplete">
  68                                                                 <input id="network" type="text" name="network" placeholder="SSID" />
  69                                                                 <div id="loader" style="float:right" class="loader"></div>
  70                                                         </div>
  71                                                 </div>
  72                                                 <input type="password" id="password" name="password" placeholder="Password" />
  73                                                 <input type="submit" value="Join">
  74                                         </form>
  75                                         <br><br>
  76                                         <a id="connect" href="#">Connect to &quot;home&quot; network <span id="homenet"></span></a>
  77                                         <br><br>
  78                                 </fieldset>
  79                         </div>
  80
  81                         <div align="left" id="stamode" style="display:none;">
  82                                 <fieldset>
  83                                         <legend>
  84                                                 <h2>Home Network: <span id="ssid"></span></h2>
  85                                         </legend>
  86                                         <a id="forget" href="#">Forget &quot;home&quot; network and disconnect</a>
  87                                         <br><br>
  88                                         <a id="access" href="#">Disconnect and start Access Point</a>
  89                                         <br><br>
  90                                 </fieldset>
  91                         </div>
  92                 </div>
  93         </section>
  94 </body>
  95 <script src="scan.js"></script>
  96 </html>