Merge pull request #147 from iangray001/designupdates

Separators, grouped controls, and wide controls

src/ESPUI.h

@@ -55,6 +55,7 @@ enum ControlType : uint8_t
     Step,
     Gauge,
     Accel,
+    Separator,
 
     UpdateOffset = 100,
     UpdatePad = 101,
@@ -74,6 +75,7 @@ enum ControlType : uint8_t
     UpdateStep,
     UpdateGauge,
     UpdateAccel,
+    UpdateSeparator,
 
     InitialGui = 200,
     Reload = 201,
@@ -136,6 +138,7 @@ public:
     String value;
     ControlColor color;
     bool visible;
+    bool wide;
     uint16_t parentControl;
     String panelStyle;
     String elementStyle;
@@ -151,6 +154,7 @@ public:
           value(value),
           color(color),
           visible(visible),
+          wide(false),
           parentControl(parentControl),
           next(nullptr)
     {
@@ -257,6 +261,7 @@ public:
     uint16_t graph(const char* label, ControlColor color); // Create Graph display
     uint16_t gauge(const char* label, ControlColor color, int value, int min = 0,
         int max = 100); // Create Gauge display
+    uint16_t separator(const char* label); //Create separator
 
     // Input only
     uint16_t accelerometer(const char* label, void (*callback)(Control*, int), ControlColor color);
@@ -287,6 +292,8 @@ public:
     void setPanelStyle(uint16_t id, String style, int clientId = -1);
     void setElementStyle(uint16_t id, String style, int clientId = -1);
 
+    void setPanelWide(uint16_t id, bool wide);
+
     // Variables
     const char* ui_title = "ESPUI"; // Store UI Title and Header Name
     Control* controls = nullptr;