123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119 |
- <div id=menu>
- <ul>
- <li>Wifi AP</li>
- <li><a href="/meta.html">Meta</a></li>
- <li><a href="/text/text.html">Text</a></li>
- <li><a href="/wifi/wifiSta.html">Wifi Client</a></li>
- <li><a href="/web-server.html">Upload</a></li>
- </ul>
- </div>
- <div class="square-box">
- <div class="square-content">
- <div class="header">
- <h1>WiFi Soft-AP Configuration</h1>
- </div>
- <div class="content">
- <div class="pure-g">
- <div class="pure-u-1 pure-u-md-1-2">
- <div class="card">
- <h1>Soft-AP State</h1>
- <div id="wifi-spinner" class="spinner">
- <div id="spinner" class="spinner" hidden></div>
- <div id="notification" class="spinner" hidden></div>
- <div id="warning" class="spinner" hidden></div>
- </div>
- <table id="wifi-table" class="pure-table pure-table-horizontal" hidden><tbody>
- <tr><td>WiFi mode</td><td id="wifi-mode"></td></tr>
- <tr><td>Soft-AP SSID</td><td id="wifi-apssid"></td></tr>
- <tr><td>Soft-AP Password</td><td id="wifi-appass"></td></tr>
- <tr><td>Soft-AP Channel</td><td id="wifi-apchan"></td></tr>
- <tr><td>Soft-AP Max Conn</td><td id="wifi-apmaxc"></td></tr>
- <tr><td>Soft-AP Hidden</td><td id="wifi-aphidd"></td></tr>
- <tr><td>Soft-AP Beacon Int</td><td id="wifi-apbeac"></td></tr>
- <tr><td>Soft-AP Auth Mode</td><td id="wifi-apauth"></td></tr>
- <tr><td>Soft-AP MAC</td><td id="wifi-apmac"></td></tr>
- <tr><td colspan="2" id="wifi-apwarn"></td></tr>
- </tbody> </table>
- </div><!-- card-->
- </div><!-- pure-u-1 -->
- <div class="pure-u-1 pure-u-md-1-2">
-
- <div class="card">
- <h1>Soft-AP Settings</h1>
- <div id="AP_Settings-spinner" class="spinner"></div>
-
- <form action="#" id="AP_Settings-form" class="pure-form" hidden>
- <legend>Soft-AP main settings, use with care!</legend>
-
- <div class="pure-form-stacked">
- <label>Soft-AP SSID</label>
- <input type="text" name="ap_ssid" />
- <div class="popup">Change the name of your AP!</div>
- </div>
-
- <div class="pure-form-stacked">
- <label>Soft-AP Password</label>
- <input type="text" name="ap_password" />
- <div class="popup">Password must be at least 8 chars long!</div>
- </div>
-
- <div class="pure-form-stacked">
- <label>Soft-AP Auth Mode</label>
- <select name="ap_authmode" href="#">
- <option value="0">OPEN</option>
- <option value="1">WEP</option>
- <option value="2">WPA_PSK</option>
- <option value="3">WPA2_PSK</option>
- <option value="4">WPA_WPA2_PSK</option>
- </select>
- <div class="popup">Default WPA_WPA2_PSK</div>
- </div>
-
- <div class="pure-form-stacked">
- <label>Soft-AP Max Connections</label>
- <input type="text" name="ap_maxconn" />
- <div class="popup">Max 4 ( default 4 )</div>
- </div>
-
- <div class="pure-form-stacked">
- <label>Soft-AP Beacon Interval</label>
- <input type="text" name="ap_beacon" />
- <div class="popup">Between 100 - 60000 ms ( default 100ms )</div>
- </div>
-
- <div class="form-horizontal">
- <label><input type="checkbox" name="ap_hidden" />Soft-AP SSID hidden</label>
- <div class="popup">Check this box to hide you Soft-AP SSID ( default Not Hidden )</div>
- </div>
-
- <button id="AP_Settings-button" type="submit" class="pure-button button-primary">
- Change Soft-AP settings!
- </button>
- </form>
- <br/><br/>
- </div>
- </div><!-- pure-u-1 -->
- </div><!-- pure-g -->
- </div><!-- content -->
- </div><!-- main -->
- </div><!-- layout -->
- </div><!-- layout -->
- </div><!-- layout -->
- <script type="text/javascript">
- </script>
- <script src="wifiAp.js"></script>
- <script type="text/javascript">
- onLoad(function() {
- // Show info about AP
- getWifiInfo();
- // Fetch actual settings
- fetchApSettings();
- // Wire-up form
- bnd($("#AP_Settings-form"), "submit", changeApSettings);
- });
- </script>
- </body></html>
|