Ian Gray
fed603e219
Fix error in graph HTML output
2022-01-15 15:13:28 +00:00
Ian Gray
12a3fb6c80
Fix bug with sliders getting out of sync.
2022-01-15 14:29:38 +00:00
Ian Gray
6a513e9f65
Allow Max control to add maxlength to text input. Update docs.
2022-01-14 20:24:23 +00:00
Ian Gray
3b8f71a0f5
Fix a bug where the Dark colour wasn't being correctly applied.
2022-01-13 18:26:50 +00:00
Ian Gray
a9460c8c69
Allow runtime updates to button controls.
2022-01-13 17:26:00 +00:00
Ian Gray
dd0fe3165f
Fix bug with updating slider values programatically
2022-01-12 23:53:55 +00:00
Ian Gray
c059e30763
Fix issue with switchers getting out of sync with the DOM if updated.
2022-01-12 23:12:45 +00:00
Ian Gray
5909471962
Further improve the reliability of UI element transfer.
...
A protocol has been implemented between the server and client to acknowledge
each UI_INITIAL_GUI and UI_EXTEND_GUI from the client javascript. This
prevents the internal websocket buffers from becoming flooded when the
number of controls gets too high.
2022-01-12 20:12:20 +00:00
Ian Gray
f5dd757240
Add support for wide panels.
...
Allows for panels to be displayed in single column mode, regardless of screen width.
For more information, see updates to README.md
2022-01-08 21:25:10 +00:00
Ian Gray
9b228800f9
Implement separators, and grouped controls
...
This adds separator elements, and allows arbitrary grouping of controls. For details
see the updates to README.md
2022-01-08 20:58:22 +00:00
Ian Gray
ec1862cfe6
Support for dynamic custom inline styling.
...
Adds two functions in ESPUI.h:
setPanelStyle()
setElementStyle()
These allow for custom inline CSS styles to be applied to the panel and to
the specific UI element repectively.
For example:
```
char stylecol1[30]
sprintf(stylecol1, "background-color: #%06X;", (unsigned int) random(0x0, 0xFFFFFF));
ESPUI.setPanelStyle(switch1, stylecol1);
```
This will set the panel of the given control to a random hex colour.
This is supported by both the initial UI message, and by control update messages, so you
can change these styles dynamically in response to other events.
setElementStyle() is not perfect. Because CSS inline styles can only style one specific
DOM element, for controls made up of multiple elements (like the "pad") this is limited.
I have tried to make an appropriate choice for each supported control.
2022-01-02 21:56:32 +00:00
Ian Gray
78317ce5f2
Chunk updates
2022-01-01 22:04:32 +00:00
Ian Gray
1d78608786
Add feedback to buttons when being pessed. One way to address #110 .
2021-12-29 23:01:01 +00:00
Ian Gray
aaea0fb877
Fixes #122
2021-12-29 17:52:03 +00:00
Ian Gray
eebefd915c
Update minified and header files for previous commit
2021-12-29 10:29:24 +00:00
Ian Gray
777ceb2bed
Fixes #127
2021-12-28 17:13:25 +00:00
Noctr
98ec85ea8b
Update controls.min.js
2021-08-01 23:45:49 +07:00
Noctr
6a9c989766
Update controls.js
2021-08-01 23:38:13 +07:00
tecteun
9ab8a84ff0
slider sends (browser dependent) lots of events, throttle using only unique values.
2021-02-05 22:03:02 +00:00
Marcus Miess
02d981cc2b
Changed the ascii arrow to the HTML equivalent. Fixes the problem, where the pad arrow strings got broken.
2021-01-02 00:23:13 +01:00
ericBcreator
950a1fb029
Add files via upload
2020-10-01 20:27:01 +02:00
ericBcreator
5a167091cc
Update controls.js
2020-10-01 18:57:24 +02:00
ericBcreator
acaf6898fd
Update controls.js
2020-10-01 18:49:18 +02:00
99cf344d93
Changes suggested in #93
...
Signed-off-by: Lukas Bachschwell <lukas@lbsfilm.at>
2020-09-24 21:50:28 +02:00
6506f6fe1c
Fixing sliders not updating properly
...
Signed-off-by: Lukas Bachschwell <lukas@lbsfilm.at>
2020-08-26 22:16:02 +02:00
eec13e4934
No reload per default, just send JsonDom
2020-08-26 22:15:56 +02:00
ruslan.teliuk@aspose.com
81366af7f1
Add remControl() method for remove contols
2020-08-26 22:13:38 +02:00
585c1608b8
Fix update_gauge typo, Close #69
2020-06-01 18:09:15 +02:00
3afd518399
Connect to correct websocket on different port
2020-01-27 13:13:47 +01:00
bd7e324a31
fix sliderupdate
2019-12-28 15:05:27 +01:00
9764db9789
Increase timeout for connecting existing network and add continuous slider mode #60
2019-12-28 14:54:41 +01:00
681a00b3ed
reformate slider
2019-12-28 14:17:29 +01:00
79046d7bd0
remove graph logging
2019-12-27 20:27:10 +01:00
4b0f8e86b4
#10 Enable storing to localstorage
2019-12-27 16:57:11 +01:00
9e5756ceef
Update Roadmap
2019-12-27 15:36:54 +01:00
75ec2590f6
Update js stuff
2019-12-27 15:36:12 +01:00
79f509da74
#10 Graph points working
...
- timestap still not great
2019-04-15 15:32:14 +02:00
bff259008f
Graph Frontend work
...
- Adds graph js file
- Adds graph styles
2019-04-15 13:49:15 +02:00
043ba99ea9
Adding basic structure for new widgets
2019-03-26 16:22:21 +01:00
70288fc69f
Hide tabsnav on :empty
2019-03-24 16:15:30 +01:00
Christian Riggenbach
6873052b6e
Added new features, removed dependency on unique labels
...
- added Min/Max/Step for numbers and sliders
- labels don't have to be unique anymore; controls can't be updated by labels
- new Slider: JS + CSS
2019-03-19 09:34:16 +01:00
Christian Riggenbach
7125374fa3
Color of elementes are now updateable, reformatted control.js
2019-03-08 22:24:20 +01:00
Christian Riggenbach
00d996d8dd
The Pad works again
...
Don't set the style of all the <ul> and <li> in the css, use the class
2019-03-08 21:17:28 +01:00
Christian Riggenbach
b987828a25
Preselect the right option in the select-input
2019-03-06 00:18:19 +01:00
Christian Riggenbach
6178e4fc22
Added the dropdown-Control
...
* added the Control
* added the frontend-code
* added the control to the examples "gui-newAPI.ino" and "tabbedGui.ino"
2019-03-04 21:07:39 +01:00
Christian Riggenbach
4ea7928fd5
Added Tabbed View
...
* new member of Control: parentControl
* changed addControl() to add children of elements
* added some styles in the css
* two new divs in index.html
* added frontend code to controls.js
* added new demo to demonstrate the tabbed view
2019-03-03 23:33:15 +01:00
Christian Riggenbach
50de3dad87
Added tabbedcontent.js (from https://github.com/elboletaire/tabbedcontent )
2019-03-03 23:27:11 +01:00
Christian Riggenbach
6810f7432f
Moved examples/gui/data to data/ and adjusted tools/*.py
2019-03-03 21:23:39 +01:00
139de283a9
cleanup
2017-10-17 11:56:20 +02:00
994eff2b6d
Moving Files to a data dir
2017-10-17 00:10:22 +02:00