Andrew Boyson / wiz

Allows my home wiz lights to be timed on and off according to a schedule.

Dependents:   heating

web/web-wiz-html.c

Committer:
andrewboyson
Date:
2021-05-13
Revision:
2:d3fe00659967
Parent:
1:a6b120e4031a
Child:
3:d33dda272a7f

File content as of revision 2:d3fe00659967:

#include <stdio.h>

#include "http.h"
#include "web-nav-this.h"
#include "web-add.h"

static void addButton(char* name, int index, char* value, char* label)
{
    //HttpAddF("<button style='width:0.8em; margin-bottom: 0.1em; margin-top:0em; margin-left:0.5em; padding:0;' onclick='AjaxSendNameValue(\"%s%d\", \"%s\")'>%s</button>\r\n", name, index, value, label);
    HttpAddF("<button style='width:0.8em; margin:0; margin-left:0.1em; padding:0;' onclick='AjaxSendNameValue(\"%s%d\", \"%s\")'>%s</button>\r\n", name, index, value, label);
}

static void addLight(int index)
{   
    HttpAddText("<div style='display:flex; align-items:center;'>\r\n");
    HttpAddF   ("  <input type='text' style='width:6.5em;' id='ajax-name-%d' onchange='AjaxSendNameValue(\"lnam%d\", this.value)'>\r\n", index, index);
    HttpAddF   ("  <input type='text' style='width:4.5em;' id='ajax-room-%d' onchange='AjaxSendNameValue(\"lroo%d\", this.value)'>\r\n", index, index);
    HttpAddF   ("  <div style='margin-left:0.1em;' class='led' id='ajax-led-%d' dir='ltr'></div>\r\n", index);
    addButton("lswi", index, "1", "1");
    addButton("lswi", index, "0", "0");
    //HttpAddF   ("  <button style='width:0.8em; margin-bottom: 0.1em; margin-top:0em; margin-left:0.5em; padding:0;' onclick='AjaxSendNameValue(\"lswi%d\", \"1\")'>1</button>\r\n", index);
    //HttpAddF   ("  <button style='width:0.8em; margin-bottom: 0.1em; margin-top:0em; margin-left:0.5em; padding:0;' onclick='AjaxSendNameValue(\"lswi%d\", \"0\")'>0</button>\r\n", index);
    HttpAddF   ("  <code style='width:5em; text-align:right;' id='ajax-mac-%d'></code>\r\n", index);
    HttpAddF   ("  <div style='width:2em; text-align:right;' id='ajax-age-%d'></div>\r\n", index);
    HttpAddF   ("  <div style='width:2em; text-align:right;' id='ajax-signal-%d'></div>\r\n", index);
    HttpAddF   ("  <div style='width:2em; text-align:right;' id='ajax-dimmer-%d'></div>\r\n", index);
    //HttpAddF   ("  <button style='width:0.8em; margin-bottom: 0.1em; margin-top:0em; margin-left:0.5em; padding:0;' onclick='AjaxSendNameValue(\"ldel%d\", \"1\")'>x</button>\r\n", index);
    //HttpAddF   ("  <button style='width:0.8em; margin-bottom: 0.1em; margin-top:0em; margin-left:0.5em; padding:0;' onclick='AjaxSendNameValue(\"lmov%d\", \"up\")'>^</button>\r\n", index);
    //HttpAddF   ("  <button style='width:0.8em; margin-bottom: 0.1em; margin-top:0em; margin-left:0.5em; padding:0;' onclick='AjaxSendNameValue(\"lmov%d\", \"down\")'>v</button>\r\n", index);
    addButton("ldel", index, "1", "x");
    addButton("lmov", index, "up", "^");
    addButton("lmov", index, "down", "v");
    HttpAddText("</div>\r\n");
}

static void addSchedule(int index)
{
    HttpAddText("<div style='display:flex; align-items:center;'>\r\n");
    HttpAddF   ("  <input type='text' style='width:4.5em;' id='sched-name-%d' onchange='AjaxSendNameValue(\"snam%d\", this.value)'>\r\n", index, index);
    HttpAddF   ("  <input type='text' style='width:3.5em;' id='sched-on-%d' onchange='AjaxSendNameValue(\"s-on%d\", this.value)'>\r\n", index, index);
    HttpAddF   ("  <input type='text' style='width:3.5em;' id='sched-off-%d' onchange='AjaxSendNameValue(\"soff%d\", this.value)'>\r\n", index, index);
    HttpAddF   ("  <div style='width:3.5em; text-align:right;' id='act-on-%d'></div>\r\n", index);
    HttpAddF   ("  <div style='width:3.5em; text-align:right;' id='act-off-%d'></div>\r\n", index);
    HttpAddF   ("  <div style='width:3.5em; text-align:right;' id='duration-%d'></div>\r\n", index);
    //HttpAddF   ("  <button style='width:0.8em; margin-bottom: 0.1em; margin-top:0em; margin-left:0.5em; padding:0;' onclick='AjaxSendNameValue(\"sdel%d\", \"1\")'>x</button>\r\n", index);
    //HttpAddF   ("  <button style='width:0.8em; margin-bottom: 0.1em; margin-top:0em; margin-left:0.5em; padding:0;' onclick='AjaxSendNameValue(\"smov%d\", \"up\")'>^</button>\r\n", index);
    //HttpAddF   ("  <button style='width:0.8em; margin-bottom: 0.1em; margin-top:0em; margin-left:0.5em; padding:0;' onclick='AjaxSendNameValue(\"smov%d\", \"down\")'>v</button>\r\n", index);
    //HttpAddF   ("  <button style='width:0.8em; margin-bottom: 0.1em; margin-top:0em; margin-left:0.5em; padding:0;' onclick='AjaxSendNameValue(\"sswi%d\", \"1\")'>1</button>\r\n", index);
    //HttpAddF   ("  <button style='width:0.8em; margin-bottom: 0.1em; margin-top:0em; margin-left:0.5em; padding:0;' onclick='AjaxSendNameValue(\"sswi%d\", \"0\")'>0</button>\r\n", index);
    addButton("sswi", index, "1", "1");
    addButton("sswi", index, "0", "0");
    addButton("sdel", index, "1", "x");
    addButton("smov", index, "up", "^");
    addButton("smov", index, "down", "v");
    HttpAddText("</div>\r\n");
}

void WebWizHtml()
{
    HttpOk("text/html; charset=UTF-8", "no-cache", NULL, NULL);
    WebAddHeader("Wiz", "settings.css", "wiz.js");
    WebAddNav(WIZ_PAGE);
    WebAddH1("Wiz");
    
    WebAddH2("Trace");
    WebAddAjaxInputToggle("Wiz trace", "ajax-wiz-trace", "wiztrace");
    
    WebAddH2("Lights");
    for (int i = 0; i < 15; i++) addLight(i);
    WebAddAjaxButton("Switch all on" , "turn-all-on" );
    WebAddAjaxButton("Switch all off", "turn-all-off");
    
    WebAddH2("Local times");
    WebAddAjaxLabelled("Local (L)",   "ajax-now-local");
    WebAddAjaxLabelled("Sunrise (R)", "ajax-sun-rise" );
    WebAddAjaxLabelled("Sunset (S)",  "ajax-sun-set"  );
    
    WebAddH2("Schedule");
    for (int i = 0; i < 5; i++) addSchedule(i);
    
    WebAddEnd();
}