WIP dashboard serverside rendering

TobKra96 / music_led_strip_control

Audio visualization for LED strips in real-time with web interface on a raspberry pi.

https://tobkra96.github.io/music_led_strip_control/

MIT License

297 stars 64 forks source link

WIP dashboard serverside rendering #116

Closed weiserhei closed 3 years ago

weiserhei commented 3 years ago

Moving the Dashboard pill creation into the templates. Doing it serverside saves some AJAX Requests and glitches. Currently the device-tabs are built after pageload, while with this change only the last active device is marked after pageload.

I marked as WIP because every other Site doesnt even utilize the Device-class or builds their own device tabs in different places. So this is only working on Home for now (dashboard.html).

weiserhei commented 3 years ago

Refactored settings.effect.js because server-side device pill creation interfered
Effect Sync Fade: rendering all device pills, but disabled them so they cant be selected

The relevant bits:

https://github.com/TobKra96/music_led_strip_control/pull/116/files#diff-54a6fe7551635e4b68ee4aa0ecf48cd35362053ccb93de221ee45c44fd09d656
https://github.com/TobKra96/music_led_strip_control/pull/116/files#diff-8a4e77dd6afef2a8eb411f12be7783c948f51bad9e704ce27c01d57010046326