Based on the first post I'm almost 4 years(!!) thinking and trying to get a responsive (near) realtime live on all my clients....I tried many website themes, but finally I was not satisfied with the results,...
In the past I used for every devicevalue a query. Finally I've every second 200+ queries that has to be run. Not an issue, but in the end it could result in performance issue and there should be a better solution.
Angularjs, nodejs, socketio, all is working nice, if you are using tables, but specifc value showing from the records it's hard to do. Probably quite simple, but I can't find any example how to accomplish this specific values instead of print all values in a table.
Few weeks ago I found this theme:
wrapbootstrap.com/theme/minton-admin-fr ... -WB0858DB6
I used the Dark one, horizontal.
The 200+queryies are replaced with 3 queries that create an array of results from my MySQL DB:
1 array for device_ref + device value
1 array for device_ref + device string
1 array for device_ref + device last change
(probably this 3 arrays can be combined into one, but for now it me saved already a lot of work).
Below the first created dashboard. Some minor layout issues has to be fixed and the weather icons has to be linked to the correct one of the day and I'm not satisfied with all the text colors, so I'm starting to make it more clean, as you can see in the first row. Based on the value, it can be displayed in another color.
The icons at front of the 'panels' will be removed as well, unless I'll found a nice set of icons somehere soon.
I'm far from finished.
Even some popups can be displayed whn clicking on a value/panel, and notification can be shown automatically based on incoming events or values changes.(all is Bootstrap related)
The websites is running locally, on several tablets, in fullscreen browser mode.