looking for beta testers on ALTUI of a new data push graphic page

looking for testers on the GitHub - amg0/ALTUI: Enhancement Interface for VERA home automation system version of ALTUI
people using data push and graphics.
I am refactoring the graph variable page to look like this but I d like some return if it works or not
thx

Well, count me in, for one!

great, whenever you want , it is on github

Yes, already playing!

It took me a moment to find it: More > Watch Display

I’ve managed to freeze Safari on my iPad by dragging the windows around, and rotating the display with an odd number of graphs doesn’t correctly resize the bottom one on a line on its own.

My ‘production’ system has about 50 watched variables… I haven’t tried that yet! My graphs are mostly from DataYours using Google Charts, at the moment. I will also be trying with embedded Grafana windows.

OK, so my question is how to manage a large number of plots?

The attached picture is about the top one-third of my total page.

The nice thing about the previous format was that you could pick and choose which ones to have open, but it was ugly. I see close buttons on the individual plot here, but am not sure how to restore them (haven’t tried it yet.)

It certainly hammers my database and graphics server for a bit whilst it populates the plots!


PS: I had to reload my main openLuup system to try this out… it had been up for over 54 days. :frowning:

[quote=“akbooer, post:5, topic:199050”]OK, so my question is how to manage a large number of plots?

The attached picture is about the top one-third of my total page.

The nice thing about the previous format was that you could pick and choose which ones to have open, but it was ugly. I see close buttons on the individual plot here, but am not sure how to restore them (haven’t tried it yet.)

It certainly hammers my database and graphics server for a bit whilst it populates the plots!


PS: I had to reload my main openLuup system to try this out… it had been up for over 54 days. :([/quote]

humm? not a typical user I hope.
I need to think about way, maybe not showing the graph as a default ( but that s a pity because it is handy to come in and see key graphs )
or maybe have tab-pages with a tab per something?

there should be no load on openluup, all this is client side and IFrames, totally independant of openluup. there are 0 calls to openluup for the whole page generation and rendering unless your backend data storage/graphic engine is making use of it but that is independant of ALTUI

Well, possibly not. :smiley:

I need to think about way, maybe not showing the graph as a default ( but that s a pity because it is handy to come in and see key graphs ) or maybe have tab-pages with a tab per something?

It’s really nice to see all the graphs grouped together at the start of the page. Maybe there could be a list with check boxes, at the bottom, like some of the other tables, to enable/disable them.

there should be no load on openluup, all this is client side and IFrames, totally independant of openluup. there are 0 calls to openluup for the whole page generation and rendering unless your backend data storage/graphic engine is making use of it but that is independant of ALTUI

No, this is certainly true. My InfluxDB and Grafana servers are quite separate, but my Graphite server is the DataYours plugin, and that’s my choice.

The thing is, that you’ve made it so convenient to use the data storage providers, that I’ve all but abandoned my own UI both for general data archiving and also mirroring of variables back to bridged Veras. It all works so well, especially with the option for multiple providers per variable.

A possible idea, taking a clue from Blue Iris, is have all the graphs show but allow selecting a particular graph to view in more detail. A back button takes you back to the sea of graphs.

I have put a fully working version on github which I think can address the big page issue.
you can now create the page you want and customize them
it will remember the settings ( but per client, as usual )
by default the page is empty so it wont overload the system if too many iFRame request are going at the same time
let me know how it goes…

I’m on the case! Thanks.

Oh, I like that very much. Very neat indeed, and so convenient with tabbed pages (like I was hoping for in Lua Code Test!)

Full marks.

…although I still have the resize issue for the last plot on the bottom line with only one plot (ie. an odd total number of graphs.)

[quote=“akbooer, post:11, topic:199050”]Oh, I like that very much. Very neat indeed, and so convenient with tabbed pages (like I was hoping for in Lua Code Test!)

Full marks.

…although I still have the resize issue for the last plot on the bottom line with only one plot (ie. an odd total number of graphs.)[/quote]
Good, can you give me info or screen shots for the last line problem ?

OK, here are two shots of a single graph in landscape and portrait modes on an iPad.

Also noticed that the close and refresh buttons don’t now seem to do anything on the individual plots?

OK, here are two shots of a single graph in landscape and portrait modes on an iPad.

Also noticed that the close and refresh buttons don’t now seem to do anything on the individual plots?[/quote]

got it. this is a browser limitation of ipad, seems to not deal with iFrame overflows. the desktop versions do show a scroll bar when the viewport is too small. not sure yet how to workaround this one

there are still a few bug fix I need to work on, the buttons are one of them, I ll ping when I drop another version

OK, here are two shots of a single graph in landscape and portrait modes on an iPad.

Also noticed that the close and refresh buttons don’t now seem to do anything on the individual plots?[/quote]
ok you can try this one, I am still missing the drag and drop order persistance but the rest should be here.
plus I added an option to fully reset the graph pages

got it. this is a browser limitation of ipad, seems to not deal with iFrame overflows. the desktop versions do show a scroll bar when the viewport is too small. not sure yet how to workaround this one

there are still a few bug fix I need to work on, the buttons are one of them, I ll ping when I drop another version[/quote]

I can’t get the Edit button to work on multiple tags.

Should it also be possblie to drag the order of the page tabs?

[quote=“akbooer, post:16, topic:199050”]I can’t get the Edit button to work on multiple tags.

Should it also be possblie to drag the order of the page tabs?[/quote]

what do you mean by “Edit button to work on multiple tags” ?
I have a version with persistent order for page content
but this is not yet the order of the page tabs

[quote=“amg0, post:17, topic:199050”]what do you mean by “Edit button to work on multiple tags” ?
I have a version with persistent order for page content
but this is not yet the order of the page tabs[/quote]

Sorry, I meant that I couldn’t switch between, or edit, one of the pages once I had defined two.

This was an issue on the iPad, but I’ve just tried it on a Mac and all is well. It may have been that I was confused on the iPad as to which page was actually selected… always confused by whether it’s the white one, or the grey one. Defining three pages would help me! I’ll try again tomorrow.

[quote=“akbooer, post:18, topic:199050”][quote=“amg0, post:17, topic:199050”]what do you mean by “Edit button to work on multiple tags” ?
I have a version with persistent order for page content
but this is not yet the order of the page tabs[/quote]

Sorry, I meant that I couldn’t switch between, or edit, one of the pages once I had defined two.[/quote]

it is a bug I fixed I think

[quote=“amg0, post:19, topic:199050”][quote=“akbooer, post:18, topic:199050”][quote=“amg0, post:17, topic:199050”]what do you mean by “Edit button to work on multiple tags” ?
I have a version with persistent order for page content
but this is not yet the order of the page tabs[/quote]

Sorry, I meant that I couldn’t switch between, or edit, one of the pages once I had defined two.[/quote]

it is a bug I fixed I think[/quote]
github version include reordering of pages as well as of graphs in page. by Drag and Drop