909 lines
33 KiB
C++
909 lines
33 KiB
C++
#include "ServeurWeb.h"
|
|
#include <ESP8266WiFi.h>
|
|
#include "Pins.h"
|
|
|
|
ServeurWeb::ServeurWeb()
|
|
{
|
|
Serial.println("--------------------------------------");
|
|
Serial.println("Init ServeurWeb");
|
|
//domoticz = _domoticz;
|
|
// WifiServer server(80);
|
|
//server->begin();
|
|
}
|
|
|
|
void ServeurWeb::loop()
|
|
{
|
|
//Serial.println("--------------------------------------");
|
|
//Serial.println("Loop ServeurWeb");
|
|
// read the state of the end button value:
|
|
modules->end_filament = digitalRead(FILAMENT_DETECTION);
|
|
//Serial.println('fin de filament ' + modules->end_filament);
|
|
|
|
if ((bcl % (refresh * 60)) == 0) { //DELAI_LECTURE == 0) {
|
|
// infos();
|
|
nbData += 1;
|
|
nbData = nbData % 256;
|
|
}
|
|
|
|
// Check if a client has connected
|
|
client = server->available();
|
|
if (!client) {
|
|
// infos();
|
|
// delay(1000);
|
|
bcl++;
|
|
return;
|
|
}
|
|
|
|
// Read the first line of the request
|
|
String req = client.readStringUntil('\r');
|
|
Serial.println(req);
|
|
// client.flush();
|
|
|
|
// Match the request
|
|
int val = -1; // We'll use 'val' to keep track of both the
|
|
// request type (read/set) and value if set.
|
|
if (req.indexOf("/admin") != -1) {
|
|
val = -3;
|
|
//int end = readPage(START_ADDRESS);
|
|
//pageAdmin();
|
|
pageMenu(PAGE_ADMIN);
|
|
|
|
} else if (req.indexOf("/graph") != -1) {
|
|
pageMenu(PAGE_GRAPH);
|
|
|
|
} else if (req.indexOf("/reset") != -1) {
|
|
client.println("Reset done. SSID, PASS, Domoticz, port & id cleaned.");
|
|
delay(100);
|
|
} else if (req.indexOf("/ident") != -1) {
|
|
|
|
ident(req);
|
|
|
|
} else if (req.indexOf("/status") != -1) {
|
|
|
|
//printWifiStatus();
|
|
pageMenu(PAGE_STATUS);
|
|
|
|
} else if (req.indexOf("/infos") != -1) {
|
|
pageMenu(PAGE_INFOS);
|
|
} else if (req.indexOf("/relay_01") != -1) {
|
|
client.print("relay_01=");
|
|
client.print(val0); //digitalRead(0));
|
|
delay(100);
|
|
} else if (req.indexOf("/relay_02") != -1) {
|
|
client.print("relay_02=");
|
|
client.print(val2); //digitalRead(2));
|
|
delay(100);
|
|
} else if (req.indexOf("/action") != -1) {
|
|
|
|
// Affectation des variables aux sorties correspondantes
|
|
if (req.indexOf("relay_01=false") != -1)
|
|
{
|
|
val0 = HIGH;
|
|
modules->relay(RELAY_PIN, val0);
|
|
}
|
|
if (req.indexOf("relay_01=true") != -1)
|
|
{
|
|
val0 = LOW;
|
|
modules->relay(RELAY_PIN, val0);
|
|
}
|
|
if (req.indexOf("relay_02=false") != -1)
|
|
{
|
|
val2 = HIGH;
|
|
digitalWrite(RELAY_PIN_02, val2);
|
|
}
|
|
if (req.indexOf("relay_02=true") != -1)
|
|
{
|
|
val2 = LOW;
|
|
digitalWrite(RELAY_PIN_02, val2);
|
|
}
|
|
if (req.indexOf("relay_03=false") != -1)
|
|
{
|
|
val3 = HIGH;
|
|
digitalWrite(RELAY_PIN_03, val3);
|
|
}
|
|
if (req.indexOf("relay_03=true") != -1)
|
|
{
|
|
val3 = LOW;
|
|
digitalWrite(RELAY_PIN_03, val3);
|
|
}
|
|
|
|
if (req.indexOf("relay_04=false") != -1)
|
|
{
|
|
val4 = HIGH;
|
|
digitalWrite(RELAY_PIN_04, val4);
|
|
}
|
|
if (req.indexOf("relay_04=true") != -1)
|
|
{
|
|
val4 = LOW;
|
|
digitalWrite(RELAY_PIN_04, val4);
|
|
}
|
|
|
|
Serial.println("Val0=" + String(val0) + " Val2=" + String(val2)
|
|
+ " Val3=" + String(val3) + " Val4=" + String(val4));
|
|
|
|
pageMenu(PAGE_MENU);
|
|
} else if (req.indexOf("/menu") != -1) {
|
|
//pageMenu();
|
|
pageMenu(PAGE_MENU);
|
|
} else {
|
|
pageMenu(PAGE_MENU);
|
|
}
|
|
|
|
//client.stop();
|
|
|
|
// The client will actually be disconnected
|
|
// when the function returns and 'client' object is detroyed
|
|
}
|
|
|
|
String ServeurWeb::getValueFrom(String request, int deb, int fin) {
|
|
|
|
int bufLength = ((fin) - (deb + 5)); //the 5 is for the "name=" string
|
|
|
|
String tmp = request.substring((deb + 5), (fin - 1));
|
|
|
|
return tmp;
|
|
}
|
|
|
|
char* ServeurWeb::convertToChar(String s, char* buf) {
|
|
char c[s.length() + 1];
|
|
s.toCharArray(c, s.length() + 1);
|
|
return c;
|
|
}
|
|
|
|
|
|
void ServeurWeb::infos()
|
|
{
|
|
int nb = 0;
|
|
|
|
//WiFiClient client2; // = domoticz->_client;
|
|
// Domoticz format /json.htm?type=command¶m=udevice&idx=IDX&nvalue=0&svalue=TEMP;HUM;HUM_STAT
|
|
|
|
// Type
|
|
// 0 = Integer, e.g. -1, 1, 0, 2, 10
|
|
//1 = Float, e.g. -1.1, 1.2, 3.1
|
|
//2 = String
|
|
//3 = Date in format DD/MM/YYYY
|
|
//4 = Time in 24 hr format HH:MM
|
|
//5 = DateTime (but the format is not checked)
|
|
// SAve variable "json.htm?type=command¶m=saveuservariable&vname=" + domoticz->_macID + "uservariablename&vtype=2&vvalue=uservariablevalue"
|
|
|
|
// GEt Variables
|
|
// http://192.168.0.10:8080/json.htm?type=command¶m=getuservariables&idx=4
|
|
|
|
|
|
// // Domo
|
|
// char domoticz->_domoc[domoticz.length() + 1];
|
|
// domoticz.toCharArray(domoticz->_domoc, domoticz.length() + 1);
|
|
|
|
// // Port
|
|
// char portc[port.length() + 1];
|
|
// port.toCharArray(portc, port.length() + 1);
|
|
// int domoticz->_iport = atoi(portc);
|
|
|
|
Serial.print(domoticz->_domoticz);
|
|
Serial.print(" ");
|
|
Serial.println(domoticz->_port);
|
|
|
|
Serial.print(" radiateur=");
|
|
Serial.print(radiateur);
|
|
Serial.print(" temperature=");
|
|
Serial.print(temp);
|
|
Serial.print(" consigne=");
|
|
Serial.print(cons);
|
|
Serial.println("");
|
|
// Avoid WDT reset during long process
|
|
yield();
|
|
|
|
// -------------------
|
|
// LECTURE PARAM
|
|
// -------------------
|
|
if (radiateur == "") {
|
|
Serial.println("Lecture parametre dans domoticz");
|
|
if (domoticz->connect()) {
|
|
Serial.println("Connected to domoticz");
|
|
domoticz->executeJson("/json.htm?type=command¶m=getuservariables", "", "");
|
|
|
|
// Read the first line of the request
|
|
while (1) {
|
|
// Avoid WDT reset during long process
|
|
yield();
|
|
String req = domoticz->readLine();
|
|
// Serial.println(req);
|
|
|
|
if (req.indexOf(domoticz->_macID) != -1) {
|
|
Serial.println(req);
|
|
|
|
// Serial.println(req);
|
|
req = domoticz->readLine();
|
|
req = domoticz->readLine();
|
|
String val = req.substring(req.indexOf(":") + 2, req.length() - 1);
|
|
Serial.println(val);
|
|
val.replace("\"", "");
|
|
radiateur = domoticz->getIndexOfString(val, separator, 0);
|
|
temp = domoticz->getIndexOfString(val, separator, 1);
|
|
cons = domoticz->getIndexOfString(val, separator, 2);
|
|
refresh = domoticz->getIndexOfString(val, separator, 3).toInt();
|
|
nom = domoticz->getIndexOfString(val, separator, 4);
|
|
|
|
for (int cpt = 0; cpt < 5; cpt++ ) {
|
|
Serial.print(domoticz->getIndexOfString(val, separator, cpt));
|
|
}
|
|
Serial.println("");
|
|
Serial.println("radiateur=" + radiateur);
|
|
Serial.println("temp=" + temp);
|
|
Serial.println("cons=" + cons);
|
|
|
|
break;
|
|
}
|
|
if (req == "" || nb > 500) {
|
|
break;
|
|
}
|
|
nb++;
|
|
}
|
|
|
|
//client2.stop();
|
|
delay(100);
|
|
}
|
|
}
|
|
if (radiateur != "") {
|
|
if (domoticz->connect()) {
|
|
Serial.println("Connected to domoticz lecteur statut radiateur" );
|
|
domoticz->executeJson("/json.htm?type=devices&rid=" + radiateur, "", "");
|
|
|
|
// Read the first line of the request
|
|
while (1) {
|
|
// Avoid WDT reset during long process
|
|
yield();
|
|
String req = domoticz->readLine();
|
|
|
|
if (req.indexOf("\"Status\"") != -1) {
|
|
Serial.println(req.substring(req.indexOf(":") + 2));
|
|
break;
|
|
}
|
|
if (req == "" || nb > 500) {
|
|
break;
|
|
}
|
|
nb++;
|
|
}
|
|
|
|
//client2.stop();
|
|
delay(100);
|
|
}
|
|
if (domoticz->connect()) {
|
|
Serial.println("Connected to domoticz lecture donnée température" );
|
|
domoticz->executeJson("/json.htm?type=devices&rid=723", "","");
|
|
|
|
// Read the first line of the request
|
|
while (1) {
|
|
// Avoid WDT reset during long process
|
|
yield();
|
|
String req = domoticz->readLine();
|
|
Serial.println(req);
|
|
if (req.indexOf("\"Temp\"") != -1) {
|
|
String tmp = req.substring(req.indexOf(":") + 2);
|
|
tmp = tmp.substring(0, tmp.indexOf(".") + 2);
|
|
Serial.println(tmp);
|
|
if (data == "") {
|
|
data += tmp;
|
|
labels = "\"0\"";
|
|
} else {
|
|
data += "," + tmp;
|
|
if (nbData % 10 == 0) {
|
|
labels = labels + "," + "\"" + nbData + "\"";
|
|
} else {
|
|
labels = labels + "," + "\"" + "\"";
|
|
}
|
|
|
|
}
|
|
if (data.length() > 500) {
|
|
data = data.substring(data.indexOf(",") + 1);
|
|
labels = labels.substring(labels.indexOf(",") + 1);
|
|
}
|
|
Serial.println(data);
|
|
Serial.println(labels);
|
|
break;
|
|
}
|
|
if (req == "" || nb > 500) {
|
|
break;
|
|
}
|
|
nb++;
|
|
}
|
|
|
|
//client2.stop();
|
|
delay(100);
|
|
}
|
|
if (domoticz->connect()) {
|
|
Serial.println("Connected to domoticz lecteur consigne" );
|
|
|
|
domoticz->executeJson("/json.htm?type=devices&rid=" + cons, "", "");
|
|
|
|
// Read the first line of the request
|
|
while (1) {
|
|
// Avoid WDT reset during long process
|
|
yield();
|
|
String req = domoticz->readLine();
|
|
|
|
if (req.indexOf("\"SetPoint\"") != -1) {
|
|
String value = req.substring(req.indexOf(":") + 2);
|
|
//value = .substring(req.indexOf(":") + 1);
|
|
value.trim();
|
|
|
|
Serial.println(value);
|
|
break;
|
|
}
|
|
if (req == "" || nb > 500) {
|
|
break;
|
|
}
|
|
nb++;
|
|
}
|
|
|
|
//client2.stop();
|
|
delay(100);
|
|
|
|
}
|
|
}
|
|
// Avoid WDT reset during long process
|
|
yield();
|
|
Serial.println("Fin infos");
|
|
// Avoid WDT reset during long process
|
|
yield();
|
|
}
|
|
|
|
|
|
void ServeurWeb::printWifiStatus() {
|
|
// print the SSID of the network you're attached to:
|
|
Serial.print("SSID: ");
|
|
Serial.println(WiFi.SSID());
|
|
|
|
// print your WiFi shield's IP address:
|
|
IPAddress ip = WiFi.localIP();
|
|
Serial.print("IP Address: ");
|
|
Serial.println(ip);
|
|
|
|
// print the received signal strength:
|
|
long rssi = WiFi.RSSI();
|
|
Serial.print("signal strength (RSSI):");
|
|
Serial.print(rssi);
|
|
Serial.println(" dBm");
|
|
|
|
// PAge
|
|
client.println("<p>Connected to ");
|
|
client.println(WiFi.SSID());
|
|
client.println("</p><p>Ip: ");
|
|
client.println(ip);
|
|
client.println("</p><p>Force du signal:");
|
|
client.println(rssi);
|
|
client.println(" dBm</p>");
|
|
client.println("<p>Domoticz:");
|
|
client.println(domoticz->_domoticz);
|
|
client.println(":");
|
|
client.println(domoticz->_port);
|
|
client.println("</p>");
|
|
//
|
|
// client.println("<div class='c100 p25 dark orange'>");
|
|
// client.println(" <span>25%</span>");
|
|
// client.println(" <div class='slice'>");
|
|
// client.println(" <div class='bar'></div>");
|
|
// client.println(" <div class='fill'></div>");
|
|
// client.println(" </div>");
|
|
// client.println("</div>");
|
|
client.println("<button class='boutonTemp' onclick='click()'>" + temp + "</button>");
|
|
client.println("<button class='boutonCons' onclick='click()'>" + cons + "</button>");
|
|
}
|
|
|
|
////////////////////////////////////////////
|
|
////// PAGE MENU
|
|
////////////////////////////////////////////
|
|
void ServeurWeb::pageMenu(int page) {
|
|
client.println("<html>");
|
|
client.println("<head>");
|
|
client.println("<link rel=\"shortcut icon\" href=\"http://" + domoticz->_domoticz + ":" + domoticz->_port + "/favicon.ico\">");
|
|
if (page == PAGE_GRAPH) {
|
|
client.println("<meta http-equiv=\"refresh\" content=\"60\" >");
|
|
}
|
|
if (page == PAGE_MENU) {
|
|
// // Look des champs de saisis
|
|
// client.println("<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"http://" + domoticz->_domoticz + "/ESP8266/css/styles.css\">");
|
|
// // Look Bouton toggle
|
|
// client.println("<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"http://" + domoticz->_domoticz + "/ESP8266/css/toggles-soft.css\">");
|
|
}
|
|
|
|
menuStyle(page);
|
|
client.println("</head>");
|
|
|
|
menuBody(page);
|
|
client.println("</html>\n\r");
|
|
|
|
}
|
|
|
|
void ServeurWeb::menuBody(int page) {
|
|
client.println("<body>");
|
|
client.println("<header role='banner'>");
|
|
client.println("<div class='wrapper'>");
|
|
client.print("<h1> ");
|
|
client.print(nom + " " + domoticz->_macID);
|
|
client.println("</h1>");
|
|
client.println("<nav id='nav' role='navigation'>");
|
|
client.println("<div class='show_menu_btn' data-target='#nav ul' data-shown-text='Hide menu' data-hidden-text='Show menu' >Show menu</div>");
|
|
client.println("<ul>");
|
|
client.println("<li><a href='/menu'>Menu</a></li>");
|
|
client.println("<li><a href='/admin'>Admin</a></li>");
|
|
//client.println("<li><a href='/infos'>Infos</a></li>");
|
|
client.println("<li><a href='/status'>Status</a></li>");
|
|
//client.println("<li><a href='/reset'>Reset</a></li>");
|
|
client.println("<li><a href='/graph'>Graph</a></li>");
|
|
//client.println("<li><a href='/aide'>Aide</a></li>");
|
|
client.println("</ul>");
|
|
client.println("</nav>");
|
|
client.println("</div>");
|
|
client.println("</header>");
|
|
|
|
client.println("<main role='main'>");
|
|
client.println("<div class='wrapper'>");
|
|
if (page == PAGE_MENU) {
|
|
client.print("<form><div><input type=\"checkbox\" id=\"relay_01\" onclick=\"handleClick(this);\" ");
|
|
if (val0 == 0) {
|
|
client.print("unchecked");
|
|
} else {
|
|
client.print("checked");
|
|
}
|
|
client.println("><label for=\"relay_01\" onclick=\"relay_01();\">Relai 1</label></div></form>");
|
|
client.println("<form><div><input type=\"checkbox\" id=\"relay_02\" onclick=\"handleClick(this);\" ");
|
|
|
|
if (val2 == 0) {
|
|
client.print("unchecked");
|
|
} else {
|
|
client.print("checked");
|
|
}
|
|
client.println("><label for=\"relay_02\" onclick=\"relay_02();\">Relai 2</label></div></form>");
|
|
client.println("<form><div><input type=\"checkbox\" id=\"relay_03\" onclick=\"handleClick(this);\" ");
|
|
if (val3 == 0) {
|
|
client.print("unchecked");
|
|
} else {
|
|
client.print("checked");
|
|
}
|
|
client.println("><label for=\"relay_03\" onclick=\"relay_03();\">Relai 3</label></div></form>");
|
|
client.println("<form><div><input type=\"checkbox\" id=\"relay_04\" onclick=\"handleClick(this);\" ");
|
|
if (val4 == 0) {
|
|
client.print("unchecked");
|
|
} else {
|
|
client.print("checked");
|
|
}
|
|
client.println("><label for=\"relay_04\" onclick=\"relay_04();\">Relai 4</label></div></form>");
|
|
|
|
} else if (page == PAGE_ADMIN) {
|
|
client.println( "<form action='/ident' method='get'>");
|
|
client.println( "<script type='text/javascript'>\nfunction showValue(newValue)\n{\ndocument.getElementById('text').innerHTML=newValue;\n}\n</script>");
|
|
client.println( "<div>");
|
|
client.println( "<label for='name'>SSID:</label>");
|
|
String ssid = String(domoticz->_ssid);
|
|
// sprintf (domoticz->_ssid, "%18x", ssid);
|
|
client.println( "<input type='text' id='name' name='name' value='" + ssid + "'/>");
|
|
client.println( "</div>");
|
|
client.println( "<div>");
|
|
client.println( "<label for='pass'>Password:</label>");
|
|
String pass = String(domoticz->_pass);
|
|
client.println( "<input type='password' id='pass' name='pass' value='" + pass + "'/>");
|
|
client.println( "</div>");
|
|
client.println( "<div>");
|
|
client.println( "<label for='domo'>Domoticz:</label>");
|
|
client.println( "<input type='text' id='domo' name='domo' value='" + domoticz->_domoticz + "'/>"); // />");
|
|
client.println( "</div>");
|
|
client.println( "<div>");
|
|
client.println( "<label for='port'>Port:</label>");
|
|
client.println( "<input type='text' id='port' name='port' value='" + domoticz->_port + "'/>");
|
|
client.println( "</div>");
|
|
// client.println( "<div>");
|
|
// client.println( "<label for='radi'>Id Radiateur:</label>");
|
|
// client.println( "<input type='radi' id='radi' name='radi' value='" + radiateur + "'/>");
|
|
// client.println( "</div>");
|
|
// client.println( "<div>");
|
|
// client.println( "<label for='temp'>Id Thermometre:</label>");
|
|
// client.println( "<input type='temp' id='temp' name='temp' value='" + temp + "'/>");
|
|
// client.println( "</div>");
|
|
// client.println( "<div>");
|
|
// client.println( "<label for='cons'>Id Consigne:</label>");
|
|
// client.println( "<input type='cons' id='cons' name='cons' value='" + cons + "'/>");
|
|
// client.println( "</div>");
|
|
|
|
client.println( "<div class='button'>");
|
|
client.println( "<button name=H type='submit'>Ok</button>");
|
|
client.println( "</div>");
|
|
client.println( "</form>");
|
|
} else if (page == PAGE_STATUS) {
|
|
client.println("<article>");
|
|
printWifiStatus();
|
|
client.println("</article>");
|
|
} else if (page == PAGE_GRAPH) {
|
|
graph();
|
|
} else if (page == PAGE_INFOS) {
|
|
infos();
|
|
}
|
|
client.println(" </div>");
|
|
client.println("</main>");
|
|
|
|
client.println("<script>");
|
|
client.println("var show_menu=document.querySelector('.show_menu_btn'),viewport_width=document.documentElement.clientWidth,menu=document.querySelector('#nav ul');600>viewport_width&&(menu.style.display='none'),window.addEventListener('resize',function(){var e=document.documentElement.clientWidth;menu.style.display=e>599?'block':'none'}),show_menu.addEventListener('click',function(){var e=document.querySelector(show_menu.getAttribute('data-target'));'none'==e.style.display?(e.style.display='block',show_menu.innerHTML=show_menu.getAttribute('data-shown-text')):(e.style.display='none',show_menu.innerHTML=show_menu.getAttribute('data-hidden-text'))});");
|
|
//menuJS();
|
|
// Fonction pour les voutons
|
|
//client.println("function click(){$(function() {$( '#dialog' ).dialog({width : 250, height: 180, modal : true }); }); }");
|
|
client.println("</script>");
|
|
|
|
|
|
if (page == PAGE_GRAPH) {
|
|
// client.println("<script src=\"http://" + domoticz->_domoticz + "/" + jsPath + "/" + chartName + "\"></script>");
|
|
client.println("<script src=\"https://www.chartjs.org/dist/2.9.3/Chart.min.js\"></script>");
|
|
}
|
|
else if (page == PAGE_MENU) {
|
|
client.println("<script>");
|
|
client.println("function relay_04() {document.getElementById(\"relay_04\").click();}");
|
|
client.println("function relay_03() {document.getElementById(\"relay_03\").click();}");
|
|
client.println("function relay_02() {document.getElementById(\"relay_02\").click();}");
|
|
client.println("function relay_01() {document.getElementById(\"relay_01\").click();}");
|
|
client.println("function handleClick(cb) {post_to_url(cb, \"/action\", { submit: \"submit\" });}");
|
|
client.println("function post_to_url(x, path, params, method) {");
|
|
client.println("method = \"get\"; var form = document.createElement(\"form\");");
|
|
//1client.println("var x = document.getElementById(\"relay_01\");");
|
|
// client.println("var x2 = document.getElementById(\"relay_02\");");
|
|
client.println("form._submit_function_ = form.submit;");
|
|
client.println("form.setAttribute(\"method\", method);");
|
|
client.println("form.setAttribute(\"action\", path);");
|
|
|
|
client.println("var hiddenField = document.createElement(\"input\");");
|
|
client.println("hiddenField.setAttribute(\"type\", \"hidden\");");
|
|
client.println("hiddenField.setAttribute(\"name\", x.id);");
|
|
client.println("hiddenField.setAttribute(\"value\", x.checked);");
|
|
client.println("form.appendChild(hiddenField);");
|
|
client.println("document.body.appendChild(form);");
|
|
|
|
// client.println("var hiddenField2 = document.createElement(\"input\");");
|
|
// client.println("hiddenField2.setAttribute(\"type\", \"hidden\");");
|
|
// client.println("hiddenField2.setAttribute(\"name\", x2.id);");
|
|
// client.println("hiddenField2.setAttribute(\"value\", x2.checked);");
|
|
// client.println("form.appendChild(hiddenField2);");
|
|
// client.println("document.body.appendChild(form);");
|
|
|
|
client.println("form._submit_function_(); }</script>");
|
|
}
|
|
|
|
client.println("</body>");
|
|
|
|
}
|
|
|
|
void ServeurWeb::menuStyle(int page) {
|
|
// menuStyle.css
|
|
client.println("<style>");
|
|
client.println( "a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,");
|
|
client.println( "figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,");
|
|
client.println( "strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}");
|
|
client.println( "article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:");
|
|
client.println( "after,blockquote:before,q:after,q:before{content:'';");
|
|
client.println( "content:none}table{border-collapse:collapse;border-spacing:0}h1{font-size:1.5em;font-weight:700;padding:.5em 0;letter-spacing:1px}@media screen and ");
|
|
client.println( "(max-width:599px){h1{text-align:center}}h2{font-size:1.25em;font-weight:700;line-height:1.2;padding:.5em 0}p{font-size:1em;padding:0 0 1em}a{color:#555;");
|
|
client.println( "text-decoration:none;border-bottom:1px solid #555}a:hover{color:#88b47f;border-bottom:1px solid #88b47f}*{-moz-box-sizing:border-box;-webkit-box-sizing:");
|
|
client.println( "border-box;box-sizing:border-box;-webkit-text-size-adjust:auto}body{font-family:sans-serif;font-size:100%;text-align:center;line-height:1.5;background:");
|
|
client.println( "#f8f7f0;color:#555}.wrapper{width:90%;max-width:50em;margin:0 auto;text-align:left;overflow:hidden}");
|
|
client.println( "header{margin-bottom:1em;padding-bottom:1em;background:#57575f;color:#fff}@media screen and (max-width:599px){.no-js .show_menu_btn{display:none}.js .show_menu_btn,.no-js #nav ul{display:block}.js #nav ul{display:none}}@media screen and (min-width:600px){.show_menu_btn{display:none}#nav ul{display:block}}.show_menu_btn{width:35%;margin:0 auto;padding:.3em;cursor:pointer;text-align:center;background:#88b47f}#nav ul{margin:1em 0}#nav ul li{padding:.5em}#nav ul li:hover{background:#88b47f}#nav ul a{display:block;font-size:1em;color:#eee;border-bottom:none}@media screen and (max-width:599px){#nav ul{display:block}#nav ul li{display:block;text-align:center;border-bottom:1px solid #6f6f7a}}@media screen and (min-width:600px){#nav{overflow:hidden}#nav ul li{width:7em;float:left;margin-right:1em}}");
|
|
//Bouton
|
|
client.println( ".boutonTemp {width:85px;height:85px;background:#fafafa;box-shadow:2px 2px 8px #aaa;font:bold 13px Arial;border-radius:50%;color:#555;}");
|
|
client.println( ".boutonCons {width:85px;height:85px;background:#cc0000;font:bold 13px Arial;border-radius:50%;border:none;color:#fff;}");
|
|
|
|
// PAGE MENU
|
|
client.println("input[type=\"checkbox\"] {display: none;}");
|
|
client.println("input[type=\"checkbox\"] + label {display:inline-block; line-height:normal; cursor:pointer; padding: 3px 14px;");
|
|
client.println("background-color: #EFEFEF;border-radius: 4px;border: 1px solid #D0D0D0;margin: 40px 100px 10px 40px;");
|
|
client.println("}input[type=\"checkbox\"] + label:hover {border-color: #000;background-color: #911;color: #fff;}");
|
|
client.println("input[type=\"checkbox\"]:checked + label {border-color: #000;background-color: #888;color: #fff;}");
|
|
|
|
|
|
client.println("</style>");
|
|
|
|
|
|
}
|
|
|
|
///////////////////////////////////////////////////
|
|
// PAGE ADMIN
|
|
///////////////////////////////////////////////////
|
|
void ServeurWeb::pageAdmin() {
|
|
|
|
client.println("<html>");
|
|
style();
|
|
body();
|
|
client.println("</html>\n\r");
|
|
}
|
|
|
|
void ServeurWeb::body() {
|
|
// body.html
|
|
client.println( "<body>");
|
|
client.println( "<form action='/ident' method='get'>");
|
|
client.println( "<script type='text/javascript'>\nfunction showValue(newValue)\n{\ndocument.getElementById('text').innerHTML=newValue;\n}\n</script>");
|
|
client.println( "<div>");
|
|
client.println( "<label for='name'>SSID:</label>");
|
|
client.println( "<input type='text' id='name' name='name' />");
|
|
client.println( "</div>");
|
|
client.println( "<div>");
|
|
client.println( " <label for='pass'>Password:</label>");
|
|
client.println( " <input type='password' id='pass' name='pass' />");
|
|
client.println( "</div>");
|
|
client.println( "<div>");
|
|
client.println( " <label for='domo'>Domoticz:</label>");
|
|
client.println( " <input type='text' id='domo' name='domo' />");
|
|
client.println( " <label for='port'>Port:</label>");
|
|
client.println( " <input type='text' id='port' name='port' />");
|
|
client.println( "</div>");
|
|
client.println( "<div>");
|
|
client.println( " <label for='radi'>Id Radiateur:</label>");
|
|
client.println( " <input type='radi' id='radi' name='radi' />");
|
|
client.println( "</div>");
|
|
client.println( "<div class='button'>");
|
|
client.println( " <button name=H type='submit'>Ok</button>");
|
|
client.println( "</div>");
|
|
client.println( "</form>");
|
|
client.println( "</body>");
|
|
|
|
}
|
|
|
|
|
|
void ServeurWeb::style() {
|
|
|
|
// style.css
|
|
client.println( "<style>");
|
|
client.println( "form {");
|
|
// client.println( " /* Just to center the form on the page */");
|
|
client.println( " margin: 0 auto;");
|
|
client.println( " width: 400px;");
|
|
client.println( "");
|
|
// client.println( " /* To see the limits of the form */");
|
|
client.println( " padding: 1em;");
|
|
client.println( " border: 1px solid #CCC;");
|
|
client.println( " border-radius: 1em;");
|
|
client.println( "}");
|
|
client.println( "");
|
|
client.println( "div + div {");
|
|
client.println( " margin-top: 1em;");
|
|
client.println( "}");
|
|
client.println( "");
|
|
client.println( "label {");
|
|
// client.println( " /* To make sure that all label have the same size and are properly align */");
|
|
client.println( " display: inline-block;");
|
|
client.println( " width: 90px;");
|
|
client.println( " text-align: right;");
|
|
client.println( "}");
|
|
client.println( "");
|
|
client.println( "input, textarea {");
|
|
// client.println( " /* To make sure that all text field have the same font settings");
|
|
// client.println( " By default, textarea are set with a monospace font */");
|
|
client.println( " font: 1em sans-serif;");
|
|
client.println( "");
|
|
// client.println( " /* To give the same size to all text field */");
|
|
client.println( " width: 300px;");
|
|
client.println( "");
|
|
client.println( " -moz-box-sizing: border-box;");
|
|
client.println( " box-sizing: border-box;");
|
|
client.println( "");
|
|
// client.println( " /* To harmonize the look & feel of text field border */");
|
|
client.println( " border: 1px solid #999;");
|
|
client.println( "}");
|
|
client.println( "");
|
|
client.println( "input:focus, textarea:focus {");
|
|
// client.println( " /* To give a little highligh on active elements */");
|
|
client.println( " border-color: #000;");
|
|
client.println( "}");
|
|
client.println( "");
|
|
client.println( "textarea {");
|
|
// client.println( " /* To properly align multiline text field with their label */");
|
|
client.println( " vertical-align: top;");
|
|
client.println( "");
|
|
// client.println( " /* To give enough room to type some text */");
|
|
client.println( " height: 5em;");
|
|
client.println( "");
|
|
// client.println( " /* To allow users to resize any textarea vertically");
|
|
// client.println( " It works only on Chrome, Firefox and Safari */");
|
|
client.println( " resize: vertical;");
|
|
client.println( "}");
|
|
client.println( "");
|
|
client.println( ".button {");
|
|
// client.println( " /* To position the buttons to the same position of the text fields */");
|
|
// client.println( " padding-left: 90px; /* same size as the label elements */");
|
|
client.println( "}");
|
|
client.println( "");
|
|
client.println( "button {");
|
|
// client.println( " /* This extra magin represent the same space as the space between");
|
|
// client.println( " the labels and their text fields */");
|
|
client.println( " margin-left: .5em;");
|
|
client.println( "}");
|
|
|
|
client.println(".toggle-slide {");
|
|
client.println(" overflow: hidden;");
|
|
client.println(" cursor: pointer;");
|
|
client.println(" -webkit-touch-callout: none;");
|
|
client.println(" -webkit-user-select: none;");
|
|
client.println(" -khtml-user-select: none;");
|
|
client.println(" -moz-user-select: none;");
|
|
client.println(" -ms-user-select: none;");
|
|
client.println(" user-select: none;");
|
|
client.println(" direction: ltr;");
|
|
client.println("}");
|
|
client.println(".toggle-slide .toggle-on,.toggle-slide .toggle-off,.toggle-slide .toggle-blob {");
|
|
client.println(" float: left;");
|
|
client.println("}");
|
|
client.println(".toggle-slide .toggle-blob {");
|
|
client.println(" position: relative;");
|
|
client.println(" z-index: 99;");
|
|
client.println(" cursor: hand;");
|
|
client.println(" cursor: grab;");
|
|
client.println(" cursor: -moz-grab;");
|
|
client.println(" cursor: -webkit-grab;");
|
|
client.println("}");
|
|
|
|
|
|
client.println( "</style>");
|
|
|
|
}
|
|
|
|
|
|
void ServeurWeb::graph() {
|
|
// infos();
|
|
client.println( "<canvas id='canvas' ></canvas>");
|
|
|
|
client.println( "<script>");
|
|
client.println( "var randomScalingFactor = function(){ return Math.round(Math.random()*100)};");
|
|
|
|
client.println( "var config = {");
|
|
client.println( "type: 'line',");
|
|
client.println( " data: {");
|
|
|
|
client.print( "labels : ["); //\"January\",\"February\",\"March\",\"April\",\"May\",\"June\",\"July\"],");
|
|
client.print(domoticz->labels);
|
|
client.println("],");
|
|
|
|
client.println( "datasets : [");
|
|
client.println( "{");
|
|
client.println( "label: \"My First dataset\",");
|
|
client.println( " fillColor : \"rgba(220,220,220,0.2)\",");
|
|
client.println( " strokeColor : \"rgba(220,220,220,1)\",");
|
|
client.println( " pointColor : \"rgba(220,220,220,1)\",");
|
|
client.println( " pointStrokeColor : \"#fff\",");
|
|
client.println( " pointHighlightFill : \"#fff\",");
|
|
client.println( " pointHighlightStroke : \"rgba(220,220,220,1)\",");
|
|
client.print( " data : [");
|
|
|
|
|
|
// randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()
|
|
client.print(domoticz->data);
|
|
client.print("]}");
|
|
|
|
client.println( " ]}};");
|
|
client.println( "window.onload = function(){");
|
|
client.println( " var ctx = document.getElementById(\"canvas\").getContext(\"2d\");");
|
|
client.println( " window.myLine = new Chart(ctx, config);");
|
|
// client.println( " responsive: true, animation:true});");
|
|
client.println( "}");
|
|
client.println( "</script>");
|
|
|
|
}
|
|
|
|
//String domoticz->getIndexOfString(String data, String separator, int index)
|
|
//{
|
|
// int found = 0;
|
|
// int strIndex[] = { 0, -1 };
|
|
// int maxIndex = data.length() - 1;
|
|
//
|
|
// for (int i = 0; i <= maxIndex && found <= index; i++) {
|
|
// if (data.charAt(i) == separator.charAt(0) || i == maxIndex) {
|
|
// found++;
|
|
// strIndex[0] = strIndex[1] + 1;
|
|
// strIndex[1] = (i == maxIndex) ? i+1 : i;
|
|
// }
|
|
// }
|
|
// return found > index ? data.substring(strIndex[0], strIndex[1]) : "";
|
|
//}
|
|
|
|
void ServeurWeb::ident(String req) {
|
|
|
|
// Return : ident?name=jjjjj&pass=kkkk&domo&H=
|
|
int posName = req.indexOf("name");
|
|
int posPass = req.indexOf("pass", posName);
|
|
int posDomo = req.indexOf("domo", posPass);
|
|
int posPort = req.indexOf("port", posDomo);
|
|
// int posRadi = req.indexOf("radi", posPort);
|
|
// int posTemp = req.indexOf("temp", posRadi);
|
|
// int posCons = req.indexOf("cons", posTemp);
|
|
// int End = req.indexOf("H", posCons);
|
|
|
|
//if (End < 0) {
|
|
int End = req.length() + 1;
|
|
//}
|
|
//ssid
|
|
String ssid = getValueFrom(req, posName, posPass);
|
|
char ssidc[ssid.length() + 1];
|
|
ssid.toCharArray(ssidc, ssid.length() + 1);
|
|
|
|
//Password
|
|
String pass = getValueFrom(req, posPass, posDomo);
|
|
char passc[pass.length() + 1];
|
|
pass.toCharArray(passc, pass.length() + 1);
|
|
|
|
// Domo
|
|
String domo = getValueFrom(req, posDomo, posPort);
|
|
char domoc[domo.length() + 1];
|
|
domo.toCharArray(domoc, domo.length() + 1);
|
|
|
|
// Port
|
|
String port = getValueFrom(req, posPort, End); //posRadi);
|
|
char portc[port.length() + 1];
|
|
port.toCharArray(portc, port.length() + 1);
|
|
|
|
// // Radiateur
|
|
// String radi = getValueFrom(req, posRadi, posTemp);
|
|
// char radic[radi.length() + 1];
|
|
// radi.toCharArray(radic, radi.length() + 1);
|
|
|
|
// // Thermometre
|
|
// String temp = getValueFrom(req, posTemp, posCons);
|
|
// char tempc[temp.length() + 1];
|
|
// temp.toCharArray(tempc, temp.length() + 1);
|
|
|
|
// // Consigne
|
|
// String cons = getValueFrom(req, posCons, End);
|
|
// char consc[cons.length() + 1];
|
|
// cons.toCharArray(consc, cons.length() + 1);
|
|
|
|
Serial.println("SSID=" + ssid);
|
|
Serial.println("Pass=" + pass);
|
|
Serial.println("Domo=" + domo);
|
|
Serial.println("Port=" + port);
|
|
|
|
eeprom->writeString(0, ssid);
|
|
eeprom->writeString(20, pass);
|
|
eeprom->writeString(40, domo);
|
|
eeprom->writeString(60, port);
|
|
|
|
Serial.println("SSID=" + eeprom->readString(0));
|
|
Serial.println("Pass=" + eeprom->readString(20));
|
|
Serial.println("Domo=" + eeprom->readString(40));
|
|
Serial.println("Port=" + eeprom->readString(60));
|
|
|
|
// Serial.println("Radi=" + radi);
|
|
// Serial.println("Temp=" + temp);
|
|
// Serial.println("Cons=" + cons);
|
|
|
|
//Domoticz domo("192.168.1.3", "81", "Livebox-37cc", "8A6060920A8A86896F770F2C47");
|
|
|
|
|
|
// boolean connected = connectToWifi(ssidc, passc);
|
|
|
|
// client.flush();
|
|
// // Prepare the response. Start with the common header:
|
|
|
|
|
|
String s = "HTTP/1.1 200 OK\r\n";
|
|
s += "Content-Type: text/html\r\n\r\n";
|
|
s += "<!DOCTYPE HTML>\r\n<html>\r\n";
|
|
//s += "Connexion en-cours.";
|
|
|
|
if (true) {
|
|
|
|
s += "WiFi connected\n";
|
|
|
|
// Start the server
|
|
// server.begin();
|
|
|
|
// s+="Server started\n";
|
|
|
|
// Print the IP address
|
|
s += "Use this URL to connect: ";
|
|
s += "http://";
|
|
//s += WiFi.localIP();
|
|
s += "/_n";
|
|
|
|
|
|
} else {
|
|
s += "Connexion impossible";
|
|
}
|
|
|
|
s += "</html>\n";
|
|
client.println(s);
|
|
delay(200);
|
|
|
|
} |