1
0
mirror of https://github.com/s00500/ESPUI.git synced 2024-11-25 14:10:54 +00:00
Commit Graph

36 Commits

Author SHA1 Message Date
Ian Gray
232ca3ead4
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-03 13:06:55 +01:00
Ian Gray
06460fcc4d
Chunk updates 2022-01-03 13:06:33 +01:00
Ian Gray
6800f0c208
Fixes #122 2022-01-03 13:06:33 +01:00
Ian Gray
6f744a7995
Update minified and header files for previous commit 2022-01-03 13:05:53 +01:00
Ian Gray
c5846ca644
Fixes #127 2022-01-03 13:05:53 +01: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
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
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
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