74 lines
2.3 KiB
HTML
74 lines
2.3 KiB
HTML
<style>
|
|
.basicnetworkkey{
|
|
min-width: 200px;
|
|
}
|
|
.basicnetworkvalue{
|
|
flex-grow: 1;
|
|
}
|
|
.basicnetworkkeyssid1{
|
|
flex-grow: 1;
|
|
}
|
|
.basicnetworkkeyssid2{
|
|
min-width: 50px;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.mqttkey{
|
|
min-width: 100px;
|
|
}
|
|
.mqttvalue{
|
|
flex-grow: 1;
|
|
}
|
|
</style>
|
|
<div>
|
|
<div class="flexcontainer">
|
|
<div class="subcontainer">
|
|
<div class="subtitle">Basic network</div>
|
|
<div class="flexcontainer">
|
|
<span class="basicnetworkkey">Api Redirection to:</span>
|
|
<span class="basicnetworkvalue" id="remote_ip">remote ip</span>
|
|
</div>
|
|
|
|
<div class="flexcontainer">
|
|
<label class="basicnetworkkey" for="ap_ssid">AP SSID:</label>
|
|
<input class="basicnetworkvalue" type="text" id="ap_ssid" list="ssidlist">
|
|
</div>
|
|
|
|
<div class="flexcontainer">
|
|
<label class="basicnetworkkey" for="ssid">Station Mode:</label>
|
|
<input class="basicnetworkkeyssid1" type="search" id="ssid" list="ssidlist">
|
|
<datalist id="ssidlist">
|
|
<option value="Not scanned yet">
|
|
</datalist>
|
|
<input class="basicnetworkkeyssid2" type="button" id="scan" value="Scan">
|
|
</div>
|
|
|
|
<div class="flexcontainer">
|
|
<label class="basicnetworkkey" for="ssid">Password:</label>
|
|
<input class="basicnetworkvalue" type="text" id="password">
|
|
</div>
|
|
</div>
|
|
<div class="subcontainer">
|
|
<div class="flexcontainer">
|
|
<div class="subtitle">
|
|
Mqtt Reporting
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flexcontainer">
|
|
<div class="mqttkey">
|
|
MQTT Url
|
|
</div>
|
|
<input class="mqttvalue" type="text" id="mqtt_url" placeholder="mqtt://192.168.1.1:1883">
|
|
</div>
|
|
<div class="flexcontainer">
|
|
<div class="mqttkey">
|
|
Base Topic
|
|
</div>
|
|
<input class="mqttvalue" type="text" id="base_topic" placeholder="plants/one">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div> |