andry/EMS-ESP32
1
0
Fork 0
mirror of https://github.com/emsesp/EMS-ESP32.git synced 2025-12-07 00:09:51 +03:00
Code Issues Packages Projects Releases Wiki Activity

more fancy web stuff

Browse Source
This commit is contained in:
Paul
2019-08-02 16:06:54 +02:00
parent f919549a8d
commit 2bc41408d7
3 changed files with 12 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/custom.htm
View File

@@ -165,7 +165,11 @@
<div class="row text-center"> <div class="row text-center">
<div class="col-md-8 col-md-offset-2"> <div class="col-md-8 col-md-offset-2">
<h1>Dashboard</h1> <h1>Dashboard</h1>
<p>Real-time values from the EMS-ESP device are shown here.</p> <p>Real-time values from the EMS-ESP device are shown here.
<div class="row form-group">
<button onclick="refreshEMS()" class="btn btn-primary">Refresh Data</button>
</div>
</p>
</div> </div>
<div class="col-md-8 col-md-offset-2"> <div class="col-md-8 col-md-offset-2">
<div class="panel panel-default table-responsive"> <div class="panel panel-default table-responsive">
@@ -173,7 +177,7 @@
<caption>EMS Bus stats</caption> <caption>EMS Bus stats</caption>
<tr> <tr>
<td colspan="2"> <td colspan="2">
<h3><span id="msg"></span></h3> <b><div id="msg" role="alert"></div></b>
</td> </td>
</tr> </tr>
<tr> <tr>
@@ -207,7 +211,7 @@
</table> </table>
</div> </div>
<div class="panel panel-success table-responsive" id="thermostat_show"> <div class="panel panel-warning table-responsive" id="thermostat_show">
<div class="panel-heading">Thermostat</div> <div class="panel-heading">Thermostat</div>
<table class="table table-hover table-bordered table-condensed"> <table class="table table-hover table-bordered table-condensed">
<tr> <tr>
@@ -228,12 +232,5 @@
</div> </div>
</div> </div>
<br>
<br>
<div class="row form-group">
<div class="col-xs-9 col-md-8">
<button onclick="refreshEMS()" class="btn btn-primary btn-sm pull-center">Refresh...</button>
</div>
</div>
</div> </div>
</div> </div>

8
src/custom.js
View File

@@ -82,9 +82,9 @@ function savecustom() {
function listCustomStats() { function listCustomStats() {
document.getElementById("msg").innerHTML = ajaxobj.emsbus.msg; document.getElementById("msg").innerHTML = ajaxobj.emsbus.msg;
if (ajaxobj.emsbus.ok) { if (ajaxobj.emsbus.ok) {
document.getElementById("msg").className = "label label-success"; document.getElementById("msg").className = "alert alert-success";
} else { } else {
document.getElementById("msg").className = "label label-danger"; document.getElementById("msg").className = "alert alert-danger";
document.getElementById("thermostat_show").style.display = "none"; document.getElementById("thermostat_show").style.display = "none";
document.getElementById("boiler_show").style.display = "none"; document.getElementById("boiler_show").style.display = "none";
return; return;
@@ -98,11 +98,7 @@ function listCustomStats() {
if (type == 1) { if (type == 1) {
var color = "info"; var color = "info";
} else if (type == 2) { } else if (type == 2) {
var color = "success";
} else if (type == 3) {
var color = "warning"; var color = "warning";
} else if (type == 4) {
var color = "danger";
} else { } else {
var color = ""; var color = "";
} }

6
src/websrc/myesp.htm
View File

@@ -64,7 +64,7 @@
<div class="col-md-8 col-md-offset-2"> <div class="col-md-8 col-md-offset-2">
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<h3 class="panel-title">Please wait about 10 seconds while the system restarts...</h3> <h3 class="panel-title">Please wait a few seconds while the system restarts...</h3>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<div class="progress"> <div class="progress">
@@ -105,9 +105,9 @@
</div> </div>
<div class="row form-group"> <div class="row form-group">
<label class="col-xs-3">Serial<i style="margin-left: 10px;" class="glyphicon glyphicon-info-sign" <label class="col-xs-3">Serial Port<i style="margin-left: 10px;" class="glyphicon glyphicon-info-sign"
aria-hidden="true" data-toggle="popover" data-trigger="hover" data-placement="right" aria-hidden="true" data-toggle="popover" data-trigger="hover" data-placement="right"
data-content="Please choose if you want to enable Serial output for debugging"></i></label> data-content="Please choose if you want to enable Serial port for debugging"></i></label>
<div class="col-xs-9"> <div class="col-xs-9">
<form> <form>
<label class="radio-inline"> <label class="radio-inline">