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