2
0

test.ejs 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>esp32-wifi-manager testing</title>
  5. <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicon-32x32.png">
  6. </head>
  7. <body>
  8. <div style="display:none">
  9. <% if (htmlWebpackPlugin.files.sprites) { %>
  10. <% for (var spriteFileName in htmlWebpackPlugin.files.sprites) { %>
  11. <%= htmlWebpackPlugin.files.sprites[spriteFileName] %>
  12. <% } %>
  13. <% } %>
  14. </div>
  15. <div id="allIcons"><i class="recovery_element ri-device-recover-fill ri-xl" style="color:orange; " ></i>
  16. <i class="ri-battery-fill ri-xl" style="fill:white; " ></i>
  17. <i class= "ri-headphone-fill ri-xl" style="fill:white; "></i>
  18. <i class= "ri-bluetooth-fill ri-xl" style="fill:white; " ></i>
  19. <i class= "ri-speaker-fill ri-xl" style="fill:white; " ></i>
  20. <i class= "ri-voiceprint ri-xl" style="fill:white; " ></i>
  21. <i class= "ri-signal-wifi-fill ri-xl" style="fill:white; " ></i>
  22. <i class= "ri-signal-wifi-3-fill ri-xl" style="fill:white; " ></i>
  23. <i class= "ri-signal-wifi-2-fill ri-xl" style="fill:white; " ></i>
  24. <i class= "ri-signal-wifi-1-fill ri-xl" style="fill:white; " ></i>
  25. <i class= "ri-signal-wifi-line ri-xl" style="fill:white; " ></i>
  26. </div>
  27. <div class="card border-primary mb-3">
  28. <div class="card-header">Status Variables</div>
  29. <div class="card-body">
  30. <table class="table table-hover">
  31. <thead>
  32. <tr>
  33. <th scope="col">Variable</th>
  34. <th scope="col">Value</th>
  35. </tr>
  36. </thead>
  37. <tbody id="valuesTable">
  38. </tbody>
  39. </table>
  40. <input id="save_status" type="button" class="btn btn-success" value="Commit">
  41. </div>
  42. </div>
  43. <div>
  44. <table class="table table-hover">
  45. <thead>
  46. <tr>
  47. <th scope="col">#</th>
  48. <th scope="col">BT State</th>
  49. <th scope="col">Sub state #</th>
  50. <th scope="col">Sub state</th>
  51. </tr>
  52. </thead>
  53. <tbody>
  54. <tr>
  55. <td>0</td>
  56. <td>Idle</td>
  57. <td>0</td>
  58. <td>bt_neutral</td>
  59. </tr>
  60. <tr>
  61. <td>1</td>
  62. <td>Discovering</td>
  63. <td>0</td>
  64. <td>bt_searching</td>
  65. </tr>
  66. <tr>
  67. <td>2</td>
  68. <td>Discovered</td>
  69. <td>0</td>
  70. <td>bt_searching</td>
  71. </tr>
  72. <tr>
  73. <td>3</td>
  74. <td>Unconnected</td>
  75. <td>0</td>
  76. <td>bt_disabled</td>
  77. </tr>
  78. <tr>
  79. <td>4</td>
  80. <td>Connecting</td>
  81. <td>0</td>
  82. <td>bt_disabled</td>
  83. </tr>
  84. <tr>
  85. <td>5</td>
  86. <td>Connected</td>
  87. <td>0</td>
  88. <td>bt_connected</td>
  89. </tr>
  90. <tr>
  91. <td></td>
  92. <td></td>
  93. <td>1</td>
  94. <td>play_circle_outline</td>
  95. </tr>
  96. <tr>
  97. <td></td>
  98. <td></td>
  99. <td>2</td>
  100. <td>bt_playing</td>
  101. </tr>
  102. <tr>
  103. <td></td>
  104. <td></td>
  105. <td>3</td>
  106. <td>pause</td>
  107. </tr>
  108. <tr>
  109. <td></td>
  110. <td></td>
  111. <td>4</td>
  112. <td>stop</td>
  113. </tr>
  114. <tr>
  115. <td>6</td>
  116. <td>Disconnecting</td>
  117. <td>0</td>
  118. <td>bt_neutral</td>
  119. </tr>
  120. </tbody>
  121. </table>
  122. </div>
  123. </body>
  124. </html>