wifiinfo.html 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <link rel="stylesheet" href="../../script/semantic/semantic.min.css">
  6. <script type="text/javascript" src="../../script/jquery.min.js"></script>
  7. <script type="text/javascript" src="../../script/semantic/semantic.min.js"></script>
  8. <title>WiFi Info</title>
  9. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  10. <style>
  11. </style>
  12. </head>
  13. <body>
  14. <div class="ui container">
  15. <div class="ui basic segment">
  16. <h3 class="ui header">
  17. <i class="wifi icon"></i>
  18. <div class="content">
  19. WiFi Information
  20. <div class="sub header">Current Connected WiFi Information</div>
  21. </div>
  22. </h3>
  23. </div>
  24. <div class="ui horizontal segments">
  25. <div class="ui padded segment">
  26. <h4 class="ui header">
  27. <i class="signal icon"></i>
  28. <div class="content">
  29. <span id="SSID">Loading...</span>
  30. <div class="sub header">WiFi SSID</div>
  31. </div>
  32. </h4>
  33. </div>
  34. <div class="ui padded segment">
  35. <h4 class="ui header">
  36. <i class="globe icon"></i>
  37. <div class="content">
  38. <span id="Interface">Loading...</span>
  39. <div class="sub header">Interface</div>
  40. </div>
  41. </h4>
  42. </div>
  43. </div>
  44. <div class="ui divider"></div>
  45. </div>
  46. <script>
  47. initWifiInfo();
  48. function initWifiInfo(){
  49. $.ajax({
  50. url: "../../system/network/wifiinfo",
  51. method:"GET",
  52. success: function(data){
  53. if (data.error !== undefined){
  54. $("#SSID").text("Access Failed");
  55. $("#Interface").text("loopback");
  56. }else{
  57. $("#SSID").text(data.ESSID);
  58. $("#Interface").text(data.Interface);
  59. }
  60. }
  61. });
  62. }
  63. </script>
  64. </body>
  65. </html>