1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>ESP8266 Web Server</title> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <link rel="icon" href="data:,"> 7 <link rel="stylesheet" type="text/css" href="style.css"> 8 <script type="text/javascript" src="main.js"></script> 9 </head> 10 <body> 11 <div id="main-div"> 12 <h1 id="title">ESP8266 Remote Panel</h1> 13 <div id="buttons-div"> 14 <div id="main-toggle-div" onclick="handle_click('main-toggle')"> 15 <table> 16 <tr style="vertical-align: bottom;"> 17 <td> 18 Main output enabled 19 </td> 20 <td id="main-checkbox-td"> 21 <div id="main-checkbox" checked=""> 22 <svg id="checkmark-svg" 23 version="1.0" 24 xmlns="http://www.w3.org/2000/svg" 25 viewBox="0 0 64.000000 64.000000" 26 preserveAspectRatio="xMidYMid meet"> 27 <g transform="translate(0.000000,64.000000) scale(0.100000,-0.100000)" 28 fill="currentColor" stroke="currentColor"> 29 <path d="M380 419 l-142 -211 -67 66 c-38 38 -75 66 -87 66 -25 0 -84 -60 -84 30 -86 0 -11 45 -65 113 -132 121 -121 145 -132 184 -89 49 54 343 502 343 523 0 31 27 -62 74 -96 74 -16 0 -53 -48 -164 -211z"/> 32 </g> 33 </svg> 34 </div> 35 </td> 36 </tr> 37 </table> 38 </div> 39 <div id="timer"> 40 <div id="timer-enable" onclick="handle_click('timer-toggle')"> 41 <table> 42 <tr> 43 <td> 44 Timer enabled 45 </td> 46 <td id="timer-checkbox-td"> 47 <div id="timer-checkbox" checked=""> 48 <svg id="checkmark-svg" 49 version="1.0" 50 xmlns="http://www.w3.org/2000/svg" 51 viewBox="0 0 64.000000 64.000000" 52 preserveAspectRatio="xMidYMid meet"> 53 <g transform="translate(0.000000,64.000000) scale(0.100000,-0.100000)" 54 fill="currentColor" stroke="currentColor"> 55 <path d="M380 419 l-142 -211 -67 66 c-38 38 -75 66 -87 66 -25 0 -84 -60 -84 56 -86 0 -11 45 -65 113 -132 121 -121 145 -132 184 -89 49 54 343 502 343 523 0 57 27 -62 74 -96 74 -16 0 -53 -48 -164 -211z"/> 58 </g> 59 </svg> 60 </div> 61 </td> 62 </tr> 63 </table> 64 </div> 65 <div id="timer-sep"></div> 66 <div id="timer-picker"> 67 <table> 68 <tr> 69 <td> 70 From 71 </td> 72 <td> 73 <input id="from-time" type="time" value="18:00"/> 74 </td> 75 </tr> 76 <tr> 77 <td> 78 Until 79 </td> 80 <td> 81 <input id="to-time" type="time" value="00:00"/> 82 </td> 83 </tr> 84 </table> 85 </div> 86 <div id="timer-save-div"> 87 <input type="button" value="Save" id="timer-save"> 88 </div> 89 </div> 90 </div> 91 92 <div id="info-div"> 93 <table style="width: 100%; padding: 1em;"> 94 <tr> 95 <td> 96 WiFi SSID 97 </td> 98 <td> 99 <div id="wifi-ssid"></div> 100 </td> 101 </tr> 102 <tr> 103 <td> 104 WiFi Strength 105 </td> 106 <td> 107 <div id="wifi-rssi"></div> 108 </td> 109 </tr> 110 <tr> 111 <td> 112 Local domain 113 </td> 114 <td> 115 <a id="system-local-domain"></a> 116 </td> 117 </tr> 118 <tr> 119 <td> 120 Local IP address 121 </td> 122 <td> 123 <a id="system-ip-addr"></a> 124 </td> 125 </tr> 126 <tr> 127 <td> 128 Last NTP sync 129 </td> 130 <td> 131 <div id="last-ntp-sync"></div> 132 </td> 133 </tr> 134 <tr> 135 <td> 136 System time 137 </td> 138 <td> 139 <div id="system-time"></div> 140 </td> 141 </tr> 142 </table> 143 </div> 144 </div> 145 </body> 146 </html>
