web.cpp

// This is the ESPUI example
// it does nothing more yet and is not connected with the stepper motor code

#include <DNSServer.h>

#include <ESPUI.h>              // https://github.com/s00500/ESPUI

#include "common.h"
#include "syringe.h"

#include <EEPROM.h>

int lengthSyringePump = 50;  //Length of syringe pump in mm

int statusLabelId1;
int statusLabelId2;
int graphId;
int millisLabelId;
int testSwitchId;

uint16_t status;

uint16_t activation;

uint16_t EtatButtonSeringue;

uint16_t bouton1, bouton2, bouton3, bouton4, bouton5, bouton6, bouton7, bouton8, bouton9, bouton10, bouton11, bouton12, bouton13, bouton14, bouton15, bouton16, bouton17, bouton18, bouton19, bouton20, bouton21, bouton22, bouton23, bouton24, bouton25, bouton26, bouton27, bouton28, bouton29, bouton30, bouton31, bouton32, bouton33, bouton34, bouton35, bouton36, bouton37, bouton38, bouton39, bouton40, bouton41, bouton42, bouton43, bouton44, bouton45, bouton46, bouton47, bouton48, bouton49, bouton50, bouton51, bouton52, bouton53, bouton54, bouton55, bouton56, bouton57, bouton58, bouton59, bouton60, bouton61, bouton62, bouton63, bouton64, bouton65, bouton66, bouton67, bouton68, bouton69, bouton70, bouton71, bouton72, bouton73, bouton74, bouton75, bouton76, bouton77, bouton78, bouton79, bouton80, bouton81, bouton82, bouton83, bouton84, bouton85, bouton86, bouton87, bouton88, bouton89, bouton90, bouton91, bouton92, bouton93, bouton94, bouton95, bouton96, bouton97, bouton98;

uint16_t zero;

uint16_t styleButton, styleLabel, styleSwitcher, styleSlider, styleButton2, styleLabel2, styleSlider2;

uint16_t nvBoutonCtrl, nvBouton;

uint16_t slider;

char couleur1[30], couleur2[30], couleur3[30], couleur4[30], couleur5[30], couleur6[30], couleur7[30], couleur8[30], couleur9[30], couleur10[30];

bool test = true;

long unsigned lastTime = 0;

// Couleurs à utiliser
const char* couleurs[] = {
    couleur1,
    couleur2,
    couleur3,
    couleur4,
    couleur5,
    couleur6,
    couleur7,
    couleur8,
    couleur9,
    couleur10
};

uint8_t mock_read_uart(void);

void numberCallBack(Control* sender, int type);
void textCallBack(Control* sender, int type);
void sliderCallBack(Control* sender, int type);
void buttonStatusCallBack1(Control* sender, int type, void* param);
void buttonStatusCallBack2(Control* sender, int type, void* param);
void buttonCallback(Control* sender, int type);
void padCallBack(Control* sender, int value);
void switchStatusCallBack1(Control* sender, int value, void* param);
void switchStatusCallBack2(Control* sender, int value, void* param);
void selectCallBack(Control* sender, int value);
void otherSwitchCallBack(Control* sender, int value);
void buttonSeringue(Control* sender, int type);
void generalCallback(Control *sender, int type);
void nvBoutonCtrlCallback(Control *sender, int type);
void nvBoutonCallback(Control *sender, int type);
void positionChoice (Control *sender, int type);
void goToZero (Control *sender, int type);
void onOff();



void webSetup ()
{
   



    //Creation des différents styles

    //Les verts pour la mise en mrche de la seringue
    sprintf(couleur1, "background-color: #%06X;", (unsigned int) 0xb2dbbf);
    sprintf(couleur2, "background-color: #%06X;", (unsigned int) 0x5a8668);

    //Le rouge pour la seringue a l'arrêt
    sprintf(couleur3, "background-color: #%06X;", (unsigned int) 0xc97064);
    sprintf(couleur4, "background-color: #%06X;", (unsigned int) 0x762419);

    //Les marrons pour la config des seringues
    sprintf(couleur5, "background-color: #%06X;", (unsigned int) 0xce9f6f);
    sprintf(couleur6, "background-color: #%06X;", (unsigned int) 0x926448);


    sprintf(couleur7, "background-color: #%06X;", (unsigned int) 0x0a7477);
    sprintf(couleur8, "background-color: #%06X;", (unsigned int) 0x052a38);
    sprintf(couleur9, "background-color: #%06X;", (unsigned int) 0x044365);
    sprintf(couleur10, "background-color: #%06X;", (unsigned int) 0x58b8c3);





    //Création des différents onglets
    uint16_t tab1 = ESPUI.addControl(ControlType::Tab, "Configurations", "Configurations");
    uint16_t tab2 = ESPUI.addControl(ControlType::Tab, "Mise en marche", "Mise en marche");
    uint16_t tab3 = ESPUI.addControl(ControlType::Tab, "Nouvelle Seringue", "Nouvelle seringue");
    uint16_t tab4 = ESPUI.addControl(ControlType::Tab, "Paramètres avancés", "Paramètres avancés");
    uint16_t tab5 = ESPUI.addControl(Tab, "", "Styled controls");

    //Au dessus des tables
    
    statusLabelId1 = ESPUI.label("Etat du pousse-seringue 1 :", ControlColor::None, "A l'arrêt");


    //Mettre en route le pousse-seringue
    activation = ESPUI.addControl(ControlType::Switcher, "Mise en marche", "Arrêt", ControlColor::None, statusLabelId1, &switchStatusCallBack1, (void*)19);


    //Style
    ESPUI.setPanelStyle(statusLabelId1, couleurs[2]);
    ESPUI.setElementStyle(statusLabelId1, couleurs[3]);


    //Deplacement demandé du pousse-seringue
    uint16_t mainNumber = ESPUI.number("Positions finale et possitionnement du pousse-seringue", positionChoice, ControlColor::None, 0, 0, 50);
    ESPUI.addControl(Min, "", "0", None, mainNumber);
    ESPUI.addControl(Max, "", "50", None, mainNumber);
    //Visualisation de l'avancement
    slider = ESPUI.addControl(ControlType::Slider, "Distance", "0", ControlColor::None, mainNumber, sliderCallBack);


    //Style
    ESPUI.setPanelStyle(mainNumber, couleurs[4]);
    ESPUI.setElementStyle(mainNumber, couleurs[5]);


    zero = ESPUI.button("Initialisation", goToZero , ControlColor::None, "Allez en butée");
    ESPUI.setPanelStyle(zero, couleurs[4]);
    ESPUI.setElementStyle(zero, couleurs[5]);



    //TAB1  = Configurations

    //Choix de la seringue 1
    ESPUI.addControl(ControlType::Separator, "Seringue 1", "", ControlColor::None, tab1);
    uint16_t select1
        = ESPUI.addControl(ControlType::Select, "Choix de la seringue :", "", ControlColor::None, tab1, &selectCallBack);
    ESPUI.addControl(ControlType::Option, "Seringue A", "Opt1", ControlColor::None, select1);
    ESPUI.addControl(ControlType::Option, "Seringue B", "Opt2", ControlColor::None, select1);
    ESPUI.addControl(ControlType::Option, "Seringue C", "Opt3", ControlColor::None, select1);
    ESPUI.setPanelStyle(select1, couleurs[4]);
    ESPUI.setElementStyle(select1, couleurs[5]);


    uint16_t carac1 = ESPUI.addControl( ControlType::Label, "Caractéristiques de la seringue 1 : ",  "D = 4mm, V = 10µL", ControlColor::None, tab1);
    ESPUI.setPanelStyle(carac1, couleurs[4]);
    ESPUI.setElementStyle(carac1, couleurs[5]);

    //TAB2 : Mise en marche



    //TAB3 : Nouvelle seringue
    ESPUI.addControl(ControlType::Text, "Nom de la seringue :", "", ControlColor::Alizarin, tab3, &textCallBack);
    ESPUI.addControl(ControlType::Number, "Diamètre interne de la seringue en mm", "5", ControlColor::Alizarin, tab3, &numberCallBack);
    ESPUI.addControl(ControlType::Number, "Volume total de la seringue en µL", "5", ControlColor::Alizarin, tab3, &numberCallBack);

    EtatButtonSeringue = ESPUI.addControl(
    ControlType::Button, "Ajouter la seringue", "Valider", ControlColor::Peterriver, tab3, &buttonSeringue);
  

    //TAB4 : Configurations avancées
    //Diamètre de la vis
    ESPUI.addControl(ControlType::Number, "Diamètre de la vis sans fin", "5", ControlColor::None, tab4, &numberCallBack);
    //Sens de rotation du moteur
    ESPUI.addControl(ControlType::Switcher, "Sens de rotation du moteur", "Horaire", ControlColor::None, tab4, &otherSwitchCallBack);
    

    //TAB5 : Test de style



    nvBoutonCtrl = ESPUI.addControl(ControlType::Button, "Nouveau Bouton", "Let magic happen", ControlColor::None, tab5, nvBoutonCtrlCallback);
    ESPUI.setPanelStyle(nvBoutonCtrl, couleurs[0]);
    ESPUI.setElementStyle(nvBoutonCtrl, couleurs[1]);

    nvBouton = ESPUI.addControl(ControlType::Button, "Abra", "Cadabra", ControlColor::None, tab5, nvBoutonCallback);
    
    syringe.isRunning();


    //Lancement
    ESPUI.begin("ESPUI Control");
}


/************ Les fonctions callbacks ****************/

void numberCallBack(Control* sender, int type)
{
    Serial.println(sender->value);
}


void textCallBack(Control* sender, int type)
{
    Serial.print("Text: ID: ");
    Serial.print(sender->id);
    Serial.print(", Value: ");
    Serial.println(sender->value);
}

void sliderCallBack(Control* sender, int type)
{
    Serial.print("Slider: ID: ");
    Serial.print(sender->id);
    Serial.print(", Value: ");
    Serial.println(sender->value);
    // Like all Control Values in ESPUI slider values are Strings. To use them as int simply do this:
    int sliderValueWithOffset = sender->value.toInt() + 100;
    Serial.print("SliderValue with offset");
    Serial.println(sliderValueWithOffset);
}

void buttonStatusCallBack1(Control* sender, int type, void* param)
{
    Serial.println(String("param: ") + String(long(param)));
    switch (type)
    {
    case B_DOWN:
        Serial.println("Status: Start");
        ESPUI.print(statusLabelId1, "En marche");
        break;

    case B_UP:
        Serial.println("Status: Stop");
        ESPUI.print(statusLabelId1, "A l'arrêt");
        break;
    }
}

void buttonStatusCallBack2(Control* sender, int type, void* param)
{
    Serial.println(String("param: ") + String(long(param)));
    switch (type)
    {
    case B_DOWN:
        Serial.println("Status: Start");
        ESPUI.print(statusLabelId2, "En marche");
        break;

    case B_UP:
        Serial.println("Status: Stop");
        ESPUI.print(statusLabelId2, "A l'arrêt");
        break;
    }
}

void buttonCallback(Control* sender, int type)
{
    switch (type)
    {
    case B_DOWN:
        Serial.println("Button DOWN");
        break;

    case B_UP:
        Serial.println("Button UP");
        break;
    }
}

void padCallBack(Control* sender, int value)
{
    switch (value)
    {
    case P_LEFT_DOWN:
        Serial.print("left down");
        break;

    case P_LEFT_UP:
        Serial.print("left up");
        break;

    case P_RIGHT_DOWN:
        Serial.print("right down");
        break;

    case P_RIGHT_UP:
        Serial.print("right up");
        break;

    case P_FOR_DOWN:
        Serial.print("for down");
        break;

    case P_FOR_UP:
        Serial.print("for up");
        break;

    case P_BACK_DOWN:
        Serial.print("back down");
        break;

    case P_BACK_UP:
        Serial.print("back up");
        break;

    case P_CENTER_DOWN:
        Serial.print("center down");
        break;

    case P_CENTER_UP:
        Serial.print("center up");
        break;
    }

    Serial.print(" ");
    Serial.println(sender->id);
}


void switchStatusCallBack2(Control* sender, int value, void* param)
{

    Serial.println(String("param: ") + String(long(param)));
    switch (value)
    {
    case S_ACTIVE:
        Serial.print("Active:");
        ESPUI.print(statusLabelId2, "En marche");
        break;

    case S_INACTIVE:
        Serial.print("Inactive");
        ESPUI.print(statusLabelId2, "A l'arrêt");
        break;
    }

    Serial.print(" ");
    Serial.println(sender->id);
}


void selectCallBack(Control* sender, int value)
{
    Serial.print("Select: ID: ");
    Serial.print(sender->id);
    Serial.print(", Value: ");
    Serial.println(sender->value);
}

void otherSwitchCallBack(Control* sender, int value)
{
    switch (value)
    {
    case S_ACTIVE:
        Serial.print("Active:");
        break;

    case S_INACTIVE:
        Serial.print("Inactive");
        break;
    }

    Serial.print(" ");
    Serial.println(sender->id);
}


void buttonSeringue(Control* sender, int type)
{
    switch (type)
    {
    case B_DOWN:
        Serial.println("Button DOWN");
        break;

    case B_UP:
        Serial.println("Button UP");
        break;
    }
}

//Most elements in this test UI are assigned this generic callback which prints some
//basic information. Event types are defined in ESPUI.h
void generalCallback(Control *sender, int type) {
	Serial.print("CB: id(");
	Serial.print(sender->id);
	Serial.print(") Type(");
	Serial.print(type);
	Serial.print(") '");
	Serial.print(sender->label);
	Serial.print("' = ");
	Serial.println(sender->value);
}

void nvBoutonCtrlCallback(Control *sender, int type) {
    

    if(type == B_UP) {
        
        test = !test;
        ESPUI.updateVisibility(nvBouton, test);
        
	}
}

void nvBoutonCallback(Control *sender, int type) {
	if(type == B_DOWN) {
        ESPUI.setPanelStyle(nvBouton, couleurs[2]);
        ESPUI.setElementStyle(nvBouton, couleurs[3]);
	}
}

void positionChoice (Control *sender, int type) {

    Serial.printf("val=%s\n", sender->value.c_str()); 
    Syringe::Syringe_configuration_t conf = syringe.configuration();
    conf.volume_value = syringe.mmToMm3(atof(sender->value.c_str()));
    syringe.configureSyringe(conf);
}

void goToZero (Control *sender, int type) {

    if(type == B_UP) {
        syringe.findZero();
        ESPUI.print(statusLabelId1, "En marche");
        ESPUI.setPanelStyle(statusLabelId1, couleurs[0]);
        ESPUI.setElementStyle(statusLabelId1, couleurs[1]);







    }

}

void switchStatusCallBack1(Control* sender, int value, void* param)
{

    Serial.println(String("param: ") + String(long(param)));
    switch (value)
    {
    case S_ACTIVE:
        Serial.print("Active:");
        ESPUI.print(statusLabelId1, "En marche");
        ESPUI.setPanelStyle(statusLabelId1, couleurs[0]);
        ESPUI.setElementStyle(statusLabelId1, couleurs[1]);
        syringe.fill();
        break;

    case S_INACTIVE:
        Serial.print("Inactive");
        ESPUI.print(statusLabelId1, "A l'arrêt");
        ESPUI.setPanelStyle(statusLabelId1, couleurs[2]);
        ESPUI.setElementStyle(statusLabelId1, couleurs[3]);
        syringe.stayHere();
        break;
    }

    Serial.print(" ");
    Serial.println(sender->id);
}



void webLoop ()
{
  //bool switchi = syringe.isRunning();
  bool a = syringe.isRunning();
	if(millis() > lastTime + 500) {
    //ESPUI.updateSlider(slider, syringe.currentPosition()*100/lengthSyringePump);
		lastTime = millis();
    if (syringe.isRunning())
      ESPUI.updateControlValue(activation, "1");
    else
      ESPUI.updateControlValue(activation, "0");

	}

}