Alexey Zholtikov
7a74c4f2df
Changed library for MQTT connection. Added support for LAN connection. Added getting data from NTP server.
83 lines
3.5 KiB
HTML
83 lines
3.5 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=0.9">
|
|
<link rel="stylesheet" href="style.css">
|
|
<script type="text/javascript" src="function.js"></script>
|
|
<title>ESP-NOW Gateway</title>
|
|
</head>
|
|
|
|
<body onload="load();">
|
|
<form class="box">
|
|
<h1>ESP-NOW Gateway </h1>
|
|
<div class="wrapper">
|
|
<p class="text">Firmware:</p>
|
|
<p class="text" id="version"></p>
|
|
<input id="firmware" value="{{firmware}}" hidden />
|
|
</div>
|
|
|
|
<div class="wrapper">
|
|
<p class="text">Device name:</p>
|
|
<input id="deviceName" value="{{deviceName}}" placeholder="Name" autocomplete="off" label
|
|
title="ESP-NOW device name (up to 150 characters)" />
|
|
</div>
|
|
|
|
<div class="wrapper">
|
|
<p class="text">ESP-NOW network name:</p>
|
|
<input id="espnowNetName" value="{{espnowNetName}}" placeholder="Name" autocomplete="off" label
|
|
title="ESP-NOW network name (1 to 20 characters)" />
|
|
</div>
|
|
|
|
<div class="wrapper">
|
|
<p class="text-select">Work mode:</p>
|
|
<input id="workMode" value="{{workMode}}" hidden />
|
|
<p><select id="workModeSelect">
|
|
<option value="0">ESP-NOW</option>
|
|
<option value="1">ESP-NOW WIFI</option>
|
|
<option value="2">ESP-NOW LAN</option>
|
|
</select></p>
|
|
</div>
|
|
|
|
<p class="text">WiFi settings</p>
|
|
<div class="wrapper">
|
|
<input class="text-inp" id="ssid" value="{{ssid}}" placeholder="SSID" label title="WiFi network name" />
|
|
<input id="password" value="{{password}}" onfocus="this.type='text'" type="password" placeholder="Password"
|
|
autocomplete="off" label title="WiFi password" />
|
|
</div>
|
|
|
|
<p class="text">NTP settings</p>
|
|
<div class="wrapper">
|
|
<input class="text-inp" id="ntpHostName" value="{{ntpHostName}}" placeholder="URL or IP" label
|
|
title="NTP server URL or IP" />
|
|
<input id="gmtOffset" value="{{gmtOffset}}" placeholder="Time zone" label title="Time zone" />
|
|
</div>
|
|
|
|
<p class="text">MQTT settings</p>
|
|
<div class="wrapper">
|
|
<input class="text-inp" id="mqttHostName" value="{{mqttHostName}}" placeholder="URL or IP" label
|
|
title="MQTT server URL or IP" />
|
|
<input id="mqttHostPort" value="{{mqttHostPort}}" placeholder="Port" label title="MQTT server port" />
|
|
</div>
|
|
|
|
<div class="wrapper">
|
|
<input class="text-inp" id="mqttUserLogin" value="{{mqttUserLogin}}" placeholder="Login" label
|
|
title="MQTT server user login" />
|
|
<input id="mqttUserPassword" value="{{mqttUserPassword}}" onfocus="this.type='text'" type="password"
|
|
placeholder="Password" autocomplete="off" label title="MQTT server user password" />
|
|
</div>
|
|
|
|
<div class="wrapper">
|
|
<p class="text">MQTT topic prefix:</p>
|
|
<input id="topicPrefix" value="{{topicPrefix}}" placeholder="Prefix" label
|
|
title="MQTT messages topic prefix" />
|
|
</div>
|
|
|
|
<div class="wrapper">
|
|
<input class="btn" type="submit" value="Save" onclick="saveSetting(this);">
|
|
<input class="btn" type="submit" value="Restart" onclick="restart(this);">
|
|
</div>
|
|
</form>
|
|
</body>
|
|
|
|
</html> |